From 5071cbf55bd73b6d7bb61421fe618666c537a4e2 Mon Sep 17 00:00:00 2001
From: qingyiay <2386314947@qq.com>
Date: 星期四, 19 十月 2023 09:34:43 +0800
Subject: [PATCH] 司机增加退单功能 增加积分功能 其他页面修改

---
 pages/driver-page/driver-index/driver-index.vue |  172 ++++++++++++++++++++++++++++++++++++++++++++++----------
 1 files changed, 140 insertions(+), 32 deletions(-)

diff --git a/pages/driver-page/driver-index/driver-index.vue b/pages/driver-page/driver-index/driver-index.vue
index b00d209..88116c4 100644
--- a/pages/driver-page/driver-index/driver-index.vue
+++ b/pages/driver-page/driver-index/driver-index.vue
@@ -4,8 +4,10 @@
 			<view class="driver-index-body">
 				<!-- 寰呴鍙栨彁鐓ゅ崟 -->
 				<view class="wait-collection"
-					style="background: url('https://mx.jzeg.cn:9095/appimg/image/banner/diverbanner.png') no-repeat;background-size:contain">
+					style="background: url('https://mx.jzeg.cn:9096/appimg/image/banner/diverbanner.png') no-repeat;background-size:contain">
 				</view>
+				<!-- 寮曞椤� -->
+				<noob-tour></noob-tour>
 				<view class="collection-form">
 					<view class="collection-form-item"
 						v-for="(item, index) in driverBillOfLoadingData.list1"
@@ -60,11 +62,11 @@
 						<view class="fourth-line"
 							@click="qiangDanBtn(item)"
 							v-if="item.carNum - item.taskNum !== 0">
-							<view class="button-img">绔嬪嵆鎶㈠崟</view>
+							<view class="button-img">绔嬪嵆鎺ュ崟</view>
 						</view>
 					</view>
 				</view>
-				<!-- 鎶㈠崟鎻愮ず妯℃�佹 -->
+				<!-- 鎺ュ崟鎻愮ず妯℃�佹 -->
 				<view class="qianDanModel">
 					<u-modal :show="qiangDanShow"
 						:title="qiangDanTitle"
@@ -79,6 +81,7 @@
 					<combined-title title="寰呴绾︽彁鐓ゅ崟"></combined-title>
 					<u-empty mode="data"
 						icon="http://cdn.uviewui.com/uview/empty/data.png"
+						text="鏆傛棤鏁版嵁"
 						textSize="30"
 						iconSize="1000"
 						v-if="driverBillOfLoadingData.list3 ? (driverBillOfLoadingData.list3.length == 0 ? true : false) : true"></u-empty>
@@ -139,14 +142,26 @@
 									<!-- <view class="order-type">{{ item.orderType }}</view> -->
 								</view>
 							</view>
-							<view class="fourth-line"
-								@click="toAppointmentClick(item)">
-								<view class="button-img">绔嬪嵆棰勭害</view>
+							<view class="fourth-line">
+								<view class="button-img"
+									@click.stop="cancelAppoint(item)">
+									璇锋眰閫�鍗�
+								</view>
+								<view class="button-img"
+									@click.stop="toAppointmentClick(item)">绔嬪嵆棰勭害</view>
 							</view>
 						</view>
 					</view>
 				</view>
-
+				<!-- 璇锋眰閫�鍗曞脊绐� -->
+				<view class="">
+					<u-modal :show="cancelAppointShow"
+						title="閫�鍗曠‘璁�"
+						showCancelButton
+						content="鏄惁纭閫�鍗�"
+						@confirm="cancelAppointConfirm"
+						@cancel="cancelAppointCancel"></u-modal>
+				</view>
 				<!-- 宸查绾︽彁鐓ゅ崟 -->
 				<view class="Reserved">
 					<combined-title title="宸查绾︽彁鐓ゅ崟"></combined-title>
