From e40cf023cdc19d3bdea6cfb5d74cca65cd7b9679 Mon Sep 17 00:00:00 2001
From: 819527061@qq.com <123456>
Date: 星期二, 09 七月 2024 17:09:10 +0800
Subject: [PATCH] feature:细节

---
 pages/driver-page/driver-index/bill-of-lading-details/bill-of-lading-details.vue | 1315 +++++++++++++++++++++++++++++++++++++++++++----------------
 1 files changed, 954 insertions(+), 361 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 f1d9e15..d18ad56 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,405 +1,998 @@
 <template>
 	<view class="bill-of-lading-details">
-		<view class="bangDanMessage">
-			<view class="">
-				<text>瀹㈡埛锛歿{ coalDetailsData.customerName || '' }}</text>
-				<text>鐭垮巶锛歿{ coalDetailsData.deptName || '' }}</text>
-			</view>
-			<view class="">
-				<text>鐨噸锛歿{ coalDetailsData.skin || '' }}</text>
-				<text>姣涢噸锛歿{ coalDetailsData.hair || '' }}</text>
-				<text>鍑�閲嶏細{{ coalDetailsData.clean || '' }}</text>
-			</view>
-			<view class="">
-				<text>纾呭崟绫诲瀷锛歿{ coalDetailsData.orderTye || '' }}</text>
-				<text>鐘舵�侊細{{ coalStatus[coalDetailsData.status] }}</text>
-			</view>
-			<view class="">
-				<text>鐓ゅ満锛歿{ coalDetailsData.filedName || '' }}</text>
-				<text>鍙戣繍鏃堕棿锛歿{ coalDetailsData.sendDate || '' }}</text>
-				<text>鎻愮叅鍗曠紪鍙凤細{{ coalDetailsData.code || '' }}</text>
-				<text>璁㈠崟缂栧彿锛歿{ coalDetailsData.orderCode || '' }}</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="timeLine" style="font-size: 16rpx;">
-			<u--text type="primary" size="30" plain v-for="(item, index) in dayRZ" :key="index" :text="item.taskStatusDes"></u--text>
+		<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 @click="evacuation" throttleTime="500"></u-button>
-				<u-button text="鍛煎彨瀹㈡湇" type="primary" plain @click="callCustomerService"></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  != 3) || !printNum"></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 && noCarNo != 1">
+<!--		<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="weigh-ability" v-if="noCarNo == 1">
+      <view class="weigh-button"><u-button
+          :disabled="!isapproach"
+          text="鐢宠璁¢噺"
+          @click="shenqingjiliangClick"
+          type="primary"
+          shape="circle"></u-button></view>
+
+    </view>
 		<view class="evacuationModal">
-			<u-modal
-				:show="evacuationModalShow"
+			<u-modal :show="evacuationModalShow"
 				:title="evacuationTitle"
 				:content="evacuationContent"
 				:showCancelButton="true"
 				@confirm="evacuationConfirm"
-				@cancel="evacuationCancel"
-			></u-modal>
+				@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 class="serviece-customer">
+			<u-action-sheet :actions="hujiaolist"
+				@select="selectClickhujiao"
+				@close='serviceClose'
+				title="鍛煎彨鏂瑰紡"
+				:show="servieceShow"
+				cancelText="鍙栨秷"></u-action-sheet>
+		</view>
+<!--  纾呮埧鍒楄〃  -->
+    <u-action-sheet
+        :actions="bangfangList"
+        title="閫夋嫨纾呮埧"
+        :closeOnClickAction="true"
+        :closeOnClickOverlay="true"
+        @select="bangfangSelectClick"
+        :show="bangfangListShow"
+        @close="bangfangSheetClose"></u-action-sheet>
 	</view>
 </template>
 
 <script>
