From 30e3526b109a94b83ee53d460b5626300361e5a5 Mon Sep 17 00:00:00 2001 From: wk Date: 星期二, 18 六月 2024 09:48:40 +0800 Subject: [PATCH] feat:司机人脸更改 --- pages/doorkeeper-page/doorkeeper-index/doorkeeper-index.vue | 177 ++++++++++++++++++++++++++++++++++++++++++++++++---------- 1 files changed, 146 insertions(+), 31 deletions(-) diff --git a/pages/doorkeeper-page/doorkeeper-index/doorkeeper-index.vue b/pages/doorkeeper-page/doorkeeper-index/doorkeeper-index.vue index 2939917..3258616 100644 --- a/pages/doorkeeper-page/doorkeeper-index/doorkeeper-index.vue +++ b/pages/doorkeeper-page/doorkeeper-index/doorkeeper-index.vue @@ -8,23 +8,61 @@ stripe emptyText="鏆傛棤鏇村鏁版嵁"> <uni-tr> - <uni-th align="center">鍙告満</uni-th> - <uni-th align="center">浜у搧</uni-th> <uni-th align="center">杞︾墝鍙�</uni-th> + <uni-th align="center">浜у搧</uni-th> + <uni-th align="center">鍙告満</uni-th> <uni-th align="center">鎵嬫満鍙�</uni-th> + <uni-th align="center">棰勭害鏃堕棿</uni-th> <uni-th align="center">鎿嶄綔</uni-th> </uni-tr> <uni-tr v-for="(item, index) in driverBillOfLoadingData" :key="item.id"> - <uni-td align="center">{{ item.driver }}</uni-td> - <uni-td align="center">{{ item.productName || '' }}</uni-td> <uni-td align="center">{{ item.carNo || '' }}</uni-td> + <uni-td align="center">{{ item.productName || '' }}</uni-td> + <uni-td align="center">{{ item.driver }}</uni-td> <uni-td align="center">{{ item.phone || '' }}</uni-td> - <uni-td><u-button text="妫�鏌�" - type="primary" - @click="yuYueBtnClick(item)"></u-button></uni-td> + <uni-td align="center">{{ item.startTime || '' }}-{{item.endTime || ""}}</uni-td> + <uni-td> + <view class="buttons"> + <u-button text="鏌ョ湅杩愯緭璇�" + type="primary" + class="buttonitem" + v-if="item.roadTransportId" + @click="lookRoad(item)"></u-button> + <u-button text="妫�鏌�" + type="primary" + class="buttonitem" + @click="yuYueBtnClick(item)"></u-button> + </view> + </uni-td> </uni-tr> </uni-table> + <u-popup :show="imgshow" + @close="closeimg" + @open="openimg" + mode="center" + round="10"> + <view class="imgrPopup"> + <u--image :showLoading="true" + :src="certificateImg != null ? BaseUrl + certificateImg : ''" + width="500rpx" + height="400rpx" + @click="imageClick(certificateImg)"> + <view slot="error" + style="font-size: 24rpx;">鍔犺浇澶辫触</view> + </u--image> + </view> + </u-popup> + <view class="previewImage-container"> + <u-popup :show="previewImageShow" + mode="center" + @close="previewImageClose" + @open="previewImageOpen"> + <u--image :src="previewImageSrc != null ? BaseUrl + previewImageSrc : ''" + width="400px" + height="400px"></u--image> + </u-popup> + </view> <u-popup :show="show" @close="close" @open="open" @@ -55,6 +93,7 @@ </template> <script> + import { BaseUrl } from '@/api/publicInterface.js'; export default { components: { }, @@ -64,40 +103,100 @@ driverBillOfLoadingData:[], inspectData:[], isAllSelected:false, - form:{}, + form:{}, + BaseUrl, carNo:'', - ClickLoading:false + previewImageShow:false, + imgshow:false, + ClickLoading:false, + certificateImg:"", + previewImageSrc:"" } }, onShow() { this.init(); }, methods: { + imageClick(data) { + this.previewImageSrc = data; + this.$nextTick(() => { + this.previewImageShow = true; + }); + }, + previewImageClose() { + this.previewImageShow = false; + }, + previewImageOpen() {}, + imageClick(data) { + this.previewImageSrc = data; + this.$nextTick(() => { + this.previewImageShow = true; + }); + }, + lookRoad(item){ + this.$reqGetId('getById', item.roadTransportId).then(res => { + this.certificateImg=res.data.certificateImg + this.imgshow=true + }); + }, yuYueBtnClick(item){ - if(item.inspectedResult){ - this.inspectData=JSON.parse(item.inspectedResult) - this.form=item - this.show = true; - }else{ - this.inspectData=[] - this.form=item - uni.showLoading({ title: '鍔犺浇涓�...' }); - this.$reqPost('addCheckLog',{ - carNo:this.form.carNo, - taskId:this.form.id, - taskcode:this.form.code, - }, 'json').then(res => { - if (res.code === 0) { - uni.$u.toast('妫�鏌ユ垚鍔�') - this.form={} - this.ClickLoading = false; - this.show = false; - this.TaskCoalList() - } else { - uni.$u.toast(res.msg ? res.msg : '妫�鏌ュけ璐�') + let char = "杩愯緭璇�"; + if (item.inspectedResult.includes(char)) { + if(item.roadTransportId){ + if(item.inspectedResult){ + this.inspectData=JSON.parse(item.inspectedResult) + this.form=item + this.show = true; + }else{ + this.inspectData=[] + this.form=item + uni.showLoading({ title: '鍔犺浇涓�...' }); + this.$reqPost('addCheckLog',{ + carNo:this.form.carNo, + taskId:this.form.id, + taskcode:this.form.code, + }, 'json').then(res => { + if (res.code === 0) { + uni.$u.toast('妫�鏌ユ垚鍔�') + this.form={} + this.ClickLoading = false; + this.show = false; + this.TaskCoalList() + } else { + uni.$u.toast(res.msg ? res.msg : '妫�鏌ュけ璐�') + } + }) } - }) + }else{ + uni.$u.toast('璇ュ徃鏈烘湭涓婁紶杩愯緭璇侊紒') + } + } else { + if(item.inspectedResult){ + this.inspectData=JSON.parse(item.inspectedResult) + this.form=item + this.show = true; + }else{ + this.inspectData=[] + this.form=item + uni.showLoading({ title: '鍔犺浇涓�...' }); + this.$reqPost('addCheckLog',{ + carNo:this.form.carNo, + taskId:this.form.id, + taskcode:this.form.code, + }, 'json').then(res => { + if (res.code === 0) { + uni.$u.toast('妫�鏌ユ垚鍔�') + this.form={} + this.ClickLoading = false; + this.show = false; + this.TaskCoalList() + } else { + uni.$u.toast(res.msg ? res.msg : '妫�鏌ュけ璐�') + } + }) + } } + }, selectionChange(items){ const allIds = this.inspectData.map(item => item); @@ -108,6 +207,7 @@ this.TaskCoalList(); this.form={} this.inspectData=[] + this.certificateImg="" }, popClick() { if(this.isAllSelected==true){ @@ -143,6 +243,10 @@ open() {}, close() { this.show = false; + }, + openimg() {}, + closeimg() { + this.imgshow = false; }, // 鍙告満棣栭〉鍒楄〃 TaskCoalList() { @@ -188,6 +292,10 @@ u-search{ width: 100rpx; } + } + .imgrPopup{ + width: 500rpx; + height: 400rpx; } .receiverPopup { height: vww(110); @@ -286,4 +394,11 @@ position: relative; top: vww(-120); } + .buttons{ + display: flex; + justify-content: space-between; + .buttonitem{ + width: 30%; + } + } </style> \ No newline at end of file -- Gitblit v1.9.1