From 2b8231f5da82c56c3315d1cf5b126688ea3d501e Mon Sep 17 00:00:00 2001 From: loulijun2021 <1694218219@qq.com> Date: 星期日, 09 十月 2022 17:01:32 +0800 Subject: [PATCH] 1.设备维修申请、设备维修开发完成 --- unpackage/cache/wgt/H5EDA0853/pages/sbgl/wxyz.html | 366 +++++++++++++++++++++++++++++++++++++--------------- 1 files changed, 259 insertions(+), 107 deletions(-) diff --git a/unpackage/cache/wgt/H5EDA0853/pages/sbgl/wxyz.html b/unpackage/cache/wgt/H5EDA0853/pages/sbgl/wxyz.html index 436be3a..af5d98d 100644 --- a/unpackage/cache/wgt/H5EDA0853/pages/sbgl/wxyz.html +++ b/unpackage/cache/wgt/H5EDA0853/pages/sbgl/wxyz.html @@ -32,7 +32,10 @@ sqry: '浣╃綏瑗�', sqsj: '2022-09-20 15:20:30', gzly: '璁惧鐐规', - gzms: '绮惧伐杞﹂棿娉ㄥ鏈轰竴鍙峰紑涓�', + gzms: '绮惧伐杞﹂棿娉ㄥ鏈轰竴鍙峰紑涓嶇簿宸ヨ溅闂存敞濉戞満涓�鍙峰紑涓�', + arrowType: true, //绠ご绫诲埆 + messageDescr: '123', + fileList: [], }, { wxsqd: 'SB00990002', @@ -45,6 +48,9 @@ sqsj: '2022-09-20 15:20:30', gzly: '璁惧鐐规', gzms: '绮惧伐杞﹂棿娉ㄥ鏈轰竴鍙峰紑涓�', + arrowType: true, //绠ご绫诲埆 + messageDescr: '123', + fileList: [], }, // { // wxsqd: 'SB00990003', @@ -57,6 +63,9 @@ // sqsj: '2022-09-20 15:20:30', // gzly: '璁惧鐐规', // gzms: '绮惧伐杞﹂棿娉ㄥ鏈轰竴鍙峰紑涓嶄簡', + // arrowType: true, //绠ご绫诲埆 + // messageDescr: '123', + // fileList: [], // }, // { // wxsqd: 'SB00990004', @@ -69,6 +78,9 @@ // sqsj: '2022-09-20 15:20:30', // gzly: '璁惧鐐规', // gzms: '绮惧伐杞﹂棿娉ㄥ鏈轰竴鍙峰紑涓嶄簡', + // arrowType: true, //绠ご绫诲埆 + // messageDescr: '123', + // fileList: [], // }, ]; @@ -77,7 +89,7 @@ let radioValue = '' //鍗曢�夋閫変腑鐨勯」 - let number = [] //鍋囨暟缁� 鍋氭壂鐮佸洖鏉ヨ鍥炬洿鏂扮敤 + let falseArray = [] //鍋囨暟缁� 鍋氭壂鐮佸洖鏉ヨ鍥炬洿鏂扮敤 // 鎵弿缁翠慨宸ヤ綅杩斿洖鏃舵墽琛屾柟娉� function scaned(r) { @@ -107,7 +119,7 @@ - number.push({ + falseArray.push({ id: '1' }) } @@ -132,103 +144,212 @@ </van-nav-bar> </van-sticky> - <van-sticky :offset-top="44"> - <div style="display: flex; - background-color: #eff0f1; - height: 40px;align-items:center; - justify-content: space-between;width: 98%;margin: auto;"> - - <div class="head_left"> - <div class="head_bar"></div> - <div class="head_title"> - 鎵弿缁翠慨宸ヤ綅 - </div> + <div v-if="topContent.length===0"> + <div class="sacnBody"> + <div class="box"> + <div class="boxImg"></div> </div> - - <div style="margin-right: 10px;"> - <van-icon name="scan" color='red' size='24' @click='topScanClick()' /> - </div> - + <div class="scanText">鏆傛棤缁翠慨鍙獙璇�</div> </div> - </van-sticky> - - - <div class="head" style="width: 88%;float: left;margin-right: 0;border-radius: 5px 0 0 5px;" - v-for="item in topContent" :key="item.code"> - - <div class="flex_between"> - <div style="width: 100%;margin-top: 10px;"> - <div style="margin-bottom: 10px;line-height:20px;margin-left: 20px;" - @click="topContentClcik(item.code)"> - <div style="display: flex;align-items: center;"> - <div style="text-align: right;"> - <div>缁翠慨鐢宠鍗曪細</div> - <div>宸ヤ綅缂栫爜锛�</div> - <div>宸ヤ綅鍚嶇О锛�</div> - <div>鐢熶骇杞﹂棿锛�</div> - <div>鐢宠浜哄憳锛�</div> - <div>鐢宠鏃堕棿锛�</div> - <div>鏁呴殰鏉ユ簮锛�</div> - <!-- <div>鏁呴殰鎻忚堪锛�</div> --> - </div> - <div> - <div>{{item.wxsqd}}</div> - <div>{{item.code}}</div> - <div>{{item.name}}</div> - <div>{{item.wksp_name}}</div> - <div>{{item.sqry}}</div> - <div>{{item.sqsj}}</div> - <div>{{item.gzly}}</div> - <!-- <div style="width: 200px;" class="textEllipsis">{{item.gzms}}</div> --> - </div> - </div> - <div style="display: flex;"> - <div style="margin-left: 16px;">鏁呴殰鎻忚堪锛�</div> - <div style="width: 180px;">{{item.gzms}}</div> - </div> - - </div> - </div> - <!-- <div> - <van-radio-group v-model="radioValue" style="padding-right: 12px;"> - <van-radio checked-color='red' icon-size="18px" @click="topContentClcik(item.code)" - style="height: 160px;margin-bottom: 10px;" v-for="item in topContent" - :key="item.code" :name="item.code"></van-radio> - </van-radio-group> - </div> --> - </div> - - - <!-- 绠ご鍥炬爣閮ㄥ垎 --> - <div style="height: 30px;margin: auto;margin-top: 10px;"> - <div style="border-radius: 5px;width: 60px;height: 30px;background-color: aliceblue;" - @click="arrowTypeChange" class="flex_center_center"> - <van-icon :name="arrowType?'arrow-down':'arrow-up'" /> - </div> - </div> - </div> - <div style="display: flex;"> - <van-radio-group v-model="radioValue" style=""> - <van-radio checked-color='red' icon-size="18px" @click="topContentClcik(item.code)" - style="padding-right: 30%;background-color: #fff;height: 220px;margin-bottom: 10px;background-color: #fff;margin: 5px 0;padding: 10px 0;" - v-for="item in topContent" :key="item.code" :name="item.code"></van-radio> + <div v-else> + + <van-sticky :offset-top="44"> + <div style="display: flex; + background-color: #eff0f1; + height: 40px;align-items:center; + justify-content: space-between;width: 98%;margin: auto;"> + + <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-sticky> + + <van-radio-group v-model="radioValue"> + <van-cell-group> + <div class="head" style="width: 96%;float: left;margin-right: 0;" + v-for="(item,index) in topContent" :key="item.code" @click="topContentClcik(item.code)"> + <div class="cellDiv">缁翠慨鐢宠鍗曪細{{item.wxsqd}}</div> + <div class="cellDiv">宸ヤ綅缂栫爜锛歿{item.code}}</div> + <div class="cellDiv">宸ヤ綅鍚嶇О锛歿{item.name}}</div> + <div class="cellDiv">鐢熶骇杞﹂棿锛歿{item.wksp_name}}</div> + <van-cell :title="'鐢宠浜哄憳锛�'+item.sqry"> + <template #right-icon> + <van-radio style="margin-right: 10px;" checked-color='red' :name="item.code" /> + </template> + </van-cell> + <div class="cellDiv">鐢宠鏃堕棿锛歿{item.sqsj}}</div> + <div class="cellDiv">鏁呴殰鏉ユ簮锛歿{item.gzly}}</div> + <div class="cellDiv">鏁呴殰鎻忚堪锛歿{item.gzms}}</div> + + <div v-show="item.arrowType" style="height: 30px;margin: auto;margin-top: 10px;" + :style="{marginBottom:(topContent.length-1===index)?'70px':'0px'}"> + <div style="border-radius: 5px;width: 60px;height: 30px;background-color: aliceblue;" + @click="arrowTypeChangeDown(item.code)" class="flex_center_center"> + <van-icon :name="item.arrowType?'arrow-down':'arrow-up'" /> + </div> + </div> + + <!-- <div v-if="topContent.length-1===index" style="z-index: 100;height: 10px;background-color: red;margin-top: -10px;"></div> --> + + <div v-show="!item.arrowType" class="flex_column"> + <div class="flex_center_center" + style="margin-top: 10px;background-color: #eff0f1;height: 40px;font-size: 20px;"> + 缁翠慨璇︽儏</div> + + + <div class="head" style="padding-bottom: 0;"> + <div class="head_block"> + <div class="head_left"> + <div class="head_bar"></div> + <div class="head_title"> + 鏁呴殰鎻忚堪 + </div> + </div> + </div> + + + + <div + style="display:flex;flex-direction: column;width: 96%;margin: auto;padding: 10px 10px 0 10px;"> + <!-- <van-field class="vanFieldInputArea" readonly v-model="item.messageDescr" + rows="2" autosize type="textarea" placeholder="璇疯緭鍏�" /> --> + {{item.messageDescr}} + </div> + <div style="width: 96%;margin: auto;"> + <van-uploader multiple v-model="item.fileList" multiple :max-count="3" /> + </div> + + </div> + + + <div style="background-color: #eff0f1;height: 10px;"></div> + + <div class="head" style="padding-bottom: 5px;margin-top: 0;"> + <div class="head_block" style=""> + <div class="head_left"> + <div class="head_bar"></div> + <div class="head_title"> + 鍋滄満缁翠慨 + </div> + </div> + + <van-button class="buttonSmall" plain size="small" type="primary"> + 鍚�</van-button> + + </div> + + </div> + + <div style="background-color: #eff0f1;height: 10px;"></div> + + <div class="head" style="padding-bottom: 0;"> + <div class="head_block"> + <div class="head_left"> + <div class="head_bar"></div> + <div class="head_title"> + 缁翠慨鍐呭 + </div> + </div> + </div> + + <div + style="display:flex;flex-direction: column;width: 96%;margin: auto;padding: 10px 10px 0 10px;"> + <!-- <van-field class="vanFieldInputArea" readonly v-model="item.messageDescr" + rows="2" autosize type="textarea" placeholder="璇疯緭鍏�" /> + --> + {{item.messageDescr}} + </div> + + </div> + + <div style="background-color: #eff0f1;height: 10px;"></div> + + + <div class="head" style="padding-bottom: 0;"> + <div class="head_block"> + <div class="head_left"> + <div class="head_bar"></div> + <div class="head_title"> + 鏇存崲澶囦欢 + </div> + </div> + </div> + + + + <div + style="display:flex;flex-direction: column;width: 96%;margin: auto;padding: 10px 10px 0 10px;"> + <!-- <van-field class="vanFieldInputArea" readonly v-model="item.messageDescr" + rows="2" autosize type="textarea" placeholder="璇疯緭鍏�" /> --> + {{item.messageDescr}} + </div> + <div style="width: 96%;margin: auto;"> + <van-uploader multiple v-model="item.fileList" multiple :max-count="3" /> + </div> + + </div> + + <div style="background-color: #eff0f1;height: 10px;"></div> + + <div class="head" style="padding-bottom: 5px;margin-top: 0;"> + <div class="head_block" style=""> + <div class="head_left"> + <div class="head_bar"></div> + <div class="head_title"> + 楠岃瘉缁撴灉 + </div> + </div> + + <div class="flex_center" + style="width: 30%;display: flex;justify-content: space-around;"> + <van-button class="buttonSmall" size="small" plain type="primary"> + 姝e父</van-button> + <van-button class="buttonSmall" size="small" plain type="danger">寮傚父 + </van-button> + </div> + + </div> + + </div> + + + <div v-show="!item.arrowType" style="height: 30px;margin: auto;margin-top: 10px;" + :style="{marginBottom:(topContent.length-1===index)?'70px':'0px'}"> + <div style="border-radius: 5px;width: 60px;height: 30px;background-color: aliceblue;" + @click="arrowTypeChangeUp(item.code)" class="flex_center_center"> + <van-icon :name="item.arrowType?'arrow-down':'arrow-up'" /> + </div> + </div> + + + </div> + + </div> + </van-cell-group> </van-radio-group> - </div> + <div class="footer" style="min-height:50px;"> + <div + style="position:fixed;bottom: 0;width: 96%;display: flex;justify-content: center;flex-direction: column;align-items: center"> + <van-button :loading="submitIsDisabled" loading-text='姝e湪鎻愪氦,璇风◢绛�...' class="vanButtonInfo" + @click="submit" type="info"> + 纭鎻愪氦</van-button> - - <div class="footer" style="min-height:50px;"> - <div - style="position:fixed;bottom: 0;width: 96%;display: flex;justify-content: center;flex-direction: column;align-items: center"> - <van-button class="vanButtonInfo" @click="submit" type="info"> - 纭鎻愪氦</van-button> - + </div> </div> + </div> - - </div> @@ -238,11 +359,11 @@ </div> </body> <script> - var app = new Vue({ el: '#app', data: function() { return { + submitIsDisabled: false, overlayShow: false, showPopover: false, actions: [{ @@ -255,8 +376,6 @@ icon: 'revoke', text: '閫�鍑虹櫥褰�' }], - arrowType: true, //绠ご绫诲埆 - topContent2: topContent, messageDescr: '', //鏁呴殰鎻忚堪 蹇呭~ @@ -271,9 +390,8 @@ // }, ], isStop: 'Y', - messageContent: '', //缁翠慨鍐呭 褰撶淮淇仠鏈洪�変簡鍚� 姝ゅ瓧娈靛繀濉� - photoList: [], - number2: number + messageContent: '', //缁翠慨鍐呭 褰撶淮淇仠鏈洪�変簡鍚� 姝ゅ瓧娈靛繀濉� + falseArray2: falseArray } }, watch: { @@ -292,7 +410,7 @@ deep: true, immediate: true, }, - 'number2.length': { + 'falseArray2.length': { handler(newValue, oldValue) { this.$forceUpdate() }, @@ -301,22 +419,56 @@ }, }, created() {}, - mounted() {}, + mounted() { + // this.getList() + }, methods: { - arrowTypeChange() { - this.arrowType = !this.arrowType + getList() { + get('AppDeviceManage/RepairVerificationScanDeviceData').then(res => { + + }) + }, + arrowTypeChangeUp(code) { + topContent.forEach(item => { + item.arrowType = true + }) + this.$forceUpdate() + }, + + arrowTypeChangeDown(code) { + topContent.forEach(item => { + item.arrowType = true + if (item.code === code) { + item.arrowType = false + } + }) this.$forceUpdate() }, submit() { - // 寮�鍙戞椂瀵笷ormData瀵硅薄append鏁版嵁鍚庢墦鍗板嚭鏉ヤ负绌哄璞★紝寮�濮嬩互涓烘槸娌℃湁append杩涘幓锛屽疄闄呬笂鏄疐ormData瀵硅薄涓嶈兘鐩存帴鐢╟onsole.log(formData)杩涜鎵撳嵃銆� - // 濡傛灉瑕佹墦鍗帮紝鍙互鐢ㄤ笅闈㈢殑鏂瑰紡锛� - // for (var key of this.photoList.entries()) { - // console.log(key[0] + ', ' + key[1] ); - // } + const result = topContent.find(item => item.code === radioValue) - for (let [a, b] of this.photoList.entries()) { + const formData = new FormData() + formData.append("username", localStorage.getItem('username')) + formData.append("eqpcode", result.code) + formData.append("wkshpcode", result.wksp_code) + formData.append("faultdescr", this.messageDescr) + formData.append("is_stoprepair", this.isStop) + formData.append("repaircontent", this.messageDescr2) + formData.append("replaceparts", this.messageDescr3) + + // this.fileList.forEach(item => { + // formData.append('files1', item.file) + // }) + + for (let [a, b] of formData.entries()) { console.log(a, ', ', b); } + + // post('AppDeviceManage/RepairVerificationScanDeviceSave', formData).then(res => { + // if (res.code === '200') { + + // } + // }) }, topScanClick() { createWithoutTitle('../../components/barcode_scan.html', { -- Gitblit v1.9.3