-let socket = null;
-import { webSocketUrl } from '@/api/request.js';
-export default {
-	onLoad(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;
-		}
-		// wx.startRecord();
-	},
-	data() {
-		return {
-			orderPlanId: null,
-			yyId: null,
-			dayRZ: [],
-			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: 30
+			if (value.overTmWaixiao) {
+				this.overTmWaixiao = value.overTmWaixiao
+				this.getWeightHouseObj.overTmWaixiao = value.overTmWaixiao
 			}
-		};
-	},
-	onShow() {
-		this.init();
-	},
-	computed: {
-		name() {
-			return uni.getStorageSync('name');
 		},
-		openid() {
-			return uni.getStorageSync('openid');
-		}
-	},
-	methods: {
-		init() {
-			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('鑾峰彇瀹㈡湇淇℃伅澶辫触');
-				} else {
-					if (res.data.length > 0) {
-						this.serviceInfoObj.openId = res.data[0].openId;
-						this.serviceInfoObj.openName = res.data[0].openName;
-						uni.setStorageSync('customeropenId', this.serviceInfoObj.openId);
-						uni.setStorageSync('customerName', this.serviceInfoObj.openName);
-					}
+		data() {
+			return {
+				orderPlanId: null,
+				yyId: null,
+				show:false,
+				hujiaolist: [{ name: '鎵嬫満鍙�', subname: '1213456', id: 1 }, { name: '寰俊璇煶', id: 2 }], //鍛煎彨瀹㈡湇閫夐」
+				servieceShow: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: '',
+					serviecePhone: ''
+				},
+				coalStatus: ['鏈О閲�', '绉伴噸涓�', '楠岃川涓�', '绉伴噸瀹屾垚', '璐ㄦ瀹屾垚'], // 鐘舵�乕0,1,3,4]
+				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,
+        bangfangListShow: false,
+        bangfangList: [],
+        noCarNo:0,  //鏄惁鏈夎溅鐗屽彿(鏈夎溅鐗�0锛屾棤杞︾墝1)
+			};
 		},
-		// 鑾峰彇鎻愮叅鍗曡鎯�
-		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;
-					// 鑾峰彇鍏ュ満鐢宠鎿嶄綔鍚庣殑棰勭害鍒楄〃鐨勫弬鏁�
-					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.status;
-				}
-			});
+		onShow() {
+			this.init();
 		},
