From 40711118c33369ccad7ceda0fdd729bd9f117f65 Mon Sep 17 00:00:00 2001 From: loulijun2021 <1694218219@qq.com> Date: 星期六, 22 十月 2022 14:03:11 +0800 Subject: [PATCH] 1.安灯响应静态实现 --- pages/adgl/adxy.html | 270 +++++++++++++++++++++++++++-------------------------- 1 files changed, 137 insertions(+), 133 deletions(-) diff --git a/pages/adgl/adxy.html b/pages/adgl/adxy.html index efe5825..3deb81d 100644 --- a/pages/adgl/adxy.html +++ b/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,74 +62,96 @@ // }, ]; - 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, + 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' }) } - }) - } - - 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> + <body onload="scaned('SB001')"> + <!-- <body> --> <div id="app"> <div class="body"> @@ -140,7 +168,6 @@ </template> </van-nav-bar> </van-sticky> - <div v-if="topContent.length===0"> <div class="sacnBody"> @@ -168,18 +195,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 +214,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,10 +227,14 @@ </div> + + <div style="padding: 10px;display: flex;flex-direction: column" - v-for="(item,index) in centerContent"> + 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.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)' active-color="#ee0a24" inactive-color="#dcdee0" /> @@ -216,8 +247,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="姝e湪鎻愪氦,璇风◢绛�..." - class="vanButtonInfo" @click="submit" type="info"> + <van-button id="submit" :loading='submitIsDisabled' loading-text="姝e湪鎻愪氦,璇风◢绛�..." + class="vanButtonInfo" @click='submit' type="info"> 纭鎻愪氦</van-button> </div> @@ -242,7 +273,7 @@ el: '#app', data: function() { return { - submitIsDisabled: false, + overlayShow: false, showPopover: false, actions: [{ @@ -255,12 +286,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,46 +313,34 @@ }, 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: { + switchChange(val, item) { + this.$forceUpdate() + }, submit() { - - const data = { username: localStorage.getItem('username'), - eqpcode: topContent.find(i => i.code === radioValue).code, - wkshpcode: topContent.find(i => i.code === radioValue).wksp_code + eqpcode: topContent.find(i => i.eqp_code === radioValue).eqp_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) + + + 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)) - this.submitIsDisabled = true - post('AppDeviceManage/AppDeviceAnDengLampResponseSave' + formatParams(data), DATA).then( + submitIsDisabled = true + this.$forceUpdate() + post('AppDeviceManage/AppDeviceAnDengLampResponseSave' + formatParams(data), DATA.filter(i=>i!==undefined)).then( res => { if (res.code === '200') { vant.Notify({ @@ -320,46 +348,22 @@ message: '鎻愪氦鎴愬姛锛�' }) topContent.forEach((r, i) => { - if (r.code === radioValue) { + if (r.eqp_code === radioValue) { topContent.splice(i, 1) } }) if (topContent.length >= 1) { - radioValue = topContent[0].code - this.topContentClick(radioValue) + radioValue = topContent[0].eqp_code } - - this.submitIsDisabled = false + submitIsDisabled = false this.$forceUpdate() } }) - - - + }, - switchChange(val, item) { - console.log(val, item) + topContentClick(code) { + radioValue = code this.$forceUpdate() - - }, - - topContentClick(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' - // }) - // } - // }) - }, -- Gitblit v1.9.3