From 542593742c26593b049b83b00e1a17209af13343 Mon Sep 17 00:00:00 2001
From: loulijun2021 <1694218219@qq.com>
Date: 星期一, 10 十月 2022 13:49:15 +0800
Subject: [PATCH] 1.维修验证页面开发完成
---
pages/sbgl/wxyz.html | 355 ++++++++++++++++++++++++++++++++++++----------------------
1 files changed, 218 insertions(+), 137 deletions(-)
diff --git a/pages/sbgl/wxyz.html b/pages/sbgl/wxyz.html
index af5d98d..2211185 100644
--- a/pages/sbgl/wxyz.html
+++ b/pages/sbgl/wxyz.html
@@ -22,62 +22,63 @@
<script type="text/javascript" src="../../js/global.js"></script>
<script type="text/javascript">
- var topContent = [{
- wxsqd: 'SB00990001',
- code: 'SB001',
- name: '榻胯疆绠辩粍',
- wksp_code: "CJ002",
- wksp_name: '瑁呴厤杞﹂棿',
- eqpchkmain_code: "djbz002",
- sqry: '浣╃綏瑗�',
- sqsj: '2022-09-20 15:20:30',
- gzly: '璁惧鐐规',
- gzms: '绮惧伐杞﹂棿娉ㄥ鏈轰竴鍙峰紑涓嶇簿宸ヨ溅闂存敞濉戞満涓�鍙峰紑涓�',
- arrowType: true, //绠ご绫诲埆
- messageDescr: '123',
- fileList: [],
- },
- {
- wxsqd: 'SB00990002',
- code: 'SB002',
- name: '榻胯疆绠辩粍',
- wksp_code: "CJ002",
- wksp_name: '瑁呴厤杞﹂棿',
- eqpchkmain_code: "djbz002",
- sqry: '浣╃綏瑗�',
- sqsj: '2022-09-20 15:20:30',
- gzly: '璁惧鐐规',
- gzms: '绮惧伐杞﹂棿娉ㄥ鏈轰竴鍙峰紑涓�',
- arrowType: true, //绠ご绫诲埆
- messageDescr: '123',
- fileList: [],
- },
+ var topContent = [
// {
- // wxsqd: 'SB00990003',
- // code: 'SB003',
- // name: '榻胯疆绠辩粍',
+ // repair_code: 'SB00990001',
+ // eqpcode: 'SB001',
+ // eqpname: '榻胯疆绠辩粍',
// wksp_code: "CJ002",
// wksp_name: '瑁呴厤杞﹂棿',
// eqpchkmain_code: "djbz002",
- // sqry: '浣╃綏瑗�',
- // sqsj: '2022-09-20 15:20:30',
- // gzly: '璁惧鐐规',
- // gzms: '绮惧伐杞﹂棿娉ㄥ鏈轰竴鍙峰紑涓嶄簡',
+ // repair_person: '浣╃綏瑗�',
+ // repair_date: '2022-09-20 15:20:30',
+ // is_shutdown: 'Y',
+ // failure_descript: '绮惧伐杞﹂棿娉ㄥ鏈轰竴鍙峰紑涓嶇簿宸ヨ溅闂存敞濉戞満涓�鍙峰紑涓�',
// arrowType: true, //绠ご绫诲埆
// messageDescr: '123',
// fileList: [],
// },
// {
- // wxsqd: 'SB00990004',
- // code: 'SB004',
- // name: '榻胯疆绠辩粍',
+ // repair_code: 'SB00990002',
+ // eqpcode: 'SB002',
+ // eqpname: '榻胯疆绠辩粍',
// wksp_code: "CJ002",
// wksp_name: '瑁呴厤杞﹂棿',
// eqpchkmain_code: "djbz002",
- // sqry: '浣╃綏瑗�',
- // sqsj: '2022-09-20 15:20:30',
- // gzly: '璁惧鐐规',
- // gzms: '绮惧伐杞﹂棿娉ㄥ鏈轰竴鍙峰紑涓嶄簡',
+ // repair_person: '浣╃綏瑗�',
+ // repair_date: '2022-09-20 15:20:30',
+ // is_shutdown: 'N',
+ // failure_descript: '绮惧伐杞﹂棿娉ㄥ鏈轰竴鍙峰紑涓�',
+ // arrowType: true, //绠ご绫诲埆
+ // messageDescr: '123',
+ // fileList: [],
+ // },
+ // {
+ // repair_code: 'SB00990003',
+ // eqpcode: 'SB003',
+ // eqpname: '榻胯疆绠辩粍',
+ // wksp_code: "CJ002",
+ // wksp_name: '瑁呴厤杞﹂棿',
+ // eqpchkmain_code: "djbz002",
+ // repair_person: '浣╃綏瑗�',
+ // repair_date: '2022-09-20 15:20:30',
+ // is_shutdown: 'Y',
+ // failure_descript: '绮惧伐杞﹂棿娉ㄥ鏈轰竴鍙峰紑涓嶄簡',
+ // arrowType: true, //绠ご绫诲埆
+ // messageDescr: '123',
+ // fileList: [],
+ // },
+ // {
+ // repair_code: 'SB00990004',
+ // eqpcode: 'SB004',
+ // eqpname: '榻胯疆绠辩粍',
+ // wksp_code: "CJ002",
+ // wksp_name: '瑁呴厤杞﹂棿',
+ // eqpchkmain_code: "djbz002",
+ // repair_person: '浣╃綏瑗�',
+ // repair_date: '2022-09-20 15:20:30',
+ // is_shutdown: 'N',
+ // failure_descript: '绮惧伐杞﹂棿娉ㄥ鏈轰竴鍙峰紑涓嶄簡',
// arrowType: true, //绠ご绫诲埆
// messageDescr: '123',
// fileList: [],
@@ -96,26 +97,26 @@
radioValue = r
- // let temp = {}
- // let flag = false
- // topContent.forEach((item, index) => {
- // if (item.code === radioValue) {
- // temp = item
- // topContent.splice(index, 1)
- // flag = true
- // }
- // })
- // if (flag) {
- // topContent.unshift(temp)
- // } else {
- // vant.Notify({
- // type: 'danger',
- // message: '鎵�鎵簩缁寸爜鍥村湪鍒楄〃涓紒'
- // })
- // if (topContent.length > 0) {
- // radioValue = topContent[0].code
- // }
- // }
+ let temp = {}
+ let flag = false
+ topContent.forEach((item, index) => {
+ if (item.repair_code === radioValue) {
+ temp = item
+ topContent.splice(index, 1)
+ flag = true
+ }
+ })
+ if (flag) {
+ topContent.unshift(temp)
+ } else {
+ vant.Notify({
+ type: 'danger',
+ message: '鎵�鎵簩缁寸爜鍥村湪鍒楄〃涓紒'
+ })
+ if (topContent.length > 0) {
+ radioValue = topContent[0].repair_code
+ }
+ }
@@ -178,24 +179,28 @@
<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>
+ v-for="(item,index) in topContent"
+ @click="topContentClcik(item.repair_code,item.eqpcode,item.wksp_code)"
+ :key="item.repair_code">
+ <div class="cellDiv">璁惧缁翠慨鍗曪細{{item.repair_code}}</div>
+ <div class="cellDiv">宸ヤ綅缂栫爜锛歿{item.eqpcode}}</div>
+ <div class="cellDiv">宸ヤ綅鍚嶇О锛歿{item.eqpname}}</div>
<div class="cellDiv">鐢熶骇杞﹂棿锛歿{item.wksp_name}}</div>
- <van-cell :title="'鐢宠浜哄憳锛�'+item.sqry">
+ <van-cell :title="'鐢宠浜哄憳锛�'+item.repair_person">
<template #right-icon>
- <van-radio style="margin-right: 10px;" checked-color='red' :name="item.code" />
+ <van-radio style="margin-right: 10px;" checked-color='red'
+ :name="item.repair_code" />
</template>
</van-cell>
- <div class="cellDiv">鐢宠鏃堕棿锛歿{item.sqsj}}</div>
- <div class="cellDiv">鏁呴殰鏉ユ簮锛歿{item.gzly}}</div>
- <div class="cellDiv">鏁呴殰鎻忚堪锛歿{item.gzms}}</div>
+ <div class="cellDiv">缁翠慨鏃堕棿锛歿{item.repair_date}}</div>
+ <div class="cellDiv">鍋滄満缁翠慨锛歿{item.is_shutdown==='Y'?'鏄�':'鍚�'}}</div>
+ <div class="cellDiv">鏁呴殰鎻忚堪锛歿{item.failure_descript}}</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">
+ @click="arrowTypeChangeDown(item.repair_code,item.eqpcode,item.wksp_code)"
+ class="flex_center_center">
<van-icon :name="item.arrowType?'arrow-down':'arrow-up'" />
</div>
</div>
@@ -221,13 +226,11 @@
<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}}
+ style="display:flex;flex-direction: column;width: 96%;margin: auto;padding: 10px;">
+ {{messageDescr}}
</div>
- <div style="width: 96%;margin: auto;">
- <van-uploader multiple v-model="item.fileList" multiple :max-count="3" />
+ <div v-show="fileList.length!==0" style="width: 96%;margin: auto;">
+ <van-uploader multiple v-model="fileList" multiple :max-count="3" />
</div>
</div>
@@ -244,8 +247,9 @@
</div>
</div>
- <van-button class="buttonSmall" plain size="small" type="primary">
- 鍚�</van-button>
+ <van-button class="buttonSmall" size="small" type="primary">
+ {{isStop==='Y'?'鏄�':'鍚�'}}
+ </van-button>
</div>
@@ -253,7 +257,7 @@
<div style="background-color: #eff0f1;height: 10px;"></div>
- <div class="head" style="padding-bottom: 0;">
+ <div class="head" style="padding-bottom: 0;" v-show="messageDescr2!==''">
<div class="head_block">
<div class="head_left">
<div class="head_bar"></div>
@@ -264,11 +268,8 @@
</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}}
+ style="display:flex;flex-direction: column;width: 96%;margin: auto;padding: 10px;">
+ {{messageDescr2}}
</div>
</div>
@@ -276,7 +277,7 @@
<div style="background-color: #eff0f1;height: 10px;"></div>
- <div class="head" style="padding-bottom: 0;">
+ <div class="head" style="padding-bottom: 0;" v-show="messageDescr3!==''">
<div class="head_block">
<div class="head_left">
<div class="head_bar"></div>
@@ -289,13 +290,11 @@
<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}}
+ style="display:flex;flex-direction: column;width: 96%;margin: auto;padding: 10px;">
+ {{messageDescr3}}
</div>
- <div style="width: 96%;margin: auto;">
- <van-uploader multiple v-model="item.fileList" multiple :max-count="3" />
+ <div v-show="fileList2.length!==0" style="width: 96%;margin: auto;">
+ <van-uploader multiple v-model="fileList2" multiple :max-count="3" />
</div>
</div>
@@ -313,9 +312,14 @@
<div class="flex_center"
style="width: 30%;display: flex;justify-content: space-around;">
- <van-button class="buttonSmall" size="small" plain type="primary">
+ <van-button class="buttonSmall" size="small"
+ :plain="item.resultValue!=='OK'"
+ @click="resultValueClick(item.repair_code,'OK')" type="primary">
姝ｅ父</van-button>
- <van-button class="buttonSmall" size="small" plain type="danger">寮傚父
+ <van-button class="buttonSmall" size="small"
+ :plain="item.resultValue!=='NG'"
+ @click="resultValueClick(item.repair_code,'NG')" type="danger">
+ 寮傚父
</van-button>
</div>
@@ -327,7 +331,7 @@
<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">
+ @click="arrowTypeChangeUp(item.repair_code)" class="flex_center_center">
<van-icon :name="item.arrowType?'arrow-down':'arrow-up'" />
</div>
</div>
@@ -339,11 +343,13 @@
</van-cell-group>
</van-radio-group>
+
<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='姝ｅ湪鎻愪氦,璇风◢绛�...' class="vanButtonInfo"
- @click="submit" type="info">
+ <van-button :loading="submitIsDisabled"
+ :disabled="topContent.find(item=>item.repair_code===radioValue).resultValue===''"
+ loading-text='姝ｅ湪鎻愪氦,璇风◢绛�...' class="vanButtonInfo" @click="submit" type="info">
纭鎻愪氦</van-button>
</div>
@@ -378,20 +384,15 @@
}],
topContent2: topContent,
- messageDescr: '', //鏁呴殰鎻忚堪 蹇呭～
- fileList: [
- // {
- // url: 'https://img01.yzcdn.cn/vant/leaf.jpg'
- // },
- // Uploader 鏍规嵁鏂囦欢鍚庣紑鏉ュ垽鏂槸鍚︿负鍥剧墖鏂囦欢
- // 濡傛灉鍥剧墖 URL 涓笉鍖呭惈绫诲瀷淇℃伅锛屽彲浠ユ坊鍔� isImage 鏍囪鏉ュ０鏄�
- // {
- // url: 'https://img01.yzcdn.cn/vant/leaf.jpg'
- // },
- ],
+ messageDescr: '', //鏁呴殰鎻忚堪
+ fileList: [],
+ fileList2: [],
isStop: 'Y',
- messageContent: '', //缁翠慨鍐呭 褰撶淮淇仠鏈洪�変簡鍚� 姝ゅ瓧娈靛繀濉�
- falseArray2: falseArray
+ messageDescr2: '', //缁翠慨鍐呭
+ messageDescr3: '', //鏇存崲澶囦欢
+ falseArray2: falseArray,
+ baseUrl: 'http://121.196.36.24:8001', //ip鍩虹鍦板潃
+ // resultValue: '', //楠岃瘉缁撴灉
}
},
watch: {
@@ -400,9 +401,10 @@
if (newValue !== oldValue) {
// this.topContent2 = topContent
// this.$forceUpdate()
- if (topContent[0] && topContent[0].code) {
+ if (topContent[0] && topContent[0].repair_code) {
this.$forceUpdate()
- this.topContentClcik(topContent[0].code)
+ this.topContentClcik(topContent[0].repair_code, topContent[0].eqpcode, topContent[0]
+ .wksp_code)
}
}
@@ -420,55 +422,127 @@
},
created() {},
mounted() {
- // this.getList()
+ this.getList()
},
methods: {
getList() {
get('AppDeviceManage/RepairVerificationScanDeviceData').then(res => {
-
+ if (res.code === '200') {
+ topContent = res.data
+ radioValue = topContent[0].repair_code
+
+ topContent.forEach(item => {
+ item.arrowType = true
+ item.resultValue = ''
+ })
+ this.getDetail(topContent[0].repair_code, topContent[0].eqpcode, topContent[0]
+ .wksp_code)
+ this.$forceUpdate()
+ }
})
},
- arrowTypeChangeUp(code) {
+ getDetail(repair_code, eqpcode, wkshpcode) {
+ const data = {
+ repair_code,
+ eqpcode,
+ wkshpcode
+ }
+
+ get('AppDeviceManage/RepairVerificationScanDeviceDataSub' + formatParams(data)).then(res => {
+ if (res.code === '200') {
+ console.log(res.data)
+ this.messageDescr = res.data.failure_descript
+
+ this.fileList = res.data.failure_descriptimg ? res.data.failure_descriptimg
+ .filter(item => item.img1url !== '') : []
+
+ this.fileList.forEach(item => {
+ item.url = this.baseUrl + item.img1url
+ })
+
+ this.isStop = res.data.repair_content ? 'N' : 'Y'
+
+ this.messageDescr2 = res.data.repair_content ? res.data.repair_content : ''
+ this.messageDescr3 = res.data.repair_part ? res.data.repair_part : ''
+
+ this.fileList2 = res.data.repair_partimage ? res.data.repair_partimage.filter(
+ item => item.img2url !== '') : []
+ this.fileList2.forEach(item => {
+ item.url = this.baseUrl + item.img2url
+ })
+ this.$forceUpdate()
+ }
+ })
+ },
+ arrowTypeChangeUp(repair_code) {
topContent.forEach(item => {
item.arrowType = true
})
this.$forceUpdate()
},
- arrowTypeChangeDown(code) {
+ arrowTypeChangeDown(repair_code, eqpcode, wksp_code) {
+ radioValue = repair_code
topContent.forEach(item => {
item.arrowType = true
- if (item.code === code) {
+ if (item.repair_code === repair_code) {
item.arrowType = false
+ item.resultValue = ''
+ this.messageDescr = ''
+ this.messageDescr2 = ''
+ this.messageDescr3 = ''
+ this.fileList = []
+ this.fileList2 = []
+ // this.resultValue =''
+ this.getDetail(item.repair_code, item.eqpcode, item.wksp_code)
}
})
this.$forceUpdate()
},
submit() {
- const result = topContent.find(item => item.code === radioValue)
+
+ // if(this.resultValue===''){
+ // return
+ // }
+
+ const result = topContent.find(item => item.repair_code === radioValue)
const formData = new FormData()
formData.append("username", localStorage.getItem('username'))
- formData.append("eqpcode", result.code)
+ formData.append("eqpcode", result.eqpcode)
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)
- // })
+ formData.append("repairwo", result.repair_code)
+ formData.append("result", result.resultValue)
for (let [a, b] of formData.entries()) {
console.log(a, ', ', b);
}
- // post('AppDeviceManage/RepairVerificationScanDeviceSave', formData).then(res => {
- // if (res.code === '200') {
-
- // }
- // })
+ post('AppDeviceManage/RepairVerificationScanDeviceSave', formData).then(res => {
+ if (res.code === '200') {
+ topContent.forEach((item, index) => {
+ if (item.repair_code === radioValue) {
+ topContent.splice(index, 1)
+ }
+ })
+ if (topContent.length > 0) {
+ radioValue = topContent[0].repair_code
+ this.getDetail(topContent[0].repair_code, topContent[0].eqpcode, topContent[0]
+ .wksp_code)
+ }
+ // this.resultValue=''
+ this.$forceUpdate()
+ }
+ })
+ },
+ resultValueClick(repair_code, val) {
+ topContent.forEach(item => {
+ if (item.repair_code === repair_code) {
+ item.resultValue = val
+ }
+ })
+ // this.resultValue = val
+ this.$forceUpdate()
},
topScanClick() {
createWithoutTitle('../../components/barcode_scan.html', {
@@ -491,8 +565,15 @@
vanFieldBlur() {
this.$forceUpdate()
},
- topContentClcik(code) {
- radioValue = code
+ topContentClcik(repair_code, eqpcode, wksp_code) {
+ radioValue = repair_code
+ // this.resultValue = ''
+ // topContent.forEach(item => {
+ // if (item.repair_code === repair_code) {
+ // this.getDetail(item.repair_code, item.eqpcode, item.wksp_code)
+ // }
+ // })
+
this.$forceUpdate()
},
onClickleft() {
--
Gitblit v1.9.3