-		// 鏃ュ織鏌ヨ
-		coalDayPage() {
-			this.$reqGet('coalDayPage', { id: this.orderPlanId }).then(res => {
-				if (res.code == 0) {
-					this.dayRZ = res.data;
-				}
-			});
+		onHide() {
+			clearInterval(this.interval);
 		},
-		// 灞曠ず鎻愮叅鍗曡鎯�
-		showCaolPickUpBill() {
-			uni.navigateTo({
-				url: `/pages/driver-page/driver-index/bill-of-lading-details/coal-pick-up-bill/coal-pick-up-bill?orderPlanId=${this.orderPlanId}`
-			});
+		beforeDestroy() {
+			clearInterval(this.interval);
 		},
-		// 绛惧埌
-		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}`
-			});
+		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;
+			},
+			//鍒ゆ柇鎵撳嵃鍗曟鏁�
+			printNum(){
+				return this.coalDetailsData.printTimes2 <= this.coalDetailsData.tmTaskCoalItems?.length
+			}
 		},
-		// 鍏ュ満鐢宠
-		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') }, // 杩欓噷鐨刼penid鏄痜yy鐨勶紝鍏呭綋鍥哄畾鐨勫鏈峯penid
-							backgroundType: 2,
-							roomType: 'voice',
-							success() {
-								console.log('涓�瀵逛竴鎴愬姛');
-							},
-							fail(err) {
-								console.log('涓�瀵逛竴澶辫触', err);
+		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 }
 							}
 						});
 					}
-				},
-				fail() {
-					console.log('鑾峰彇澶辫触');
-				}
-			});
-		},
-		calling() {
-			// wx.join1v1Chat({
-			// 	caller: { nickname: this.name, openid: this.openid }, //oZjXk5RRmbroAfl1m5aZ6hRNvqh4
-			// 	listener: { nickname: this.serviceInfoObj.openName, openid: 'orutI5YT0yEvARVngdsTmBpisWmw' }, // 杩欓噷鐨刼penid鏄痜yy鐨勶紝鍏呭綋鍥哄畾鐨勫鏈峯penid
-			// 	backgroundType: 2,
-			// 	roomType: 'voice'
-			// });
-		},
-		// 绉伴噸
-		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.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}`
-					});
-				} else {
-					this.$u.toast('鏈湪纾呮埧锛岃鍓嶅線纾呮埧鍚庡啀璇曪紒锛�');
-				}
-			});
-		},
-		/**
-		 * 鍒濆鍖� weoSocket
-		 */
-		initWebSocket() {
-			let wsUrl = `${webSocketUrl}?access_token=${uni.getStorageSync('token')}`;
-			socket = uni.connectSocket({
-				url: wsUrl,
-				header: {
-					CLIENT_TOC: 'Y'
-				},
-				complete: res => {
-					console.log(res, 'socket缁撴灉');
-				}
-			});
-			socket.onOpen(() => {
-				console.log('onOpen');
-			});
-			// 鑾峰彇鏈嶅姟鍣ㄤ紶鏉ョ殑鏁版嵁锛屽仛鐩稿簲澶勭悊
-			socket.onMessage(res => {
-				console.log('socketWeigh', res);
-				let nowWeighObj = JSON.parse(res.data.slice(7));
-				if (nowWeighObj.eqCode == this.weighHouseCode) {
-					if (nowWeighObj.eqInfraredStatus) {
-						this.weighData.weigh = nowWeighObj.weigh;
+				});
+         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.weighData.weigh = nowWeighObj.weigh;
+						this.serviceInfoObj.openId = res.data.openId;
+						this.serviceInfoObj.openName = res.data.openName;
+						this.serviceInfoObj.serviecePhone = res.data.serviecePhone
+						this.$set(this.hujiaolist[0], 'subname', this.serviceInfoObj.serviecePhone)
+						uni.setStorageSync('customeropenId', this.serviceInfoObj.openId);
+						uni.setStorageSync('customerName', this.serviceInfoObj.openName);
 					}
-				}
-			});
-			socket.onClose(() => {
-				console.log('webSocketClose');
-				this.$u.toast('纾呮埧涓柇');
-			});
-			socket.onError(err => {
-				console.log('socket鎶ラ敊', err);
-				this.$u.toast('鍑虹幇閿欒锛岃閲嶆柊杩涘叆璇ラ〉闈紝閲嶈瘯锛侊紒');
-			});
-		},
-		// 鏀剧┖
-		evacuation() {
-			this.evacuationModalShow = true;
-		},
-		// 鏀剧┖寮圭獥纭
-		evacuationConfirm() {
-			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;
+				});
+			},
+			// 鑾峰彇閫氱煡鍗曡鎯�
+			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.noCarNo = res.data.noCarNo
+                // 鍒ゆ柇鏄惁瀹屾垚澶栭攢璁㈠崟
+						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}
+						})
+            this.getPoundRoomByList()
+					} 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 {
-					this.$u.toast('鏀剧┖澶辫触锛岃绋嶅悗閲嶈瘯');
-					this.evacuationModalShow = false;
+					clearInterval(this.interval)
+					this.$u.toast('鏈嶅姟鍣ㄩ敊璇�,璇风◢鍚庨噸璇�')
 				}
