1.安灯响应静态实现

loulijun2021

2022-10-22 40711118c33369ccad7ceda0fdd729bd9f117f65

 pages/adgl/adxy.html

@@ -17,30 +17,253 @@
      <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">
         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 = [] // 假数组   做扫码回来视图更新用




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

            radioValue = r

            var temp = {}
            var flag = 0

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

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

         }


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


                  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(JSON.stringify(topContent), 1)

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

            })
         }
      </script>

   </head>
   <body>
   <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.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.eqp_code" />
                              </template>
                           </van-cell>
                           <div class="cellDiv">生产车间：{{item.org_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 topContent[topContent.map(i => i.eqp_code).indexOf(radioValue)].children">
                     <!-- v-for="(item,index) in centerContent"> -->

                     <div style="display: flex;justify-content: space-between;align-items: center;">
                        <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)'
                              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 +273,7 @@
         el: '#app',
         data: function() {
            return {

               overlayShow: false,
               showPopover: false,
               actions: [{
@@ -62,8 +286,28 @@
                  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()
               },
               deep: true,
               immediate: true,
            },
         },
         created() {

@@ -72,6 +316,76 @@

         },
         methods: {
            switchChange(val, item) {
               this.$forceUpdate()
            },
            submit() {
               const data = {
                  username: localStorage.getItem('username'),
                  eqpcode: topContent.find(i => i.eqp_code === radioValue).eqp_code,
                  // wkshpcode: topContent.find(i => i.code === radioValue).wksp_code
               }


               const DATA = topContent.find(i => i.eqp_code === radioValue).children.map(r => {
                  if (r.isTrue) {
                     return {
                        code: r.typecode,
                        name: r.typename
                     }
                  }
               })
               console.log(data, DATA)
               console.log(data, DATA.filter(i=>i!==undefined))

               submitIsDisabled = true
               this.$forceUpdate()
               post('AppDeviceManage/AppDeviceAnDengLampResponseSave' + formatParams(data), DATA.filter(i=>i!==undefined)).then(
                  res => {
                     if (res.code === '200') {
                        vant.Notify({
                           type: 'primary',
                           message: '提交成功！'
                        })
                        topContent.forEach((r, i) => {
                           if (r.eqp_code === radioValue) {
                              topContent.splice(i, 1)
                           }
                        })
                        if (topContent.length >= 1) {
                           radioValue = topContent[0].eqp_code
                        }
                        submitIsDisabled = false
                        this.$forceUpdate()
                     }
                  })
						
            },
            topContentClick(code) {
               radioValue = code
               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 +407,9 @@
   </script>
   <style type="text/css">
      @import url('../../css/global.css');

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