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