-			});
-		},
-		// 鏀剧┖寮圭獥鍙栨秷
-		evacuationCancel() {
-			this.evacuationModalShow = false;
+			},
+			// 灞曠ず閫氱煡鍗曡鎯�
+			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('鑾峰彇澶辫触');
+				// 	}
+				// });
+					this.servieceShow = true
+			},
+			serviceClose() {
+				this.servieceShow = false
+			},
+			selectClickhujiao(v){
+				console.log(v,'vvvv')
+				if (v.id === 2) {
+					this.callCustomerServiceImpl()
+				} else if (v.id === 1) {
+					console.log(this.serviceInfoObj,'w123456+')
+					wx.makePhoneCall({
+						phoneNumber: this.serviceInfoObj.serviecePhone
+					})
+				}
+			},
+			callCustomerServiceImpl(){
+				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('username'),
+									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(res.msg ? res.msg : '鏈湪纾呮埧锛岃鍓嶅線纾呮埧鍚庡啀璇曪紒锛�');
+					}
+				});
+			},
+      //鐢宠璁¢噺
+      shenqingjiliangClick() {
+        this.bangfangListShow = true
+      },
+      bangfangSelectClick(val) {  //閫変腑纾呮埧(鍙告満閫夋嫨纾呮埧)
+        console.log(val,'id----')
+        this.$reqPost('applyWeight',{tmId:this.getWeightHouseObj.tmId,houseId:val.id},'params').then(res => {
+          console.log(res,'閫夋嫨纾呮埧====')
+          if(res.code == 0) {
+            uni.navigateTo({
+              url: `/pages/driver-page/driver-index/bill-of-lading-details/nocarNoWeighingDevice/nocarNoWeighingDevice?tmId=${this.getWeightHouseObj.tmId}&houseId=${val?.id}&weighHouseCode=${val?.code}`
+            })
+          }else {
+            this.$u.toast(res.msg);
+          }
+        })
+
+      },
+      bangfangSheetClose() {
+         this.bangfangListShow = false
+      },
+      getPoundRoomByList() {
+        console.log(this.getWeightHouseObj.tmId,'this.getWeightHouseObj.tmId===')
+        this.$reqGet('getPoundRoomByList',{tmId:this.getWeightHouseObj.tmId}).then(res => {
+          console.log(res,'res')
+          if(res.data) {
+            this.bangfangList = res.data
+          }
+        })
+      },
+
+			// 鏀剧┖
+			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 ? 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;
+			},
+      onPullDownRefresh() {  //涓嬫媺鍒锋柊
+        setTimeout(() => {
+          this.getTakeCoal(() => {  //鑾峰彇閫氱煡鍗曡鎯�
+            uni.stopPullDownRefresh()
+          })
+        },1000)
+      }
 		}
-	}
-};
+	};
 </script>
 
-<style lang="scss" scoped>
-::v-deep.bill-of-lading-details {
-	width: 100%;
-	height: 100vh;
-	margin: 0 auto;
-	display: flex;
-	flex-direction: column;
-	.bangDanMessage {
-		padding: vww(10);
-		border: vww(2) solid #dddddd;
-		border-radius: vww(20);
-		margin: vww(20);
-		margin-bottom: vww(10);
-		height: 40%;
-		font-size: vww(18);
-		font-weight: 600;
-		view {
-			margin-bottom: vww(10);
-		}
-		view:nth-of-type(1) {
-			display: flex;
-			text {
-				width: 50%;
-				text-align: center;
-			}
-		}
-		view:nth-of-type(2) {
-			display: flex;
-			text {
-				width: 33%;
-				text-align: center;
-			}
-		}
-		view:nth-of-type(3) {
-			display: flex;
-			text {
-				width: 50%;
-				text-align: center;
-			}
-		}
-		view:nth-of-type(4) {
-			display: flex;
-			flex-direction: column;
-			text {
-				margin-bottom: vww(10);
-				text-align: center;
-			}
-		}
+<style lang="scss"
+	scoped>
+	.weighing-item{
+		min-height: 200rpx!important;
 	}
-	.timeLine {
-		height: 25%;
-		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(10) 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;
+					}
 				}
 			}
 		}
 	}
-}
+
+	@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: 400rpx;
+			margin: vww(40) auto 0rpx;
+			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: 360rpx;
+				margin: vww(18) vww(7) vww(8) 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: 100%;
+				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 {
+			.block-main {
+				.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;
+			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);
+				}
+			}
+		}
+	}
+  ::v-deep{
+    .u-action-sheet{
+      max-height: 900rpx;
+      overflow-y: auto;
+    }
+    .u-action-sheet__item-wrap__item{
+      padding: 10px 15px!important;
+    }
+  }
 </style>

--
Gitblit v1.9.1