@@ -154,6 +169,7 @@
 						icon="http://cdn.uviewui.com/uview/empty/data.png"
 						textSize="30"
 						iconSize="1000"
+						text="鏆傛棤鏁版嵁"
 						v-if="driverBillOfLoadingData.list2 ? (driverBillOfLoadingData.list2.length == 0 ? true : false) : true"></u-empty>
 					<view class="appointment-form">
 						<view class="appointment-form-item"
@@ -227,10 +243,15 @@
 <script>
 	import { customerId } from '@/utils/status';
 	import combinedTitle from '@/components/combined-title/combined-title.vue';
-
+	import previewImage from '@/components/kxj-previewImage/kxj-previewImage.vue';
+	import noobTour from '@/components/noobTour/noobTour.vue'
+	import { mapState } from 'vuex'
+	import { BaseUrl } from '@/api/publicInterface.js'
 	export default {
 		components: {
-			combinedTitle
+			combinedTitle,
+			previewImage,
+			noobTour
 		},
 		props: {
 			indexdriverBillOfLoadingData: {
@@ -247,6 +268,12 @@
 				immediate: true
 			}
 		},
+		computed: {
+			...mapState(['driverTourImgList']),
+			roleType() {
+				return uni.getStorageSync('roleType');
+			},
+		},
 		data() {
 			return {
 				driverBillOfLoadingData: {
@@ -254,14 +281,19 @@
 					list2: [],
 					list3: []
 				},
-				// 鎶㈠崟妯℃�佹
+				// 鎺ュ崟妯℃�佹
 				qiangDanShow: false,
-				qiangDanTitle: '鎶㈠崟鎻愮ず',
+				qiangDanTitle: '鎺ュ崟鎻愮ず',
 				qiangDanContent: '',
 				qiangDanOrderPlanId: null,
 				fleetId: '',
 				xsUserId: '',
-				customerId: ''
+				customerId: '',
+				isFirstLogin: true, //鏄惁鏄涓�娆$櫥褰�
+				phone: "",
+				isFirstTime: false, //鏄惁鏄櫥褰曡繘鍏ラ椤碉紝杩樻槸鍒殑椤甸潰杩斿洖 false鏄櫥褰� true鏄埆鐨勯〉闈�
+				cancelAppointShow: false, //纭閫�鍗曞脊绐楁帶鍒�
+				cancelAppointId: ''
 			};
 		},
 		onShow() {
@@ -289,7 +321,7 @@
 					this.driverBillOfLoadingData = res.data;
 				});
 			},
-			// 鎶㈠崟鎸夐挳
+			// 鎺ュ崟鎸夐挳
 			qiangDanBtn(value) {
 				if (value.tmcCount == '0') {
 					this.qiangDan(value.orderPlanId, value.fleetId, value.customerId === null ? '0' : value.customerId,
@@ -300,10 +332,10 @@
 					this.customerId = value.customerId === null ? '0' : value.customerId;
 					this.xsUserId = value.xsUserId === null ? '0' : value.xsUserId;
 					this.qiangDanShow = true;
-					this.qiangDanContent = `宸叉姠${value.tmcCount}鍗曪紝纭畾鎶㈠崟锛焋;
+					this.qiangDanContent = `宸叉帴${value.tmcCount}鍗曪紝纭畾鎺ュ崟锛焋;
 				}
 			},
-			// 鎶㈠崟妯℃�佹
+			// 鎺ュ崟妯℃�佹
 			qiangDanConfirm() {
 				this.qiangDanContent = '';
 				this.qiangDanShow = false;
@@ -312,8 +344,11 @@
 			qiangDanCancel() {
 				this.qiangDanShow = false;
 			},
-			// 鎶㈠崟璇锋眰
+			// 鎺ュ崟璇锋眰
 			qiangDan(id, fleetId, customerId, xsUserId) {
+				uni.showLoading({
+					title: '鍔犺浇涓�'
+				})
 				this.$reqPost('qiangDan', {
 						orderPlanId: id,
 						fleetId: fleetId,
@@ -321,21 +356,24 @@
 						xsUserId: xsUserId
 					}, 'params')
 					.then(res => {
+						uni.hideLoading()
 						if (res.code == 0) {
-							this.$u.toast('鎶㈠崟鎴愬姛');
+							this.$u.toast('鎺ュ崟鎴愬姛');
 						} else {
-							this.$u.toast(res.msg ? res.msg : '鎶㈠崟澶辫触');
+							this.$u.toast(res.msg ? res.msg : '鎺ュ崟澶辫触');
 						}
 					})
 					.then(() => {
 						setTimeout(() => {
 							this.qiangDanList();
 						}, 1000);
-					});
+					}).catch(e => {
+						uni.hideLoading()
+					})
 			},
 			list3CardIconClick(value) {
 				uni.navigateTo({
-					url: `/pages/driver-page/driver-index/bill-of-lading-details/bill-of-lading-details?orderPlanId=${value.id}&yyId=${value.yyId}`
+					url: `/pages/driver-page/driver-index/bill-of-lading-details/bill-of-lading-details?orderPlanId=${value.id}&yyId=${value.yyId}&orderType=${value.orderType}`
 				});
 			},
 			// 鎻愮叅鍗曡鎯�
@@ -344,12 +382,42 @@
 					url: `/pages/driver-page/driver-index/bill-of-lading-details/bill-of-lading-details?orderPlanId=${name}`
 				});
 			},
+			// 璇锋眰閫�鍗�
+			cancelAppoint(item) {
+				this.cancelAppointShow = true
+				this.cancelAppointId = item.id
+			},
+			// 閫�鍗曞脊绐楃‘璁�
+			cancelAppointConfirm() {
+				this.cancelAppointShow = false
+				uni.showLoading({
+					title: '鍔犺浇涓�'
+				})
+				this.$reqPost('cancelAppoint', { takeCoalId: this.cancelAppointId }, 'params').then(res => {
+					uni.hideLoading()
+					if (res.code == 0) {
+						this.$u.toast('閫�鍗曟垚鍔�');
+					} else {
+						this.$u.toast(res.msg ? res.msg : '閫�鍗曞け璐�');
+					}
+				}).then(() => {
+					setTimeout(() => {
+						this.qiangDanList();
+					}, 1000);
+				}).catch(e => {
+					uni.hideLoading()
+				})
+			},
+			// 閫�鍗曞脊绐楀彇娑�
+			cancelAppointCancel() {
+				this.cancelAppointShow = false
+			},
 			// 鍘婚绾�
 			toAppointmentClick(value) {
 				uni.navigateTo({
 					url: `/pages/driver-page/appointment/appointment?takeCoalId=${value.id}&filedId=${value.filedId}&deptId=${value.deptId}&sendDate=${value.sendDate}`
 				});
-			}
+			},
 		}
 	};
 </script>
@@ -412,24 +480,26 @@
 	}
 
 	@mixin fourthLine {
-		width: 34%;
+		width: 64%;
 		height: vww(68);
 		display: flex;
 		align-items: center;
 		position: relative;
-		left: vww(203);
+		left: vww(102);
 		bottom: vww(3);
 
 		.button-img {
-			width: 100%;
-			height: 100%;
-			background: url('https://mx.jzeg.cn:9095/appimg/image/banner/button.png') no-repeat;
+			width: vww(122);
+			height: vww(41);
+
+			background: url('https://mx.jzeg.cn:9096/appimg/image/banner/button.png') no-repeat;
 			background-size: cover;
 			font-size: 28rpx;
 			font-weight: 300;
 			color: #ffffff;
 			text-align: center;
 			line-height: vww(40);
+
 		}
 	}
 
@@ -499,7 +569,7 @@
 								height: vww(28);
 								line-height: vww(28);
 								text-align: center;
