+websocket推送接收

liuyg

2022-03-28 a569f67c51e405796c85086ae8ed79f1dee0b250

+websocket推送接收

 pages/grabOrders/grabOrdersMain/business.vue

@@ -1,39 +1,19 @@
<template>
  <view class="container">
    <view class="head">
      <u-navbar
        :is-fixed="false"
        :border-bottom="false"
        :is-back="true"
        back-icon-name="arrow-leftward"
        back-icon-color="#fff"
        back-icon-size="35"
        :background="{ background: '#103289' }"
        title="我参与"
        title-color="#fff"
      ></u-navbar>
            <u-navbar :is-fixed="false" :border-bottom="false" :is-back="true" back-icon-name="arrow-leftward"
                back-icon-color="#fff" back-icon-size="35" :background="{ background: '#103289' }" title="我参与"
                title-color="#fff"></u-navbar>
      <view class="head-bg"></view>
      <!-- 我的订阅 start -->
      <view class="card sub">
        <view class="title"></view>
        <view class="list">
          <u-grid :col="3" :border="false">
            <u-grid-item
              bg-color="transparent"
              :class="{ uGridSelected: itemSelectFlag && index == 3 }"
              v-for="(item, index) in dataOne"
              :key="index"
            >
              <navigator
                hover-class="none"
                class="nav-item"
                @click="goOnePage(item.url, index)"
              >
                <image
                  :src="item.img"
                  mode="widthFix"
                  class="nav-item-img"
                ></image>
                        <u-grid-item bg-color="transparent" :class="{ uGridSelected: itemSelectFlag && index == 3 }"
                            v-for="(item, index) in dataOne" :key="index">
                            <navigator hover-class="none" class="nav-item" @click="goOnePage(item.url, index)">
                                <image :src="item.img" mode="widthFix" class="nav-item-img"></image>
                <u-badge :count="item.cout" :offset="[20, 20]"></u-badge>
                <view class="nav-item-name">{{ item.title }}</view>
              </navigator>
@@ -47,22 +27,9 @@
        <view class="title">保安管理</view>
        <view class="list">
          <u-grid :col="4" :border="false">
            <u-grid-item
              bg-color="transparent"
              v-for="(item, index) in dataTwo"
              :key="index"
            >
              <navigator
                hover-class="none"
                url=""
                class="nav-item"
                @click="goTwoPage(item.url, index)"
              >
                <image
                  :src="item.img"
                  mode="widthFix"
                  class="nav-item-img"
                ></image>
                        <u-grid-item bg-color="transparent" v-for="(item, index) in dataTwo" :key="index">
                            <navigator hover-class="none" url="" class="nav-item" @click="goTwoPage(item.url, index)">
                                <image :src="item.img" mode="widthFix" class="nav-item-img"></image>
                <view class="nav-item-name">{{ item.title }}</view>
              </navigator>
            </u-grid-item>
