1.消息全局化2.消息响应静态页面实现

loulijun2021

2022-10-21 0ab4bf8f3982bdee9962076f29c5664185328517

 unpackage/cache/wgt/H5EDA0853/pages/adgl/adhj.html

@@ -21,31 +21,42 @@
      <script type="text/javascript" src="../../js/global.js"></script>


      <!-- <link rel="stylesheet" href="../css/global.css" type="text/css" charset="utf-8" /> -->
      <!-- <script src="http://121.196.36.24:8001/Scripts/jquery-3.4.1.min.js"></script> -->
      <!-- <script src="http://121.196.36.24:8001/Scripts/jquery.signalR-2.2.2.min.js"></script> -->
      <!-- <script src="http://121.196.36.24:8001/SignalR/Hubs"></script> -->

      <script src="../../js/jquery-3.4.1.min.js"></script>
      <script src="../../js/jquery.signalR-2.2.2.min.js"></script>
      <script src="../../js/Hubs.js"></script>


      <script type="text/javascript">
         let topContent = [{
               code: 'SB001',
               name: '电池组一线',
               wksp_code: "CJ002",
               wksp_name: '电池车间',
               "eqpchkmain_code": "djbz002"
            },
            {
               code: 'SB003',
               name: '齿轮箱组一线',
               wksp_code: "CJ001",
               "wksp_name": "装配车间",
               "eqpchkmain_code": "djbz002"
            },
            {
               code: 'SB004',
               name: '齿轮箱组一线',
               wksp_code: "CJ001",
               "wksp_name": "装配车间",
               "eqpchkmain_code": "djbz002"
            },
         var pushServer = "http://demo.dcloud.net.cn/push/?";
         var message = null;


         let topContent = [
            // {
            //    code: 'SB001',
            //    name: '电池组一线',
            //    wksp_code: "CJ002",
            //    wksp_name: '电池车间',
            //    "eqpchkmain_code": "djbz002"
            // },
            // {
            //    code: 'SB003',
            //    name: '齿轮箱组一线',
            //    wksp_code: "CJ001",
            //    "wksp_name": "装配车间",
            //    "eqpchkmain_code": "djbz002"
            // },
            // {
            //    code: 'SB004',
            //    name: '齿轮箱组一线',
            //    wksp_code: "CJ001",
            //    "wksp_name": "装配车间",
            //    "eqpchkmain_code": "djbz002"
            // },
            // {
            //    code: 'SB005',
            //    name: '齿轮箱组一线',
@@ -55,41 +66,311 @@
            // },
         ];

         let radioValue = 'SB001' //单选框选中的项
         var submitIsDisabled = false; //提交按钮是否disabled

         let radioValue = '' //单选框选中的项

         let centerContent = [] //中间部分内容

         let falseArray = [] // 假数组   做扫码回来视图更新用

         // 扫描保养工位返回时执行方法
         var currentValue = []; //当前工位下调用呼叫类型接口   flag已是Y的值进行存储



         // 监听plusready事件  
         document.addEventListener("plusready", function() {
            message = document.getElementById("message");
            // 监听点击消息事件
            plus.push.addEventListener("click", function(msg) {
               // 判断是从本地创建还是离线推送的消息
               switch (msg.payload) {
                  case "LocalMSG":
                     outSet("点击本地创建消息启动：");
                     break;
                  default:
                     outSet("点击离线推送消息启动：");
                     break;
               }
               // 提示点击的内容
               plus.nativeUI.alert(msg.content);
               // 处理其它数据
               logoutPushMsg(msg);
            }, false);
            // 监听在线消息事件
            plus.push.addEventListener("receive", function(msg) {
               if (msg.aps) { // Apple APNS message
                  outSet("接收到在线APNS消息：");
               } else {
                  outSet("接收到在线透传消息：");
               }
               logoutPushMsg(msg);
            }, false);
         }, false);

         /**
          * 日志输入推送消息内容
          */
         function logoutPushMsg(msg) {
            outLine("title: " + msg.title);
            outLine("content: " + msg.content);
            if (msg.payload) {
               if (typeof(msg.payload) == "string") {
                  outLine("payload(String): " + msg.payload);
               } else {
                  outLine("payload(JSON): " + JSON.stringify(msg.payload));
               }
            } else {
               outLine("payload: undefined");
            }
            if (msg.aps) {
               outLine("aps: " + JSON.stringify(msg.aps));
            }
         }

         /**
          * 获取本地推送标识信息
          */
         function getPushInfo() {
            outSet("获取客户端推送标识信息：");
            plus.push.getClientInfoAsync(function(info) {
               outLine('Success');
               outLine(JSON.stringify(info));
            }, function(e) {
               outLine('Failed');
               outLine(JSON.stringify(e));
            });
         }
         /**
          * 本地创建一条推动消息
          */
         function createLocalPushMsg(msg) {
            var cont = $('#cont').val();
            var options = {
               cover: false
            };
            plus.push.createMessage(msg, "LocalMSG", options);
            outSet("创建本地消息成功！");
            outLine("请到系统消息中心查看！");
            if (plus.os.name == "iOS") {
               outLine('*如果无法创建消息，请到"设置"->"通知"中配置应用在通知中心显示!');
            }
         }
         /**
          * 读取所有推送消息
          */
         function listAllPush() {
            var msgs = null;
            switch (plus.os.name) {
               case "Android":
                  msgs = plus.push.getAllMessage();
                  break;
               default:
                  break;
            }
            if (!msgs) {
               outSet("此平台不支持枚举推送消息列表！");
               return;
            }
            outSet("枚举消息列表（" + msgs.length + "）：");
            for (var i in msgs) {
               var msg = msgs[i];
               outLine(i + ": " + msg.title + " - " + msg.content);
            }
         }
         /**
          * 清空所有推动消息
          */
         function clearAllPush() {
            plus.push.clear();
            outSet("清空所有推送消息成功！");
         }



         function CreateNotification(msg, n) {
            console.log(msg, n)

            vant.Notify(msg, n, 9999999999)

            var NotifyID = n;
            var Context = plus.android.importClass("android.content.Context");
            var main = plus.android.runtimeMainActivity();
            var Noti = plus.android.importClass("android.app.Notification");
            var NotificationManager = plus.android.importClass("android.app.NotificationManager");
            var nm = main.getSystemService(Context.NOTIFICATION_SERVICE)
            var Notification = plus.android.importClass("android.app.Notification");
            var mNotification = new Notification.Builder(main);
            var pending = plus.android.importClass("android.app.PendingIntent");
            var intent = plus.android.importClass("android.content.Intent");

            //mNotification.setOngoing(true);
            mNotification.setContentTitle("您有一条未读消息"); //标题
            mNotification.setContentText(msg); //内容
            mNotification.setSmallIcon(17301620); //图标
            mNotification.setTicker("First Time"); //通知首次出现在通知栏时的效果
            mNotification.setNumber(5); //通知集合的数量
            //var str = dateToStr(new Date());
            //mNotification.setWhen(str);//通知产生时间
            //mNotification.setContentIntent();//通知栏点击事件
            mNotification.setDefaults(Noti.DEFAULT_VIBRATE); //声音、闪灯、震动效果，可叠加
            mNotification.setPriority(Noti.PRIORITY_DEFAULT); //通知优先级
            mNotification.flags = Notification.FLAG_ONLY_ALERT_ONCE; //发起通知时震动
            var mNb = mNotification.build()
            nm.notify(NotifyID, mNb);
         }

         // wakeLock()
         // var g_wakelock = null;
         // //允许程序后台运行，以持续获取GPS位置
         // function wakeLock() {
         //    //Android
         //    var main = plus.android.runtimeMainActivity();
         //    var Context = plus.android.importClass("android.content.Context");
         //    var PowerManager = plus.android.importClass("android.os.PowerManager");
         //    var pm = main.getSystemService(Context.POWER_SERVICE);
         //    g_wakelock = pm.newWakeLock(PowerManager.PARTIAL_WAKE_LOCK, "ANY_NAME");
         //    g_wakelock.acquire();
         // }

         $(function() {
            //前端Hub的使用，注意的是，Hub的名字是ChatHub，这里使用时首字母小写
            var work = $.connection.chatHub;
            // work
            console.log(work, 1)
            //对应后端的SendMessage函数，消息接收函数
            // console.log(work.client.sendMessage)
            work.client.sendMessage = function(msg) {
               // console.log(msg, 1)
               // CreateNotification(msg, Math.random())
               createLocalPushMsg(msg)
            };

            //后端SendLogin调用后，产生的loginUser回调
            work.client.loginUser = function(userlist) {
               // console.log(userlist, 9)
               // reloadUser(userlist);
            };

            $.connection.hub.url = 'http://121.196.36.24:8001/signalr'
            //hub连接开启
            $.connection.hub.start().done(function() {

               var username = localStorage.getItem('username');

               //发送上线信息
               work.server.sendLogin(username);

               // const aaa = [{
               //    "code": "Q",
               //    "name": "呼叫质量",
               //    "children": [{
               //       "usercode": "999",
               //       "username": "楼先生"
               //    }]
               // }]

               // work.server.sendByGroupList('楼先生', 'CJ002', 'SB001', aaa)

               $('#submit').click(function() {
                  // vant.Notify('点击了')
                  // const data = {
                  //    username: localStorage.getItem('username'),
                  //    eqpcode: topContent.find(i => i.code === radioValue).code,
                  //    wkshpcode: topContent.find(i => i.code === radioValue).wksp_code
                  // }
                  const DATA = []
                  centerContent.forEach(i => {
                     if (i.isTrue && !currentValue.includes(i.code)) {
                        i.flag = i.isTrue ? 'Y' : 'N'
                        DATA.push(i)
                     }
                  })
                  work.server.sendByGroupList(
                     localStorage.getItem('username'),
                     topContent.find(i => i.code === radioValue).wksp_code,
                     topContent.find(i => i.code === radioValue).code,
                     DATA
                  )
                  // submitIsDisabled = true
                  // falseArray.push({
                  //    id: '1'
                  // })

                  // post('AppDeviceManage/AppDeviceAnDengCallSave' + formatParams(data), DATA).then(
                  //    res => {
                  //       if (res.code === '200') {
                  //          vant.Notify({
                  //             type: 'primary',
                  //             message: '提交成功！'
                  //          })
                  //          topContent.forEach((r, i) => {
                  //             if (r.code === radioValue) {
                  //                topContent.splice(i, 1)
                  //             }
                  //          })
                  //          if (topContent.length >= 1) {
                  //             radioValue = topContent[0].code
                  //             topContentClick(radioValue, topContent.find(i => i.code ===
                  //                radioValue).wksp_code)
                  //          }

                  //          // submitIsDisabled = false
                  //          falseArray.push({
                  //             id: '1'
                  //          })
                  //       }
                  //    })
               })


            });

         });

         //重新加载用户列表
         // var reloadUser = function() {
         //    $("#username").empty();
         //    for (i = 0; i < 5; i++) {
         //       $("#username").append("<option value=" + i + ">" + i + "</option>");
         //    }
         // }			


         // 扫描工位返回时执行方法
         function scaned(r) {

            radioValue = r

            let temp = {}
            let flag = false
            var temp = {}
            var flag = 0

            if (topContent.find(i => i.code === radioValue)) {
            if (topContent.find(i => i.code === r)) {
               topContent.forEach((item, index) => {
                  if (item.code === radioValue) {
                  if (item.code === r) {
                     temp = item
                     topContent.splice(index, 1)
                     flag = true
                     flag = 1
                  }
               })
            }

            if (flag) { //对已在列表的数据   排序到第一个去
            if (flag === 1) { //对已在列表的数据   排序到第一个去
               topContent.unshift(temp)
               topScanClick(radioValue)
               centerContentClick(radioValue, topContent.find(i => i.code === radioValue).wksp_code)
               topContentClick(r, topContent.find(i => i.code === r).wksp_code)

               falseArray.push({
                  id: '1'
               })
            } else { //未在列表的数据  进行新增操作
               topScanClick(radioValue)
               centerContentClick(radioValue, topContent.find(i => i.code === radioValue).wksp_code)

               topScanClick(r)

               falseArray.push({
                  id: '1'
               })
            }

            falseArray.push({
               id: '1'
            })
         }


@@ -97,6 +378,7 @@
            post('AppDeviceManage/AppDeviceAnDengCallScanSearch?eqpcode=' + code).then(res => {
               if (res.code === '200') {
                  topContent.unshift(res.data[0])
                  topContentClick(code, topContent.find(i => i.code === code).wksp_code)
                  falseArray.push({
                     id: '1'
                  })
@@ -105,7 +387,8 @@
            })
         }

         function centerContentClick(code, wksp_code) {
         function topContentClick(code, wksp_code) {
            radioValue = code
            const data = {
               eqpcode: code,
               wkshpcode: wksp_code
@@ -113,6 +396,22 @@
            post('AppDeviceManage/AppDeviceAnDengCallItemSearch' + formatParams(data)).then(res => {
               if (res.code === '200') {
                  centerContent = res.data

                  currentValue = centerContent.map(r => {
                     if (r.flag === 'Y') {
                        return r.code
                     }
                  })

                  centerContent.forEach(i => {
                     i.isTrue = i.flag === 'Y'
                  })

                  // vant.Notify({
                  //    type: 'danger',
                  //    message: res.Message + centerContent.length
                  // });

                  falseArray.push({
                     id: '1'
                  })
@@ -122,7 +421,8 @@
      </script>

   </head>
   <body>
   <body onload="scaned('SB001')">
      <!-- <body> -->
      <div id="app">

         <div class="body">
@@ -139,7 +439,6 @@
                  </template>
               </van-nav-bar>
            </van-sticky>


            <div v-if="topContent.length===0">
               <div class="sacnBody">
@@ -170,7 +469,7 @@
                  <van-radio-group v-model="radioValue">
                     <van-cell-group>
                        <div style="margin: 10px 0;" v-for="(item,index) in topContent" :key="item.eqpcode"
                           @click="topContentClcik(item.code,item.wksp_code)">
                           @click="topContentClick(item.code,item.wksp_code)">
                           <div class="cellDiv">工位编码：{{item.code}}</div>
                           <van-cell :title="'工位名称：'+item.name">
                              <template #right-icon>
@@ -186,7 +485,7 @@
               </div>


               <div class="head" style="min-height: 100px;max-height: 260px; overflow: scroll;">
               <div class="head" style="min-height: 100px; ">
                  <div class="head_block">
                     <div class="head_left">
                        <div class="head_bar"></div>
@@ -204,8 +503,9 @@
                     <div style="display: flex;justify-content: space-between;align-items: center;">
                        <div style="margin-left: 10px;">{{item.name}}</div>
                        <div style="margin-right: 10px;">
                           <van-switch size="24" v-model="item.flag" @change='val=>switchChange(val,item)'
                              active-color="#ee0a24" inactive-color="#dcdee0" />
                           <van-switch :disabled="item.flag==='Y'" size="24" v-model="item.isTrue"
                              @change='val=>switchChange(val,item)' active-color="#ee0a24"
                              inactive-color="#dcdee0" />
                        </div>
                     </div>
                  </div>
@@ -215,8 +515,8 @@

               <div
                  style="position:fixed;bottom: 0;width: 96%;margin-left:2%; flex;justify-content: center;flex-direction: column;align-items: center">
                  <van-button :load='submitIsDisabled' load-text="正在提交,请稍等..." class="vanButtonInfo"
                     @click="submit" type="info">
                  <van-button id="submit" :loading='submitIsDisabled' loading-text="正在提交,请稍等..."
                     class="vanButtonInfo" @click='submit' type="info">
                     确认提交</van-button>
               </div>

@@ -241,7 +541,7 @@
         el: '#app',
         data: function() {
            return {
               submitIsDisabled: false,

               overlayShow: false,
               showPopover: false,
               actions: [{
@@ -254,13 +554,20 @@
                  icon: 'revoke',
                  text: '退出登录'
               }],

               topContent2: topContent,
               falseArray2: falseArray, //假数组
               // centerContent:[]

            }
         },
         watch: {
            'topContent2.length': {
               handler(newValue, oldValue) {
                  if (newValue !== oldValue) {
                     this.$forceUpdate()
                  }
               },
               deep: true,
               immediate: true,
            },
            'falseArray2.length': {
               handler(newValue, oldValue) {
                  this.$forceUpdate()
@@ -273,81 +580,103 @@

         },
         mounted() {
            const data = {
               eqpcode: 'SB001',
               wkshpcode: 'CJ002'
            }
            post('AppDeviceManage/AppDeviceAnDengCallItemSearch' + formatParams(data)).then(res => {
               if (res.code === '200') {
                  centerContent = res.data
                  falseArray.push({
                     id: '1'
                  })
            // const data = {
            //    eqpcode: 'SB001',
            //    wkshpcode: 'CJ002'
            // }
            // post('AppDeviceManage/AppDeviceAnDengCallItemSearch' + formatParams(data)).then(res => {
            //    if (res.code === '200') {
            //       centerContent = res.data

                  console.log(centerContent)
               }
            })
            //       currentValue = centerContent.map(r => {
            //          if (r.flag === 'Y') {
            //             return r.code
            //          }
            //       })
            //       centerContent.forEach(i => {
            //          i.isTrue = i.flag === 'Y'
            //       })
            //       this.$forceUpdate()

            //    }
            // })
         },
         methods: {
            submit() {
               const data={
                  username:localStorage.getItem('username'),
                  eqpcode:topContent.find(i=>i.code===radioValue).code,
                  wkshpcode:topContent.find(i=>i.code===radioValue).wksp_code
               }
               const DATA=[]
               centerContent.forEach(i=>{
                  if(i.flag){
                     i.flag=i.flag?'Y':'N'
                     DATA.push(i)
                  }
               })
					
               console.log(data,DATA)
					
               post('AppDeviceManage/AppDeviceAnDengCallSave' + formatParams(data),DATA).then(res => {
                  if (res.code === '200') {
                     vant.Notify.primary('提交成功！')
                     topContent.forEach((r, i) => {
                        if (r.code === radioValue) {
                           topContent.splice(i, 1)
                        }
                     })
                     if (topContent.length >= 1) {
                        radioValue = topContent[0].code
                        this.topContentClcik(radioValue)
                     } 
 
                     this.submitIsDisabled = false
                     this.$forceUpdate()
                  }
               })

            },
            switchChange(val, item) {
               console.log(val, item)
               this.$forceUpdate()
            },
            submit() {
               // setTimeout(() => {
               //    const data = {
               //       username: localStorage.getItem('username'),
               //       eqpcode: topContent.find(i => i.code === radioValue).code,
               //       wkshpcode: topContent.find(i => i.code === radioValue).wksp_code
               //    }
               //    const DATA = []
               //    centerContent.forEach(i => {
               //       if (i.isTrue && !currentValue.includes(i.code)) {
               //          i.flag = i.isTrue ? 'Y' : 'N'
               //          DATA.push(i)
               //       }
               //    })

               //    submitIsDisabled = true
               //    // falseArray.push({
               //    //    id: '1'
               //    // })
               //    this.$forceUpdate()
               //    post('AppDeviceManage/AppDeviceAnDengCallSave' + formatParams(data), DATA).then(
               //       res => {
               //          if (res.code === '200') {
               //             vant.Notify({
               //                type: 'primary',
               //                message: '提交成功！'
               //             })
               //             topContent.forEach((r, i) => {
               //                if (r.code === radioValue) {
               //                   topContent.splice(i, 1)
               //                }
               //             })
               //             if (topContent.length >= 1) {
               //                radioValue = topContent[0].code
               //                topContentClick(radioValue, topContent.find(i => i.code ===
               //                   radioValue).wksp_code)
               //             }

               //             submitIsDisabled = false
               //             this.$forceUpdate()
               //          }
               //       })
               // }, 100)

            },
            // topContentClick(code, wksp_code) {
            //    radioValue = code
            //    this.$forceUpdate()

            topContentClcik(code,wksp_code) {
               radioValue = code
               this.$forceUpdate()
					
               const data = {
                  eqpcode: code,
                  wkshpcode: wksp_code
               }
               post('AppDeviceManage/AppDeviceAnDengCallItemSearch' + formatParams(data)).then(res => {
                  if (res.code === '200') {
                     centerContent = res.data
                     falseArray.push({
                        id: '1'
                     })
                  }
               })
					
            },
            //    const data = {
            //       eqpcode: code,
            //       wkshpcode: wksp_code
            //    }
            //    post('AppDeviceManage/AppDeviceAnDengCallItemSearch' + formatParams(data)).then(res => {
            //       if (res.code === '200') {
            //          centerContent = res.data

            //          currentValue = centerContent.map(r => {
            //             if (r.flag === 'Y') {
            //                return r.code
            //             }
            //          })
            //          centerContent.forEach(i => {
            //             i.isTrue = i.flag === 'Y'
            //          })

            //          this.$forceUpdate()

            //       }
            //    })

            // },


            topScanClick() {