-								background: url('https://mx.jzeg.cn:9095/appimg/image/banner/blueblock.png') no-repeat;
+								background: url('https://mx.jzeg.cn:9096/appimg/image/banner/blueblock.png') no-repeat;
 								background-size: contain;
 								font-size: 30rpx;
 								font-weight: 400;
@@ -542,7 +612,7 @@
 								height: vww(28);
 								line-height: vww(28);
 								text-align: center;
-								background: url('https://mx.jzeg.cn:9095/appimg/image/banner/redblock.png') no-repeat;
+								background: url('https://mx.jzeg.cn:9096/appimg/image/banner/redblock.png') no-repeat;
 								background-size: contain;
 								font-size: 30rpx;
 								font-weight: 400;
@@ -657,7 +727,7 @@
 						.button-img {
 							width: 100%;
 							height: 100%;
-							background: url('https://mx.jzeg.cn:9095/appimg/image/banner/button.png') no-repeat;
+							background: url('https://mx.jzeg.cn:9096/appimg/image/banner/button.png') no-repeat;
 							background-size: cover;
 							font-size: 28rpx;
 							font-weight: 300;
@@ -710,18 +780,29 @@
 								height: vww(28);
 								line-height: vww(28);
 								text-align: center;
-								background: url('https://mx.jzeg.cn:9095/appimg/image/banner/blueblock.png') no-repeat;
+								background: url('https://mx.jzeg.cn:9096/appimg/image/banner/blueblock.png') no-repeat;
 								background-size: contain;
 								font-size: 30rpx;
 								font-weight: 400;
 								color: #ffffff;
 								margin-right: vww(20);
 							}
+
+							.filedname {
+								width: 80%;
+							}
+						}
+
+						.map-icon {
+							position: absolute;
+							right: vww(-1);
+							top: vww(2)
 						}
 					}
 
 					.first-extra {
 						@include firstLine;
+						position: relative;
 
 						.main-information {
 							width: 100%;
@@ -735,13 +816,23 @@
 								height: vww(28);
 								line-height: vww(28);
 								text-align: center;
-								background: url('https://mx.jzeg.cn:9095/appimg/image/banner/redblock.png') no-repeat;
+								background: url('https://mx.jzeg.cn:9096/appimg/image/banner/redblock.png') no-repeat;
 								background-size: contain;
 								font-size: 30rpx;
 								font-weight: 400;
 								color: #ffffff;
 								margin-right: vww(20);
 							}
+
+							.filedname {
+								width: 80%;
+							}
+						}
+
+						.map-icon {
+							position: absolute;
+							right: vww(-1);
+							top: vww(2)
 						}
 					}
 
@@ -749,6 +840,7 @@
 						@include firstLine;
 						margin: 0;
 						margin-left: vww(16);
+						position: relative;
 
 						.main-information {
 							width: 100%;
@@ -762,13 +854,23 @@
 								height: vww(28);
 								line-height: vww(28);
 								text-align: center;
-								background: url('https://mx.jzeg.cn:9095/appimg/image/banner/redblock.png') no-repeat;
+								background: url('https://mx.jzeg.cn:9096/appimg/image/banner/redblock.png') no-repeat;
 								background-size: contain;
 								font-size: 30rpx;
 								font-weight: 400;
 								color: #ffffff;
 								margin-right: vww(20);
 							}
+
+							.filedname {
+								width: 80%;
+							}
+						}
+
+						.map-icon {
+							position: absolute;
+							right: vww(-1);
+							top: vww(2)
 						}
 					}
 
@@ -833,6 +935,12 @@
 					margin-top: vww(10);
 				}
 			}
+
+			.noob-tour {
+				margin-bottom: vww(10);
+				position: relative;
+				top: -240rpx;
+			}
 		}
 	}
 </style>
\ No newline at end of file

--
Gitblit v1.9.1