@@ -83,8 +50,7 @@
      tabbar: this.$store.state.tabbar,
      bashow: false,
      itemSelectFlag: false,
      dataOne: [
        {
                dataOne: [{
          title: "治安防范巡查",
          img: "/static/workbench/task2.png",
          url: "../grabOrdersZAXC/grabOrders?detailData=0",
@@ -115,8 +81,7 @@
        //   cout: 0,
        // },
      ],
      dataTwo: [
        {
                dataTwo: [{
          title: "电子证件",
          img: "/static/workbench/task9.png",
          url: "",
@@ -149,6 +114,16 @@
    // 此处一定姚要return为true，否则页面不会返回到指定路径
    return true;
  },
        computed: {
            changeTaksState() {
                return this.$store.state.changeTaksState;
            }
        },
        watch: {
            changeTaksState() {
                this.getNum();
            }
        },
  mounted() {
    // if (this.$store.state.UserData.stype != "1") {
    //     this.$refs.uToast.show({

 pages/grabOrders/grabOrdersZAFFPX/grabOrders.vue

@@ -83,7 +83,7 @@
        },
        watch: {
            current() {
                console.log(this.current)
                // console.log(this.current)
                // if (this.current == 0) {
                //     console.log(1)
                // this.getGrabOrders(0);            
@@ -93,6 +93,9 @@
            change() {
                this.getGrabOrders(this.current);
            },
            changeTaksState() {
                this.getGrabOrders(this.current);
            }

        },
        mounted() {
@@ -106,6 +109,9 @@
            change() {
                return this.$store.state.gotuGrabOrders;
            },
            changeTaksState() {
                return this.$store.state.changeTaksState;
            }
        },
        onLoad: function(options) {
            // debugger

 pages/grabOrders/grabOrdersZAXC/grabOrders.vue

@@ -93,7 +93,9 @@
            change() {
                this.getGrabOrders(this.current);
            },

            changeTaksState() {
                this.getGrabOrders(this.current);
            }
        },
        mounted() {
            // this.getGrabOrders(this.current);
@@ -106,6 +108,9 @@
            change() {
                return this.$store.state.gotuGrabOrders;
            },
            changeTaksState() {
                return this.$store.state.changeTaksState;
            }
        },
        onLoad: function(options) {
            // debugger

 pages/grabOrders/grabOrdersZAYWXC/grabOrders.vue

@@ -95,6 +95,9 @@
            change() {
                this.getGrabOrders(this.current);
            },
            changeTaksState() {
                this.getGrabOrders(this.current);
            }

        },
        mounted() {
@@ -108,6 +111,9 @@
            change() {
                return this.$store.state.gotuGrabOrders;
            },
            changeTaksState() {
                return this.$store.state.changeTaksState;
            }
        },
        onLoad: function(options) {
            // debugger

 store/apiConfig.js

@@ -1,4 +1,4 @@
let i = 1; //1是服务器
let i = 3; //1是服务器
if (i == 1) {
    var api = 'http://223.82.109.183:2082/api/';
    var wsapi = 'ws://223.82.109.183:2082/wss/websocket';

 store/mutations.js

@@ -44,7 +44,10 @@
        state.Audio[data.method](data.key);
    },
    ...websocket.mutations,
    ...positions.mutations
    ...positions.mutations,
    changeTaksMsg(state, data) {
        state.changeTaksState = !state.changeTaksState;
    }
}

export default mutations

 store/state.js

@@ -66,7 +66,8 @@
        uni: uni
    }), //语音控制
    ...websocket.state,
    ...positions.state
    ...positions.state,
    changeTaksState: true,
}

export default state

 store/websocket.js

@@ -82,7 +82,7 @@
            } else {
                type = types111[0];
            }
            console.log()
            // console.log()
            if (type === "start") {
                let types = uni.getSystemInfoSync().platform;
                let
@@ -140,20 +140,27 @@
                    },
                });
            } else if (type === "change") {
                let routes = getCurrentPages(); //获取当前页面栈
                let curRoute = routes[routes.length - 1].route; //获取当前页面的路由
                // let routes = getCurrentPages(); //获取当前页面栈
                // let curRoute = routes[routes.length - 1].route; //获取当前页面的路由
                let d = {
                    serid: uni.getStorageSync("ids") || $store.state.puserID,
                    type: 0,
                    tasktype: route == "grabOrdersZAXC" ? 0 : (route == "grabOrdersZAYWXC" ? 1 : 2)
                };
            } else if (type == "taks") {
                // 角色辖区
                // $store.state.Jurisdiction;
                $store.commit("changeTaksMsg"); //任务状态更新
                //语音提醒
                $store.commit("controlAudio", {
                    key: 'keke',
                    method: '$pause'
                })
            }
        },
        //本地建造数据传递
        setMyvalue(state, value) {
            state.socketValue = value;


        },
        setsocketStateMY(state, value) {
            state.socketStateMY = value;