From 2e60df573ae7648e5df412b50a924cb52820b135 Mon Sep 17 00:00:00 2001
From: yangan <yangan0921@163.com>
Date: 星期四, 18 一月 2024 15:49:45 +0800
Subject: [PATCH] feat：小程序验质拆分净重提煤单增加不合格明细

---
 pages/driver-page/driver-index/bill-of-lading-details/bill-of-lading-details.vue |  994 +++++++++++++++++++++++++++++++++++++++++++++++++---------
 1 files changed, 835 insertions(+), 159 deletions(-)

diff --git a/pages/driver-page/driver-index/bill-of-lading-details/bill-of-lading-details.vue b/pages/driver-page/driver-index/bill-of-lading-details/bill-of-lading-details.vue
index 42ae87c..dec747f 100644
--- a/pages/driver-page/driver-index/bill-of-lading-details/bill-of-lading-details.vue
+++ b/pages/driver-page/driver-index/bill-of-lading-details/bill-of-lading-details.vue
@@ -1,181 +1,857 @@
 <template>
 	<view class="bill-of-lading-details">
-		<view class="bangDanMessage"><text>纾呭崟淇℃伅</text></view>
-		<view class="timeLine" style="font-size: 16rpx;">
-			<u--text type="primary" size="30" plain text="涓昏壊" v-for="(item, index) in dayRZ" :key="index" :text="item.taskStatusDes"></u--text>
+		<view class="top-banner"
+			:style="{ backgroundImage: `url(${onlineurl}/appimg/image/banner/loadingbanner.png)`, backgroundSize: 'cover', backgroundRepeat: 'no-repeat' }">
+		</view>
+		<view class="top-information">
+			<view class="cutomer-name"
+				v-if="orderType == '杞叆' || orderType == '杞嚭'">浠撳簱:{{ coalDetailsData.toFiledName || '' }}</view>
+			<view class="cutomer-name"
+				v-else>瀹㈡埛:{{ coalDetailsData.customerName || '' }}</view>
+			<view class="fild-name">
+				<view class="">鍩哄湴:{{ coalDetailsData.deptName || '鏆傛棤' }}</view>
+				<view class=""
+					v-if="orderType == '杞叆' || orderType == '杞嚭'">浠撳簱:{{ coalDetailsData.filedName || '' }}</view>
+				<view class=""
+					v-else>浠撳簱:{{ coalDetailsData.filedName || '鏆傛棤' }}</view>
+			</view>
+		</view>
+		<view class="block-information">
+			<view class="block-main">
+				<view class="basic">
+					<view class="coalName"><text> {{ coalDetailsData.coalName||'' }}</text></view>
+					<view class="status-button"
+						:style="{ backgroundImage: `url(${onlineurl}/appimg/image/banner/statusbutton.png)`, backgroundSize: 'cover', backgroundRepeat: 'no-repeat' }">
+						{{ coalStatus[coalDetailsData.statusWeigh] || '' }}
+					</view>
+				</view>
+				<view class="time">
+					<view class="time-icon"><u-icon name="clock"
+							color="#515151"
+							size="40"></u-icon></view>
+					<view class="send-date">{{ coalDetailsData.sendDate }}</view>
+				</view>
+				<view class="coal-code">閫氱煡鍗曠紪鍙�:&nbsp;&nbsp;{{ coalDetailsData.code || '' }}</view>
+				<view class="order-code">
+					璁㈠崟缂栧彿:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{ coalDetailsData.orderCode || '' }}</view>
+				<view class="coal-code"
+					@click="jumpWeighDetail"
+					style="color: rgb(73, 123, 251);">
+					鏌ョ湅鏄庣粏
+				</view>
+
+			</view>
+		</view>
+
+		<!--  绉伴噸鍘嗗彶-->
+		<weigh-item :list="showWeigh" class="weighing-item"></weigh-item>
+		<!-- 鏃堕棿绾� -->
+		<view class="timeLine">
+			<u-steps :current="dayRZ.length - 1"
+				direction="column"
+				dot>
+				<u-steps-item :title="item.taskStatusDes"
+					v-for="(item, index) in dayRZ"
+					:key="index"></u-steps-item>
+			</u-steps>
+		</view>
+		<view class="white-block">
+
 		</view>
 		<view class="utilsBox">
