1.安灯呼叫接入消息推送

loulijun2021

2022-10-19 7305bf92ab9951c1f42cb8e863ae1fb0d5d05d01

 pages/adgl/adhj.html

@@ -17,8 +17,323 @@
      <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 type="text/javascript">
         var pushServer = "http://demo.dcloud.net.cn/push/?";
         var message = null;
         var message2 = null;

         // 监听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() {
            //前端Hub的使用，注意的是，Hub的名字是ChatHub，这里使用时首字母小写
            var work = $.connection.chatHub;

            //对应后端的SendMessage函数，消息接收函数
            work.client.sendMessage = function(msg) {
               console.log(msg)
               // 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 data = [{
               //    "code": "Q",
               //    "name": "呼叫质量",
               //    "children": [{
               //       "usercode": "999",
               //       "username": "楼先生"
               //    }]
               // }]

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

               $('#submit').click(function() {

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




                  // console.log(1)
                  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) {
                        i.flag = i.isTrue ? 'Y' : 'N'
                        DATA.push(i)
                     }
                  })

                  // console.log(data, DATA)

                  work.server.sendByGroupList(localStorage.getItem('username'), topContent.find(i => i.code === radioValue).wksp_code,  topContent.find(i => i.code === radioValue).code, 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()
                     }
                  })
               })
            });
         });

         //重新加载用户列表
         // var reloadUser = function() {
         //    $("#username").empty();
         //    for (i = 0; i < 5; i++) {
         //       $("#username").append("<option value=" + i + ">" + i + "</option>");
         //    }
         // }
      </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"
            },
            // {
            //    code: 'SB005',
            //    name: '齿轮箱组一线',
            //    wksp_code: "CJ001",
            //    "wksp_name": "装配车间",
            //    "eqpchkmain_code": "djbz002"
            // },
         ];

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

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

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

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

            let temp = {}
            let flag = false

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

            if (flag) { //对已在列表的数据   排序到第一个去
               topContent.unshift(temp)
               topScanClick(radioValue)
               centerContentClick(radioValue, topContent.find(i => i.code === radioValue).wksp_code)
            } else { //未在列表的数据  进行新增操作
               topScanClick(radioValue)
               centerContentClick(radioValue, topContent.find(i => i.code === radioValue).wksp_code)
            }

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


         function topScanClick(code) {
            post('AppDeviceManage/AppDeviceAnDengCallScanSearch?eqpcode=' + code).then(res => {
               if (res.code === '200') {
                  topContent.unshift(res.data[0])
                  falseArray.push({
                     id: '1'
                  })
               }

            })
         }

         function centerContentClick(code, wksp_code) {
            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'
                  })
               }
            })
         }
      </script>

   </head>
   <body>
@@ -26,21 +341,111 @@

         <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="topContentClcik(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;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>

                  <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 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' :load='submitIsDisabled' load-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 +455,7 @@
         el: '#app',
         data: function() {
            return {
               submitIsDisabled: false,
               overlayShow: false,
               showPopover: false,
               actions: [{
@@ -63,15 +469,123 @@
                  text: '退出登录'
               }],

               falseArray2: falseArray, //假数组

            }
         },
         watch: {
            '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

                  centerContent.forEach(i => {
                     i.isTrue = i.flag === 'Y'
                  })
                  falseArray.push({
                     id: '1'
                  })


               }
            })
         },
         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.isTrue) {
               //       i.flag = i.isTrue ? '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()

            },

            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'
                     })
                  }
               })

            },


            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 +607,9 @@
   </script>
   <style type="text/css">
      @import url('../../css/global.css');

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