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

loulijun2021

2022-10-21 0ab4bf8f3982bdee9962076f29c5664185328517

 pages/adgl/adhj.html

@@ -17,30 +17,523 @@
      <script type="text/javascript" src="../../js/axios.min.js"></script>
      <script type="text/javascript" src="../../js/http.js"></script>

      <script type="text/javascript" src="../../js/common.js"></script>
      <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">
         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: '齿轮箱组一线',
            //    wksp_code: "CJ001",
            //    "wksp_name": "装配车间",
            //    "eqpchkmain_code": "djbz002"
            // },
         ];

         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

            var temp = {}
            var flag = 0

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

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

               falseArray.push({
                  id: '1'
               })
            } else { //未在列表的数据  进行新增操作

               topScanClick(r)

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

         }


         function topScanClick(code) {
            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'
                  })
               }else{
                  topContentClick(topContent[0].code, topContent[0].wksp_code)
               }

            })
         }

         function topContentClick(code, wksp_code) {
            radioValue = code
            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'
                  })

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

                  falseArray.push({
                     id: '1'
                  })
               }
            })
         }
      </script>

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

         <div class="body">

            <van-nav-bar title="安灯呼叫" @click-right="onClickRight" left-arrow @click-left="onClickleft">
               <template #right>
                  <van-popover style="" placement="bottom-end" :offset="[13,8]" v-model="showPopover"
                     trigger="click" :actions="actions" @select="onSelect">
                     <template #reference>
                        <van-icon name="bars" size='20' color='#fff' />
                     </template>
                  </van-popover>
               </template>
            </van-nav-bar>
            <van-sticky>
               <van-nav-bar title="安灯呼叫" @click-right="onClickRight" left-arrow @click-left="onClickleft">
                  <template #right>
                     <van-popover style="" placement="bottom-end" :offset="[13,8]" v-model="showPopover"
                        trigger="click" :actions="actions" @select="onSelect">
                        <template #reference>
                           <van-icon name="bars" size='20' color='#fff' />
                        </template>
                     </van-popover>
                  </template>
               </van-nav-bar>
            </van-sticky>

            <div v-if="topContent.length===0">
               <div class="sacnBody">
                  <div class="scanImg" @click="topScanClick()"></div>
                  <div class="scanText">扫描工位</div>
               </div>
            </div>



            <div v-else>
               <div class="head" style="min-height: 100px;max-height: 260px; overflow: scroll;">
                  <div class="head_block">
                     <div class="head_left">
                        <div class="head_bar"></div>
                        <div class="head_title">
                           扫描工位
                        </div>
                     </div>

                     <div style="margin-right: 10px;">
                        <van-icon name="scan" color='red' size='24' @click='topScanClick()' />
                     </div>

                  </div>


                  <van-radio-group v-model="radioValue">
                     <van-cell-group>
                        <div style="margin: 10px 0;" v-for="(item,index) in topContent" :key="item.eqpcode"
                           @click="topContentClick(item.code,item.wksp_code)">
                           <div class="cellDiv">工位编码：{{item.code}}</div>
                           <van-cell :title="'工位名称：'+item.name">
                              <template #right-icon>
                                 <van-radio style="margin-right: 10px;" checked-color='red'
                                    :name="item.code" />
                              </template>
                           </van-cell>
                           <div class="cellDiv">生产车间：{{item.wksp_name}}</div>

                        </div>
                     </van-cell-group>
                  </van-radio-group>
               </div>


               <div class="head" style="min-height: 100px; ">
                  <div class="head_block">
                     <div class="head_left">
                        <div class="head_bar"></div>
                        <div class="head_title">
                           选择呼叫类型
                        </div>
                     </div>



                  </div>

                  <div style="padding: 10px;display: flex;flex-direction: column"
                     v-for="(item,index) in centerContent">
                     <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 :disabled="item.flag==='Y'" size="24" v-model="item.isTrue"
                              @change='val=>switchChange(val,item)' active-color="#ee0a24"
                              inactive-color="#dcdee0" />
                        </div>
                     </div>
                  </div>

               </div>


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

            </div>



         </div>


         <van-overlay :show="overlayShow" @click="overlayShow=false" />

      </div>


      <van-overlay :show="overlayShow" @click="overlayShow=false" />


      </div>
@@ -50,6 +543,7 @@
         el: '#app',
         data: function() {
            return {

               overlayShow: false,
               showPopover: false,
               actions: [{
@@ -62,16 +556,147 @@
                  icon: 'revoke',
                  text: '退出登录'
               }],

               topContent2: topContent,
               falseArray2: falseArray, //假数组
            }
         },
         watch: {
            'topContent2.length': {
               handler(newValue, oldValue) {
                  if (newValue !== oldValue) {
                     this.$forceUpdate()
                  }
               },
               deep: true,
               immediate: true,
            },
            'falseArray2.length': {
               handler(newValue, oldValue) {
                  this.$forceUpdate()
               },
               deep: true,
               immediate: true,
            },
         },
         created() {

         },
         mounted() {
            // const data = {
            //    eqpcode: 'SB001',
            //    wkshpcode: 'CJ002'
            // }
            // 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()

            //    }
            // })
         },
         methods: {
            switchChange(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
                              this.topContentClick(radioValue, topContent.find(i => i.code ===
                                 radioValue).wksp_code)
                           }

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

            },
            topContentClick(code, wksp_code) {
               radioValue = code
               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() {
               createWithoutTitle('../../components/barcode_scan.html', {
                  titleNView: {
                     type: 'float',
                     backgroundColor: 'rgba(215,75,40,0.3)',
                     titleText: '扫一扫',
                     titleColor: '#FFFFFF',
                     autoBackButton: true,
                     buttons: [{
                        fontSrc: '_www/helloh5.ttf',
                        text: '\ue302',
                        fontSize: '18px',
                        onclick: 'javascript:scanPicture()'
                     }]
                  }
               });
            },


            onClickleft() {
               history.back()
            },
@@ -93,5 +718,9 @@
   </script>
   <style type="text/css">
      @import url('../../css/global.css');

      .van-hairline--top-bottom {
         position: static;
      }
   </style>
</html>