-			<view class="utils_chil utils_chilTop">
-				<u-button text="绛惧埌" type="primary" plain @click="arriveClick"></u-button>
-				<u-button text="鍏ュ満鐢宠" type="primary" plain @click="rcsqClick"></u-button>
-				<u-button text="鏀剧┖" type="primary" plain></u-button>
-				<u-button text="鍛煎彨瀹㈡湇" type="primary" plain></u-button>
+			<view class="utils_chil utils_chilTop" v-if="!isReservation">
+				<view class="top-button">
+					<u-button text="绛惧埌"
+						type="primary"
+						plain
+						@click="arriveClick"
+						shape="circle"
+						:disabled="coalDetailsData.status > 2"></u-button>
+					<u-button text="鎵撳嵃纾呭崟"
+						type="primary"
+						plain
+						@click="printOrder"
+						shape="circle"
+						:disabled="currentPageCoalStatus !== 4"></u-button>
+				</view>
+				<view class="bottom-button">
+					<u-button text="鏀剧┖"
+						type="primary"
+						plain
+						@click="evacuation"
+						throttleTime="500"
+						shape="circle"
+						:disabled="isEvacuation || isapproach"></u-button>
+					<u-button text="鍛煎彨瀹㈡湇"
+						type="primary"
+						plain
+						@click="callCustomerService"
+						shape="circle"></u-button>
+				</view>
 			</view>
-			<view class="utils_chil"><u-button text="灞曠ず鎻愮叅鍗�" @click="showCaolPickUpBill" type="primary"></u-button></view>
-			<view class="utils_chil"><u-button text="涓婄璁￠噺" @click="cengZhongClick" type="primary"></u-button></view>
 		</view>
+		<view class="weigh-ability" v-if="!isReservation">
+			<!-- <view class="weigh-button"><u-button text="灞曠ず閫氱煡鍗�"
+					@click="showCaolPickUpBill"
+					type="primary"
+					shape="circle"></u-button></view> -->
+			<view class="weigh-button"><u-button 
+				    :disabled="!isapproach"
+				    text="涓婄璁￠噺"
+					@click="cengZhongClick"
+					type="primary"
+					shape="circle"></u-button></view>
+		</view>
+		<view class="evacuationModal">
+			<u-modal :show="evacuationModalShow"
+				:title="evacuationTitle"
+				:content="evacuationContent"
+				:showCancelButton="true"
+				@confirm="evacuationConfirm"
+				@cancel="evacuationCancel"></u-modal>
+		</view>
+		<view class="completeOutSale">
+			<u-modal :show="completeOutSaleShow"
+				title="纭"
+				content="鏄惁瀹屾垚澶栭攢閫氱煡鍗�"
+				:showCancelButton="true"
+				@confirm="completeOutSaleConfirm"
+				@cancel="completeOutSaleCancel"></u-modal>
+		</view>
+		<u-action-sheet 
+		:actions="list"
+		:show="show"
+		:closeOnClickOverlay="true"
+		:closeOnClickAction="true"
+		@select="selectClick"
+		@close="sheetClose" ></u-action-sheet>
 	</view>
 </template>
 
 <script>
