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

loulijun2021

2022-10-21 0ab4bf8f3982bdee9962076f29c5664185328517

 pages/adgl/adxy.html

@@ -20,33 +20,39 @@
      <script type="text/javascript" src="../../js/common.js"></script>
      <script type="text/javascript" src="../../js/global.js"></script>

      <!--       <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="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"
            },
         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: '齿轮箱组一线',
@@ -56,73 +62,94 @@
            // },
         ];

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

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

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

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

         // 扫描保养工位返回时执行方法



         // 扫描工位返回时执行方法
         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.eqp_code === r)) {
               topContent.forEach((item, index) => {
                  if (item.code === radioValue) {
                  if (item.eqp_code === r) {
                     temp = item
                     topContent.splice(index, 1)
                     flag = true
                     flag = 1
                  }
               })
            }

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

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


         function topScanClick(code) {
         function topSpanClick(code) {
            post('AppDeviceManage/AppDeviceAnDengLampResponseScanSearch?eqpcode=' + code).then(res => {
               if (res.code === '200') {
                  topContent.unshift(res.data[0])
                  let children = []
                  res.data.forEach(i => {
                     children.push({
                        typecode: i.typecode,
                        typename: i.typename
                     })
                  })


                  topContent.unshift({
                     eqp_code: res.data[0].eqp_code,
                     eqp_name: res.data[0].eqp_name,
                     org_name: res.data[0].org_name,
                     children
                  })

                  // centerContent = res.data.map(r => {
                  //    return {
                  //       typecode: r.typecode,
                  //       typename: r.typename
                  //    }
                  // })

                  console.log(cneterContent, 1)

                  falseArray.push({
                     id: '1'
                  })
               } else {
                  radioValue = topContent[0].eqp_code
                  falseArray.push({
                     id: '1'
                  })
               }

            })
         }

         function topContentClick(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 onload="scaned('SB001')"> -->
   <body>
      <div id="app">

@@ -140,7 +167,6 @@
                  </template>
               </van-nav-bar>
            </van-sticky>


            <div v-if="topContent.length===0">
               <div class="sacnBody">
@@ -168,18 +194,18 @@
                  </div>


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

                        </div>
                     </van-cell-group>
@@ -187,7 +213,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>
@@ -200,12 +226,16 @@

                  </div>



                  <div style="padding: 10px;display: flex;flex-direction: column"
                     v-for="(item,index) in centerContent">
                     v-for="(item,index) in topContent[0].children">
                     <!-- 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-left: 10px;">{{item.typename}}</div>
                        <div style="margin-right: 10px;">
                           <van-switch size="24" v-model="item.isTrue" @change='val=>switchChange(val,item)'
                           <van-switch size="24" v-model="item.typecode" @change='val=>switchChange(val,item)'
                              active-color="#ee0a24" inactive-color="#dcdee0" />
                        </div>
                     </div>
@@ -216,8 +246,8 @@

               <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 id="submit" :loading='submitIsDisabled' loading-text="正在提交,请稍等..."
                     class="vanButtonInfo" @click='submit' type="info">
                     确认提交</van-button>
               </div>

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

               overlayShow: false,
               showPopover: false,
               actions: [{
@@ -255,12 +285,21 @@
                  icon: 'revoke',
                  text: '退出登录'
               }],
				
               centerContent2: centerContent,
               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()
@@ -273,92 +312,80 @@

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

               this.submitIsDisabled = true
               post('AppDeviceManage/AppDeviceAnDengLampResponseSave' + 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)
                        }

                        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 = []



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

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

            },
            topContentClick(code) {

            topContentClick(code, wksp_code) {
               // radioValue = 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'
               //       })
               //    }
               // })
               // console.log(JSON.stringify(radioValue), JSON.stringify(topContent))
               let children = []
               topContent.find(i => i.eqp_code === radioValue).forEach(i => {
                  children.push({
                     typecode: i.typecode,
                     typename: i.typename
                  })
               })


               topContent.unshift({
                  eqp_code: res.data[0].eqp_code,
                  eqp_name: res.data[0].eqp_name,
                  org_name: res.data[0].org_name,
                  children
               })

               console.log(JSON.stringify(topContent))

               this.$forceUpdate()


            },