-export default {
-	onLoad(value) {
-		console.log('椤甸潰鍔犺浇', value);
-		if (value.orderPlanId && value.yyId) {
+	import { onlineurl } from '@/api/request.js'
+	import { webSocketUrl } from '@/api/request.js';
+	import { mapState, mapMutations } from 'vuex';
+	import weighItem from '@/components/weighItem.vue'
+	export default {
+		components: {
+			weighItem
+		},
+		onLoad(value) {
+			console.log(value,'valyue')
 			this.orderPlanId = value.orderPlanId;
 			this.yyId = value.yyId;
-		}
-	},
-	data() {
-		return {
-			orderPlanId: null,
-			yyId: null,
-			dayRZ: [],
-			coalDetailsData: {}, // 鎻愮叅鍗曡鎯�
-			getWeightHouseObj: {
-				// 鑾峰彇鎵�鍦ㄧ鎴�
-				deptId: '',
-				filedId: '',
-				tmId: '',
-				tmCode: '',
-				carNo: ''
+			if (value.overTmWaixiao) {
+				this.overTmWaixiao = value.overTmWaixiao
+				this.getWeightHouseObj.overTmWaixiao = value.overTmWaixiao
 			}
-		};
-	},
-	onShow() {
-		this.init();
-	},
-	computed: {
-		userName() {
-			return uni.getStorageSync('username');
 		},
-		openid() {
-			return uni.getStorageSync('openid');
+		data() {
+			return {
+				orderPlanId: null,
+				yyId: null,
+				show:false,
+				chengZhongFlag:true, // 涓婃绉伴噸鐘舵��
+				dayRZ: [],
+				list: [
+				{
+					name:'閫夐」涓�',
+				},
+				{
+					name: '閫夐」浜岀鐢�',
+				},
+				{
+					name: '寮�鍚痩oad鍔犺浇', //寮�鍚悗鏂囧瓧涓嶆樉绀�
+				}
+			],
+				coalDetailsData: {}, // 閫氱煡鍗曡鎯�
+				currentPageCoalStatus: 0, // 褰撳墠椤甸潰閫氱煡鍗曠姸鎬�
+				// 鑾峰彇鎵�鍦ㄧ鎴垮弬鏁�
+				getWeightHouseObj: {
+					deptId: '',
+					filedId: '',
+					tmId: '',
+					tmCode: '',
+					carNo: ''
+				},
+				// 鑾峰彇鍏ュ満鐢宠鐨勫垪琛ㄩ〉闈㈠弬鏁�
+				getYuYueDataParams: {
+					deptId: '',
+					filedId: '',
+					sendDate: ''
+				},
+				// 鑾峰彇瀹㈡湇openid鍙傛暟
+				getServiceOpenid: {
+					deptId: '',
+					filedId: ''
+				},
+				// 瀹㈡湇淇℃伅
+				serviceInfoObj: {
+					openId: null,
+					openName: ''
+				},
+				coalStatus: ['鏈О閲�', '绉伴噸涓�', '楠岃川涓�', '绉伴噸瀹屾垚', '澶勭悊瀹屾垚'], // 鐘舵��
+				weighHouseCode: '',
+				// 鏀剧┖寮圭獥鎺у埗鍙橀噺
+				evacuationModalShow: false,
+				evacuationTitle: '鏀剧┖纭',
+				evacuationContent: '鏄惁纭鏀剧┖',
+				// 绗竴娆℃斁绌哄弬鏁�
+				weighData: {
+					sceneId: '',
+					gateCameraId: '',
+					equipmentCode: '',
+					weigh: 0,
+					sceneInOut: ''
+				},
+				// 鍘熷彂淇℃伅
+				primarySkin: null,
+				primaryHair: null,
+				primaryClean: null,
+				scrollTop: 0,
+				// 纾呭崟绫诲瀷
+				orderType: '',
+				interval: '',
+				// 瀹屾垚澶栭攢璁㈠崟
+				completeOutSale: {
+					deptId: "",
+					filedId: "",
+					orderType: "",
+					clean: ""
+				},
+				completeOutSaleShow: false,
+				reservationIsShow:false,
+				overTmWaixiao: null,
+				// 鍒よ缃戠粶鐘舵�侊紝
+				normalCode: true,
+				onlineurl,
+			};
+		},
+		onShow() {
+			this.init();
+		},
+		onHide() {
+			clearInterval(this.interval);
+		},
+		beforeDestroy() {
+			clearInterval(this.interval);
+		},
+		computed: {
+			...mapState(['globalweigh', 'globalinfraredStatus']),
+			name() {
+				return uni.getStorageSync('name');
+			},
+			openid() {
+				return uni.getStorageSync('openid');
+			},
+			// 鑾峰彇浠婂ぉ鏃ユ湡
+			currentDate() {
+				let time = new Date();
+				let year = time.getFullYear();
+				let month = time.getMonth() + 1;
+				month = month < 10 ? '0' + month : month;
+				let date = time.getDate();
+				date = date < 10 ? '0' + date : date;
+				return `${year}-${month}-${date}`;
+			},
+			//
+			isEvacuation() {
+				return this.coalDetailsData.hair !== 0 || this.coalDetailsData.skin !== 0;
+			},
+			isapproach() {
+				return this.currentPageCoalStatus < 3;
+			},
+			// 灞曠ず鐨瘺鍑�
+			showWeigh() {
+				return this.coalDetailsData.tmTaskCoalItems ? this.coalDetailsData.tmTaskCoalItems : []
+			},
+			//鍙告満棰嗗彇鐘舵�佹寜閽叏涓嶅睍绀� 
+			isReservation(){
+				return this.reservationIsShow < 1;
+			}
+		},
+		methods: {
+			init() {
+				this.$reqGet('coalDayPage', { id: this.orderPlanId }).then(res => {
+					if (res.code == 0) {
+						this.dayRZ = res.data.map(v => {
+							let slicedate = v.taskStatusDes.slice(0, 10);
+							if (slicedate == this.currentDate) {
+								return {
+									...v,
+									taskStatusDes: v.taskStatusDes.slice(10)
+								};
+							} else {
+								return { ...v }
+							}
+						});
+					}
+				});
+				this.coalDayPage(); //鑾峰彇鏃ュ織
+				this.getTakeCoal(); //鑾峰彇閫氱煡鍗曡鎯�
+				this.getgetService(); //鑾峰彇瀹㈡湇
+			},
+			// 鑾峰彇瀹㈡湇openid
+			getgetService() {
+				this.$reqGet('getCallOutList', this.getServiceOpenid).then(res => {
+					console.log(res, '瀹㈡湇openid');
+					if (res.code != 0) {
+						this.$u.toast(res.msg ? res.msg : '鑾峰彇瀹㈡湇淇℃伅澶辫触');
+					} else {
+						this.serviceInfoObj.openId = res.data.openId;
+						this.serviceInfoObj.openName = res.data.openName;
+						uni.setStorageSync('customeropenId', this.serviceInfoObj.openId);
+						uni.setStorageSync('customerName', this.serviceInfoObj.openName);
+					}
+				});
+			},
+			// 鑾峰彇閫氱煡鍗曡鎯�
+			getTakeCoal() {
+				uni.showLoading({
+					title: '鍔犺浇涓�'
+				});
+				this.$reqGet('getTakeCoal', { takeCoalId: this.orderPlanId }).then(res => {
+					uni.hideLoading();
+					if (res.code == 0) {
+						console.log(res, '閫氱煡鍗曡鎯�');
+						this.coalDetailsData = res.data;
+						this.orderType = this.coalDetailsData.orderType;
+						// 鍒ゆ柇鏄惁瀹屾垚澶栭攢璁㈠崟
+						this.completeOutSale.orderType = this.coalDetailsData.orderType;
+						this.completeOutSale.deptId = this.coalDetailsData.deptId;
+						this.completeOutSale.filedId = this.coalDetailsData.filedId;
+						this.completeOutSale.clean = this.coalDetailsData.clean;
+						// 鑾峰彇鎵�鍦ㄧ鎴垮弬鏁拌祴鍊�
+						this.getWeightHouseObj.deptId = this.coalDetailsData.deptId;
+						this.getWeightHouseObj.filedId = this.coalDetailsData.filedId;
+						this.getWeightHouseObj.tmId = this.coalDetailsData.id;
+						this.getWeightHouseObj.tmCode = this.coalDetailsData.code;
+						this.getWeightHouseObj.carNo = this.coalDetailsData.carNo;
+						// 鑾峰彇鍏ュ満鐢宠鎿嶄綔鍚庣殑棰勭害鍒楄〃鐨勫弬鏁�
+						this.getYuYueDataParams.deptId = this.coalDetailsData.deptId;
+						this.getYuYueDataParams.filedId = this.coalDetailsData.filedId;
+						this.getYuYueDataParams.sendDate = this.coalDetailsData.sendDate;
+						// 鑾峰彇瀹㈡湇openId鍙傛暟璧嬪��
+						this.getServiceOpenid.deptId = this.coalDetailsData.deptId;
+						this.getServiceOpenid.filedId = this.coalDetailsData.filedId;
+						// 鑾峰彇閫氱煡鍗曠姸鎬�
+						this.currentPageCoalStatus = this.coalDetailsData.statusWeigh;
+						this.reservationIsShow = this.coalDetailsData.status;
+						// 鑾峰彇鍘熷彂淇℃伅
+						this.primarySkin = this.coalDetailsData.skinTwo;
+						this.primaryHair = this.coalDetailsData.hairTwo;
+						this.primaryClean = this.coalDetailsData.cleanTwo;
+						//鍒濆鍖栫鍗曟暟鎹�
+						this.list = this.coalDetailsData.tmTaskCoalItems.map(item=>{
+							return  {name:item.breed + '/' + item.spec,id:item.id}
+						})
+					} else {
+						this.$u.toast('鍔犺浇澶辫触');
+					}
+				}).then(() => {
+					if (this.completeOutSale.orderType == "鍐呰喘" || this.completeOutSale.orderType == "杞叆") {
+						if (this.completeOutSale.clean !== 0 && this.currentPageCoalStatus !== 6 && this
+							.currentPageCoalStatus !== 11 && this.currentPageCoalStatus !== 12) {
+							this.$reqGet('getTmTaskCoalOrderType', {
+								deptId: this.completeOutSale.deptId,
+								filedId: this.completeOutSale.filedId,
+								orderType: '澶栭攢'
+							}).then(res => {
+								if (res.data && res.data?.length !== 0) {
+									this.completeOutSaleShow = true
+									console.log(res, '瀹屾垚澶栭攢璁㈠崟');
+								}
+							})
+						}
+					}
+				})
+			},
+			// 鏃ュ織鏌ヨ
+			coalDayPage() {
+				if (this.normalCode) {
+					this.interval = setInterval(() => {
+						this.$reqGet('coalDayPage', { id: this.orderPlanId }).then(res => {
+							if (res.code == 0) {
+								this.normalCode = true;
+								this.dayRZ = res.data.map(v => {
+									let slicedate = v.taskStatusDes.slice(0, 10);
+									if (slicedate == this.currentDate) {
+										return {
+											...v,
+											taskStatusDes: v.taskStatusDes.slice(10)
+										};
+									} else {
+										return { ...v }
+									}
+								});
+							} else {
+								this.normalCode = false;
+							}
+						});
+					}, 10000);
+				} else {
+					clearInterval(this.interval)
+					this.$u.toast('鏈嶅姟鍣ㄩ敊璇�,璇风◢鍚庨噸璇�')
+				}
+			},
+			// 灞曠ず閫氱煡鍗曡鎯�
+			showCaolPickUpBill() {
+				uni.navigateTo({
+					url: `/pages/driver-page/driver-index/bill-of-lading-details/coal-pick-up-bill/coal-pick-up-bill?orderPlanId=${this.orderPlanId}`
+				});
+			},
+			// 绛惧埌
+			arriveClick() {
+				uni.navigateTo({
+					url: `/pages/driver-page/driver-index/bill-of-lading-details/punchTheClock/punchTheClock?orderPlanId=${this.orderPlanId}&coalStatus=${
+					this.currentPageCoalStatus
+				}&tmId=${this.getWeightHouseObj.tmId}&yyId=${this.yyId}`
+				});
+			},
+			// 鍏ュ満鐢宠
+			rcsqClick() {
+				uni.navigateTo({
+					url: `/pages/driver-page/appointment/appointment?type=鍏ュ満鐢宠&takeCoalId=${this.orderPlanId}&yyId=${this.yyId}&filedId=${this.getYuYueDataParams.filedId}&deptId=${
+					this.getYuYueDataParams.deptId
+				}&sendDate=${this.getYuYueDataParams.sendDate}`
+				});
+			},
+			// 鍛煎彨瀹㈡湇
+			callCustomerService() {
+				// if (!this.serviceInfoObj.openId) {
+				// this.$u.toast('鏃犲鏈嶄俊鎭�');
+				// }
+				wx.getSetting({
+					success(res) {
+						console.log('鎺堟潈success', res);
+						if (!res.authSetting['scope.camera'] || !res.authSetting['scope.record']) {
+							if (!res.authSetting['scope.camera']) {
+								uni.showToast({
+									title: '鏃犵浉鏈烘潈闄�'
+								});
+							} else if (!res.authSetting['scope.record']) {
+								uni.showToast({
+									title: '鏃犻害鍏嬮鏉冮檺'
+								});
+							}
+						} else {
+							wx.join1v1Chat({
+								caller: {
+									nickname: uni.getStorageSync('name'),
+									openid: uni.getStorageSync(
+										'openid')
+								},
+								listener: {
+									nickname: uni.getStorageSync('customerName'),
+									openid: uni.getStorageSync(
+										'customeropenId')
+								},
+								backgroundType: 2,
+								roomType: 'voice',
+								success() {
+									console.log('涓�瀵逛竴鎴愬姛');
+								},
+								fail(err) {
+									console.log('涓�瀵逛竴澶辫触', err);
+								}
+							});
+						}
+					},
+					fail() {
+						console.log('鑾峰彇澶辫触');
+					}
+				});
+			},
+			// 绉伴噸
+			cengZhongClick() {
+				this.$reqGet('getWeighHouse', this.getWeightHouseObj).then(res => {
+					console.log(res, '鑾峰彇纾呮埧');
+					if (res.code == 0) {
+						this.weighData.sceneId = res.data.id;
+						this.weighData.gateCameraId = res.data.lastEquipmentId;
+						this.weighData.equipmentCode = res.data.lastEquipmentCode;
+						this.weighData.sceneInOut = res.data.sceneInOut;
+						this.weighHouseCode = res.data.code;
+						uni.navigateTo({
+							url: `/pages/driver-page/driver-index/bill-of-lading-details/weighingDevice/weighingDevice?takeCoalId=${this.orderPlanId}&sceneId=${
+							res.data.id
+						}&gateCameraId=${res.data.lastEquipmentId}&gateCameraCode=${res.data.lastEquipmentCode}&weighHouseCode=${res.data.code}&primarySkin=${
+							this.primarySkin
+						}&primaryHair=${this.primaryHair}&psrimaryClean=${this.primaryClean}&sceneInOut=${res.data.sceneInOut}&overTmWaixiao=${this.overTmWaixiao}
+						&isWeighing=${this.coalDetailsData.weighingType}`
+						});
+					} else {
+						this.$u.toast('鏈湪纾呮埧锛岃鍓嶅線纾呮埧鍚庡啀璇曪紒锛�');
+					}
+				});
+			},
+			// 鏀剧┖
+			evacuation() {
+				this.evacuationModalShow = true;
+			},
+			// 鏀剧┖寮圭獥纭
+			evacuationConfirm() {
+				this.weighData = {
+					...this.weighData,
+					weigh: this.globalweigh
+				};
+				let mix = Object.assign(this.weighData, this.getWeightHouseObj);
+				this.$reqPost('getOneEvacuation', mix, 'json').then(res => {
+					console.log(res, '绗竴娆℃斁绌�');
+					if (res.code == 0) {
+						this.$u.toast('鎿嶄綔鎴愬姛');
+						this.evacuationModalShow = false;
+					} else {
+						this.$u.toast('鎿嶄綔澶辫触锛岃绋嶅悗閲嶈瘯');
+						this.evacuationModalShow = false;
+					}
+				});
+			},
+			// 鏀剧┖寮圭獥鍙栨秷
+			evacuationCancel() {
+				this.evacuationModalShow = false;
+			},
+			// 瀹屾垚澶栭攢纭畾
+			completeOutSaleConfirm() {
+				this.completeOutSaleShow = false
+				uni.navigateTo({
+					url: `/pages/driver-page/driver-index/bill-of-lading-details/completeOutSale/completeOutSale?deptId=${this.completeOutSale.deptId}&filedId=${this.completeOutSale.filedId}`
+				})
+			},
+			// 瀹屾垚澶栭攢鍙栨秷
+			completeOutSaleCancel() {
+				this.completeOutSaleShow = false
+			},
+			// 鏌ョ湅璐ㄩ噺鏄庣粏
+			jumpWeighDetail() {
+				uni.navigateTo({
+					url: `/pages/driver-page/driver-index/bill-of-lading-details/weighDetail/weighDetail?orderPlanId=${this.orderPlanId}&flag=${true}`
+				})
+			},
+			//鎵撳嵃纾呭崟
+			printOrder(){
+			  this.show = true;
+			},
+			selectClick(obj){
+				this.$reqGet('printerHandler',{tmItemId:obj.id}).then(res => {
+					uni.hideLoading();
+					this.$u.toast(res.msg)
+					if (res.data) {
+						// this.$u.toast('鎵撳嵃鎴愬姛')
+						// this.orderPlanData = res.data
+					} 
+				}).catch((err) => {
+					uni.hideLoading();
+						this.$u.toast('鎵撳嵃澶辫触')
+				}).finally(() => {
+					this.show = false;
+				})
+
+			},
+			sheetClose(){
+				this.show = false;
+			}
 		}
-	},
-	methods: {
-		init() {
-			this.coalDayPage();
-			this.getTakeCoal();
-		},
-		// 鑾峰彇鎻愮叅鍗曡鎯�
-		getTakeCoal() {
-			this.$reqGet('getTakeCoal', { takeCoalId: this.orderPlanId }).then(res => {
-				if (res.code == 0) {
-					this.coalDetailsData = res.data[0];
-					this.getWeightHouseObj.deptId = this.coalDetailsData.deptId;
-					this.getWeightHouseObj.filedId = this.coalDetailsData.filedId;
-					this.getWeightHouseObj.tmId = this.coalDetailsData.id;
-					this.getWeightHouseObj.tmCode = this.coalDetailsData.code;
-					this.getWeightHouseObj.carNo = this.coalDetailsData.carNo;
-				}
-			});
-		},
-		// 鏃ュ織鏌ヨ
-		coalDayPage() {
-			this.$reqGet('coalDayPage', { id: this.orderPlanId }).then(res => {
-				if (res.code == 0) {
-					this.dayRZ = res.data;
-				}
-			});
-		},
-		// 灞曠ず鎻愮叅鍗曡鎯�
-		showCaolPickUpBill() {
-			uni.navigateTo({
-				url: `/pages/driver-page/driver-index/bill-of-lading-details/coal-pick-up-bill/coal-pick-up-bill?orderPlanId=${this.orderPlanId}`
-			});
-		},
-		// 绛惧埌
-		arriveClick() {
-			uni.navigateTo({
-				url: `/pages/driver-page/driver-index/bill-of-lading-details/punchTheClock/punchTheClock?orderPlanId=${this.orderPlanId}`
-			});
-		},
-		// 鍏ュ満鐢宠
-		rcsqClick() {
-			uni.navigateTo({
-				url: `/pages/driver-page/appointment/appointment?takeCoalId=${this.orderPlanId}&type=鍏ュ満鐢宠&yyId=${this.yyId}`
-			});
-		},
-		// 鍛煎彨瀹㈡湇
-		callCustomerService() {
-			wx.join1v1Chat({
-				caller: { nickname: this.userName, openid: this.openid },
-				listener: { nickname: '瀹㈡湇', openid: 'orutI5YT0yEvARVngdsTmBpisWmw' }, // 杩欓噷鐨刼penid鏄痜yy鐨勶紝鍏呭綋鍥哄畾鐨勫鏈峯penid
-				backgroundType: 2,
-				roomType: 'voice'
-			});
-		},
-		// 绉伴噸
-		cengZhongClick() {
-			this.$reqGet('getWeighHouse', this.getWeightHouseObj).then(res => {
-				console.log(res, '鑾峰彇纾呮埧');
-				if(res.code == 0){
-					uni.navigateTo({
-						url: `/pages/driver-page/driver-index/bill-of-lading-details/weighingDevice/weighingDevice?takeCoalId=${this.orderPlanId}&sceneId=${res.data.id}&gateCameraId=${res.data.gateCameraId}&gateCameraCode=${res.data.gateCameraCode}&weighCode=${res.data.weighCode}`
-					});
-				}else{
-					this.$u.toast('鏈湪纾呮埧锛岃鍓嶅線纾呮埧鍚庡啀璇曪紒锛�')
-				}
-			});
-		}
-	}
-};
+	};
 </script>
 
-<style lang="scss" scoped>
-::v-deep.bill-of-lading-details {
-	width: 100%;
-	height: 100vh;
-	margin: 0 auto;
-	display: flex;
-	flex-direction: column;
-
-	.bangDanMessage {
-		font-size: vww(20);
-		font-weight: 500;
-		border: vww(2) solid #dddddd;
-		border-radius: vww(20);
-		margin: vww(20);
-		margin-bottom: vww(10);
-		flex: 1;
-		display: flex;
-		flex-direction: row;
-		align-items: center;
-		justify-content: center;
+<style lang="scss"
+	scoped>
+	.weighing-item{
+		min-height: 200rpx!important;
 	}
-	.timeLine {
-		height: 45%;
-		margin: vww(20);
-		margin-top: vww(10);
-		margin-bottom: vww(10);
-		border: vww(2) solid #dddddd;
-		border-radius: vww(20);
-		padding: vww(20);
-		box-sizing: border-box;
-		overflow-y: overlay; //琛屼负涓� auto 鐩稿悓锛屼絾鏄粴鍔ㄦ潯缁樺埗鍦ㄥ唴瀹逛箣涓婏紝鑰屼笉鏄崰鎹┖闂淬��
-		.u-text {
-			margin-bottom: vww(5) !important;
-		}
-	}
-	.utilsBox {
-		padding: vww(20);
-		flex: 1;
-		display: flex;
-		flex-direction: column;
-		.utils_chil {
-			flex: 1;
-			display: flex;
-			align-items: center;
-		}
-		.utils_chilTop {
-			.u-button {
-				margin-right: vww(4);
-				&:nth-child(4) {
-					margin-right: 0;
+	/deep/.u-steps {
+		.u-steps-item {
+			.u-steps-item__content {
+				.u-text {
+					.u-text__value {
+						font-size: 31rpx !important;
+						font-weight: 300;
+						color: #303030;
+					}
 				}
 			}
 		}
 	}
-}
-</style>
+
+	@mixin flex {
+		display: flex;
+		justify-content: space-between;
+		align-items: center;
+	}
+
+	::v-deep.bill-of-lading-details {
+		width: 100%;
+		height: 100%;
+		margin: 0 auto;
+
+		.top-banner {
+			width: 100%;
+			height: 346rpx;
+			position: fixed;
+		}
+
+		.top-information {
+			width: 94%;
+			margin: 0 auto;
+			height: vww(52);
+			@include flex position: relative;
+			flex-direction: column;
+			justify-content: space-between;
+			align-items: flex-start;
+			top: vww(25);
+			color: #ffffff;
+			font-size: 31rpx;
+			font-weight: 300;
+
+
+			.cutomer-name {
+				width: 100%;
+				white-space: nowrap;
+				overflow: hidden;
+				text-overflow: ellipsis;
+			}
+
+			.fild-name {
+				@include flex;
+				justify-content: space-between;
+				width: 100%;
+
+				view {
+					min-width: 296rpx;
+					white-space: nowrap;
+					overflow: hidden;
+					text-overflow: ellipsis;
+				}
+			}
+		}
+
+		.block-information {
+			width: 690rpx;
+			height: 100%;
+			min-height: 420rpx;
+			margin: vww(40) auto;
+			background: #ffffff;
+			box-shadow: 4rpx 6rpx 51rpx 0rpx rgba(73, 120, 240, 0.11);
+			border-radius: 20rpx;
+			position: relative;
+			font-size: 30rpx;
+			font-weight: 300;
+			color: #303030;
+			overflow: hidden;
+
+			.block-main {
+				display: grid;
+				grid-template-columns: auto;
+				grid-template-rows: repeat(auto-fit, minmax(40rpx, 1fr));
+				gap: auto 5rpx;
+				width: 94%;
+				height: 100%;
+				min-height: 380rpx;
+				margin: vww(18) vww(7) vww(11) vww(17);
+			}
+
+			.status-button {
+				width: vww(71);
+				height: vww(36);
+				text-align: center;
+				line-height: vww(33);
+				font-size: 28rpx;
+				font-weight: 300;
+				position: absolute;
+				right: vww(10);
+				color: #fff;
+			}
+
+			.basic {
+				width: 100%;
+				height: vww(15);
+				@include flex;
+				justify-content: flex-start;
+
+				.coalName,
+				.order-type {
+					width: 370rpx;
+					height: 55rpx;
+					font-size: 30rpx;
+					font-weight: 300;
+					color: #515151;
+					position: relative;
+					overflow: hidden; //婧㈠嚭闅愯棌
+					text-overflow: ellipsis;   //瓒呭嚭閮ㄥ垎鐪佺暐鍙�
+					white-space: nowrap; //涓嶆崲琛�
+				}
+
+				.black-block {
+					width: 2rpx;
+					height: 30rpx;
+					background: #515151;
+					position: relative;
+					top: vww(2);
+				}
+			}
+
+			.time {
+				width: 35%;
+				height: vww(12);
+				display: flex;
+				justify-content: flex-start;
+
+				.send-date {
+					width: 148rpx;
+					height: 24rpx;
+					margin-left: vww(14);
+					font-size: 28rpx;
+					font-weight: 300;
+					color: #515151;
+				}
+			}
+
+			.coal-code,
+			.order-code {
+				width: 100%;
+				height: 24rpx;
+				font-size: 28rpx;
+				font-weight: 300;
+				color: #7d7d7d;
+			}
+
+
+		}
+
+		// 绉伴噸鍘嗗彶
+		.weigh-history {
+			@extend .block-information;
+
+			.block-main {
+				@extend .block-main;
+				gap: 10rpx 20rpx;
+
+				.weigh-item {
+					width: 100%;
+					height: vww(80);
+					@include flex;
+					flex-direction: column;
+					justify-content: space-around;
+					align-items: flex-start;
+
+					.item-block {
+						width: 100%;
+						height: vww(36);
+						@include flex;
+						justify-content: space-around;
+
+						.item {
+							min-width: vww(50);
+							height: vww(45);
+							font-size: 21rpx;
+							font-weight: 400;
+							color: #ffffff;
+							text-align: center;
+							line-height: vww(30);
+							@include flex;
+
+							.concrete {
+								width: vww(36);
+								height: vww(36);
+							}
+
+							.num {
+								font-size: 40rpx;
+								font-weight: 300;
+								color: #303030;
+							}
+						}
+					}
+				}
+			}
+		}
+
+		// 鏃堕棿绾�
+		.timeLine {
+			height: 300rpx;
+			min-height: 300rpx;
+			margin: vww(20);
+			position: relative;
+			// top: vww(120);
+			overflow-y: overlay;
+			padding: vww(20);
+
+			.u-steps {
+				.u-steps-item {
+					padding-bottom: vww(35);
+
+					.u-steps-item__wrapper {
+						.u-steps-item__wrapper__dot {
+							background: linear-gradient(-29deg, #426cff 0%, #7991ff 100%);
+							box-shadow: 2rpx 7rpx 10rpx 0rpx rgba(172, 172, 172, 0.64);
+						}
+					}
+
+					.u-steps-item__line {
+						height: vww(52) !important;
+						background: #e9e6ea !important;
+					}
+				}
+			}
+		}
+
+		.white-block {
+			width: 100%;
+			height: vww(20);
+			background-color: #fff;
+		}
+
+		.utilsBox {
+			width: 94%;
+			margin: 0 auto;
+			position: relative;
+			// top: vww(80);
+
+			.utils_chil {
+				width: 100%;
+				margin: 0 auto;
+
+				.top-button,
+				.bottom-button {
+					width: 100%;
+					height: vww(47);
+					@include flex;
+
+					.u-button {
+						width: 40%;
+						height: 60rpx;
+						font-size: 28rpx;
+						font-weight: 300;
+						color: #497bfb;
+						border: 2px solid #3b56eb;
+					}
+				}
+			}
+		}
+
+		.weigh-ability {
+			width: 631rpx;
+			height: vww(100);
+			margin: vww(20) auto;
+			margin-bottom: vww(10);
+			@include flex;
+			flex-direction: column;
+
+			.weigh-button {
+				width: 631rpx;
+				height: vww(89);
+
+				.u-button {
+					font-size: 28rpx;
+					font-weight: 300;
+					color: #ffffff;
+					background: #497bfb;
+					letter-spacing: 4rpx;
+					border-radius: 37rpx 37rpx 37rpx 37rpx;
+					box-shadow: 2rpx 3rpx 13rpx 0rpx rgba(43, 98, 239, 0.5), 0rpx 0rpx 9rpx 0rpx rgba(247, 250, 253, 0.29);
+				}
+			}
+		}
+	}
+</style>
\ No newline at end of file

--
Gitblit v1.9.1