From cbfc1953c7e7333dbcb1e43fff15433ed24fc543 Mon Sep 17 00:00:00 2001
From: qingyiay <2386314947@qq.com>
Date: 星期日, 08 十月 2023 17:28:32 +0800
Subject: [PATCH] 修正打印入门证接口错误 增加装卸员页面详情信息

---
 pages/driver-page/driver-index/bill-of-lading-details/bill-of-lading-details.vue | 1617 +++++++++++++++++++++++++++++++++++++++++++----------------
 1 files changed, 1,168 insertions(+), 449 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 633f96d..f7db267 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,481 +1,914 @@
 <template>
 	<view class="bill-of-lading-details">
-		<view class="top-banner" style="background: url('https://mx.jzeg.cn:9095/appimg/image/banner/loadingbanner.png') no-repeat;background-size: cover;">
+		<view class="top-banner"
+			style="background: url('https://mx.jzeg.cn:9095/appimg/image/banner/loadingbanner.png') no-repeat;background-size: cover;">
+			<u-notice-bar :text="originInfoNotice"
+				v-if="originInfoVisible"
+				fontSize='36'></u-notice-bar>
 			<view class="top-information">
-				<view class="cutomer-name">瀹㈡埛:{{ coalDetailsData.customerName || '' }}</view>
+				<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="">鐓ゅ満:{{ coalDetailsData.filedName || '' }}</view>
+					<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">{{ coalDetailsData.coalName }}</view>
-						<view class="black-block"></view>
-						<view class="order-type">{{ coalDetailsData.orderType }}</view>
-						<view
-							class="status-button"
+						<view class="status-button"
 							style="background: url('https://mx.jzeg.cn:9095/appimg/image/banner/statusbutton.png') no-repeat;
-										background-size: cover;"
-						>
-							{{ coalStatus[coalDetailsData.status] }}
+										background-size: cover;">
+							{{coalStatus[correctStatus]||''}}
 						</view>
 					</view>
 					<view class="time">
-						<view class="time-icon"><u-icon name="clock" color="#515151" size="40"></u-icon></view>
+						<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">鎻愮叅鍗曠紪鐮亄{ coalDetailsData.code || '' }}</view>
-					<view class="order-code">璁㈠崟缂栧彿:{{ coalDetailsData.orderCode || '' }}</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="weigh-item">
 						<view class="item">
-							<view class="concrete" style="background: url('https://mx.jzeg.cn:9095/appimg/image/banner/skin.png') no-repeat;background-size: cover;">鐨�</view>
-							<view class="num">{{ coalDetailsData.skin }}</view>
+							<view class="concrete"
+								style="background: url('https://mx.jzeg.cn:9095/appimg/image/banner/skin.png') no-repeat;background-size: cover;">
+								鐨�</view>
+							<view class="num">{{ coalDetailsData.skin||"" }}</view>
 						</view>
 						<view class="item">
-							<view class="concrete" style="background: url('https://mx.jzeg.cn:9095/appimg/image/banner/hair.png') no-repeat;background-size: cover;">姣�</view>
-							<view class="num">{{ coalDetailsData.hair }}</view>
+							<view class="concrete"
+								style="background: url('https://mx.jzeg.cn:9095/appimg/image/banner/hair.png') no-repeat;background-size: cover;">
+								姣�</view>
+							<view class="num">{{ coalDetailsData.hair||""  }}</view>
 						</view>
 						<view class="item">
-							<view class="concrete" style="background: url('https://mx.jzeg.cn:9095/appimg/image/banner/clean.png') no-repeat;background-size: cover;">鍑�</view>
-							<view class="num">{{ coalDetailsData.clean }}</view>
+							<view class="concrete"
+								style="background: url('https://mx.jzeg.cn:9095/appimg/image/banner/clean.png') no-repeat;background-size: cover;">
+								鍑�</view>
+							<view class="num">{{ coalDetailsData.clean||""  }}</view>
 						</view>
 					</view>
 				</view>
 			</view>
 		</view>
-
+		<view class="origin-info"
+			v-if="originInfoVisible">
+			<view class="origin-info_wrapper">
+				<view class="origin-info_content">
+					<view class="first-line"><combined-title title="鍘熷彂淇℃伅"></combined-title></view>
+					<u-form :model="originInfoForm"
+						:rules="rules"
+						label-position="top"
+						label-width="160"
+						:label-style="{'marginLeft':'9px'}"
+						ref="originInfoRef">
+						<u-form-item prop="coalContactSkin">
+							<view class="second-line">
+								<view class="label-text"
+									:class="{ focusClass: isfocus1 }"><text style="color: #f56c6c;">*</text>鐨噸</view>
+								<view class="input-container"
+									:class="{ inputClass: isfocus1, disabledClass: isModifyoriginInfo }">
+									<u--input placeholder="璇疯緭鍏ョ毊閲�"
+										border="surround"
+										v-model="originInfoForm.coalContactSkin"
+										@focus="inputFocus(1)"
+										@blur="inputBlur"
+										@change="inputChange"
+										:disabled="isModifyoriginInfo"></u--input>
+								</view>
+								<view class="unit"
+									:class="{ focusClass: isfocus1 }">鍚�</view>
+							</view>
+						</u-form-item>
+						<u-form-item prop="coalContactHair">
+							<view class="second-line">
+								<view class="label-text"
+									:class="{ focusClass: isfocus2 }"><text style="color: #f56c6c;">*</text>姣涢噸</view>
+								<view class="input-container"
+									:class="{ inputClass: isfocus2, disabledClass: isModifyoriginInfo }">
+									<u--input placeholder="璇疯緭鍏ユ瘺閲�"
+										border="surround"
+										v-model="originInfoForm.coalContactHair"
+										@focus="inputFocus(2)"
+										@blur="inputBlur"
+										@change="inputChange"
+										:disabled="isModifyoriginInfo"></u--input>
+								</view>
+								<view class="unit"
+									:class="{ focusClass: isfocus2 }">鍚�</view>
+							</view>
+						</u-form-item>
+						<u-form-item>
+							<view class="second-line">
+								<view class="label-text"><text style="color: #f56c6c;">*</text>鍑�閲�</view>
+								<view class="input-container"
+									:class="{ disabledClass: isModifyoriginInfo }">
+									<u--input placeholder="鍑�閲�"
+										border="surround"
+										v-model="coalContactClean"
+										:disabled="isModifyoriginInfo"></u--input>
+								</view>
+								<view class="unit">鍚�</view>
+							</view>
+						</u-form-item>
+						<u-form-item prop='contactPicture'>
+							<view class="label-text">
+								<text style="color: #f56c6c;">*</text>鍘熷彂纾呭崟
+							</view>
+							<u-upload :fileList="fileList1"
+								@afterRead="afterRead"
+								@delete="deletePic"
+								name="1"
+								multiple
+								:maxCount="2"
+								width="250"
+								height="150"
+								:previewFullImage="true"
+								:disabled="isModifyoriginInfo"
+								:deletable="!deletable"></u-upload>
+						</u-form-item>
+					</u-form>
+					<view class="submit-button">
+						<u-button text="鎻愪氦"
+							type="primary"
+							@click.stop="submitOriginInfo"
+							:disabled="isModifyoriginInfo"></u-button>
+					</view>
+				</view>
+			</view>
+		</view>
 		<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 :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">
 				<view class="top-button">
-					<u-button text="绛惧埌" type="primary" plain @click="arriveClick" shape="circle"></u-button>
-					<u-button text="鍏ュ満鐢宠" type="primary" plain @click="rcsqClick" shape="circle"></u-button>
+					<u-button text="绛惧埌"
+						type="primary"
+						plain
+						@click="arriveClick"
+						shape="circle"
+						:disabled="coalDetailsData.status >= 2"></u-button>
+					<u-button text="鍏ュ満鐢宠"
+						type="primary"
+						plain
+						@click="rcsqClick"
+						shape="circle"
+						:disabled="correctStatus>= 3"></u-button>
 				</view>
 				<view class="bottom-button">
-					<u-button text="鏀剧┖" type="primary" plain @click="evacuation" throttleTime="500" shape="circle"></u-button>
-					<u-button text="鍛煎彨瀹㈡湇" type="primary" plain @click="callCustomerService" shape="circle"></u-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>
 		<view class="weigh-ability">
-			<view class="weigh-button"><u-button text="灞曠ず鎻愮叅鍗�" @click="showCaolPickUpBill" type="primary" shape="circle"></u-button></view>
-			<view class="weigh-button"><u-button text="涓婄璁¢噺" @click="cengZhongClick" type="primary" shape="circle"></u-button></view>
+			<view class="weigh-button"
+				v-show='ablePrintInduction'>
+				<u-button text="鎵撳嵃鍏ラ棬璇�"
+					@click="printEntryCertificate"
+					type="primary"
+					shape="circle"
+					:loading="enterLoading"
+					loadingText="鎵撳嵃涓�,璇风◢鍊�"></u-button>
+			</view>
+			<view class="weigh-button"
+				v-show="ablePrintOut">
+				<u-button text="鎵撳嵃鍑洪棬璇�"
+					@click="printExitPermit"
+					type="primary"
+					shape="circle"
+					:loading="outLoading"
+					loadingText="鎵撳嵃涓�,璇风◢鍊�"></u-button>
+			</view>
+			<view class="weigh-button"><u-button text="灞曠ず鎻愮叅鍗�"
+					@click="showCaolPickUpBill"
+					type="primary"
+					shape="circle"></u-button></view>
+			<view class="weigh-button"><u-button text="涓婄璁¢噺"
+					@click="cengZhongClick"
+					type="primary"
+					shape="circle"
+					:disabled="haveInputOrigin"></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>
+		<view class="serviece-customer">
+			<u-action-sheet :actions="list"
+				@select="selectClick"
+				@close='serviceClose'
+				title="鍛煎彨鏂瑰紡"
+				:show="servieceShow"
+				cancelText="鍙栨秷"></u-action-sheet>
+		</view>
+		<!-- 纾呮埧蹇欑鎻愮ず寮圭獥 -->
+		<view class="">
+			<u-modal :show="wsgShow"
+				title="鎻愮ず"
+				:content="wsgContent"
+				@confirm="wsgContentConfirm"></u-modal>
 		</view>
 	</view>
 </template>
 
 <script>
-import { webSocketUrl } from '@/api/request.js';
-import { mapState, mapMutations } from 'vuex';
-export default {
-	onLoad(value) {
-		if (value.orderPlanId && value.yyId) {
+	import { webSocketUrl } from '@/api/request.js';
+	import { BaseUrl } from '@/api/publicInterface.js';
+	import { mapState, mapMutations } from 'vuex';
+	import combinedTitle from '@/components/combined-title/combined-title.vue';
+	import BigNumber from "bignumber.js"
+	const dayjs = require('dayjs')
+	export default {
+		components: {
+			combinedTitle
+		},
+		onPullDownRefresh() {
+			this.getTakeCoal(); //鑾峰彇鎻愮叅鍗曡鎯�
+			uni.stopPullDownRefresh();
+		},
+		onLoad(value) {
 			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: 0,
-				sceneInOut: ''
-			},
-			// 鍘熷彂淇℃伅
-			primarySkin: null,
-			primaryHair: null,
-			primaryClean: null,
-			scrollTop: 0
-		};
-	},
-	onShow() {
-		this.init();
-	},
-	computed: {
-		...mapState(['globalweigh', 'globalinfraredStatus']),
-		name() {
-			return uni.getStorageSync('name');
-		},
-		openid() {
-			return uni.getStorageSync('openid');
-		}
-	},
-	methods: {
-		init() {
-			this.coalDayPage(); //鑾峰彇鏃ュ織
-			this.getTakeCoal(); //鑾峰彇鎻愮叅鍗曡鎯�
+			this.originInfoVisible = value.orderType === '澶栬喘'
+			if (value.overTmWaixiao) {
+				this.overTmWaixiao = value.overTmWaixiao
+				this.getWeightHouseObj.overTmWaixiao = value.overTmWaixiao
+			}
+			this.fileList1 = []
+			this.changeglobalIsFirstWeighing(1)
+			if (this.globalIsFirstWeighing === 1) {
+				console.log('鑾峰彇璇︽儏 onload');
+				this.getTakeCoal(); //鑾峰彇鎻愮叅鍗曡鎯�
+			}
+			this.init(); //鑾峰彇鏃ュ織
 			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);
-					}
+		onShow() {
+			this.coalDayPage(); //鑾峰彇鏃ュ織 瀹氭椂浠诲姟
+			if (this.globalIsFirstWeighing === 2) {
+				console.log('鑾峰彇璇︽儏 onShow');
+				this.getTakeCoal(); //鑾峰彇鎻愮叅鍗曡鎯�
+			}
+		},
+		onHide() {
+			clearInterval(this.interval);
+		},
+		onReady() {
+			if (this.originInfoVisible) {
+				this.$refs.originInfoRef.setRules(this.rules);
+			}
+		},
+		beforeDestroy() {
+			clearInterval(this.interval);
+		},
+		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: '',
+					serviecePhone: ''
+				},
+				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,
+				overTmWaixiao: null,
+				list: [{ name: '鎵嬫満鍙�', subname: '1213456', id: 1 }, { name: '寰俊璇煶', id: 2 }], //鍛煎彨瀹㈡湇閫夐」
+				servieceShow: false,
+				ablePrintInduction: false, //鍏ラ棬璇佹槸鍚︽樉绀�
+				ablePrintOut: false, //鍑洪棬璇佹槸鍚︽樉绀�
+				enterLoading: false, //鍏ラ棬鎸夐挳loading
+				outLoading: false, //鍑洪棬鎸夐挳loading
+				// 鏄惁濉啓鍘熷彂淇℃伅
+				isInputOrigin: false,
+				haveInputOrigin: false,
+				isModifyoriginInfo: false,
+				// 鑱氱劍鏃舵敼鍙樻牱寮�
+				isfocus1: false,
+				isfocus2: false,
+				// 杈撳叆鐨勫師鍙戜俊鎭�
+				originInfoForm: {
+					coalContactSkin: '',
+					coalContactHair: '',
+					coalContactClean: 0,
+					contactPicture: ''
+				},
+				originInfoVisible: false,
+				fileList1: [], //鍥剧墖鍒楄〃
+				deletable: true,
+				rules: {},
+				timeout: '0',
+				wsgShow: false,
+				timeLineStatus: null,
+				originInfoNotice: '濉啓鍘熷彂淇℃伅鍚庡彲涓婄璁¢噺'
+			};
+		},
+		watch: {
+			'$store.state.wsgVisiable': {
+				deep: true,
+				handler: function(val) {
+					this.wsgShow = val
 				}
-			});
+			}
 		},
-		// 鑾峰彇鎻愮叅鍗曡鎯�
-		getTakeCoal() {
-			this.$reqGet('getTakeCoal', { takeCoalId: this.orderPlanId }).then(res => {
-				if (res.code == 0) {
-					console.log(res, '鎻愮叅鍗曡鎯�');
-					this.coalDetailsData = res.data;
-					// 鑾峰彇鎵�鍦ㄧ鎴垮弬鏁拌祴鍊�
-					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;
-					// 鑾峰彇鍘熷彂淇℃伅
-					this.primarySkin = this.coalDetailsData.skinTwo;
-					this.primaryHair = this.coalDetailsData.hairTwo;
-					this.primaryClean = this.coalDetailsData.cleanTwo;
-				}
-			});
+		computed: {
+			...mapState(['globalweigh', 'globalinfraredStatus', 'wsgVisiable', 'wsgContent', 'globalIsFirstWeighing']),
+			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.correctStatus !== 3
+			},
+			coalContactClean() {
+				let xx = BigNumber(this.originInfoForm.coalContactHair ? this.originInfoForm.coalContactHair : 0)
+				let yy = BigNumber(this.originInfoForm.coalContactSkin ? this.originInfoForm.coalContactSkin : 0)
+				return xx.minus(yy).toNumber().toFixed(2) || ''
+			},
+			currentTime() {
+				let currentDate = new Date();
+				let year = currentDate.getFullYear();
+				let month = ("0" + (currentDate.getMonth() + 1)).slice(-2);
+				let date = ("0" + currentDate.getDate()).slice(-2);
+				let hours = ("0" + currentDate.getHours()).slice(-2);
+				let minutes = ("0" + currentDate.getMinutes()).slice(-2);
+				let formattedDate = year + "-" + month + "-" + date + " " + hours + ":" + minutes;
+				return formattedDate
+			},
+			correctStatus() {
+				return this.currentPageCoalStatus === this.timeLineStatus ? this.currentPageCoalStatus : this
+					.timeLineStatus
+			}
 		},
-		// 鏃ュ織鏌ヨ
-		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}&coalStatus=${
-					this.currentPageCoalStatus
-				}&tmId=${this.getWeightHouseObj.tmId}`
-			});
-		},
-		// 鍏ュ満鐢宠
-		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: {
+			...mapMutations(['changewsgVisiable', 'changeisUploadimg', 'changeglobalIsFirstWeighing']),
+			init() {
+				this.$reqGet('coalDayPage', { id: this.orderPlanId, timeout: this.timeout }).then(res => {
+					if (res.code == 0) {
+						this.timeLineStatus = res.data[0].taskStatus
+						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('鑾峰彇澶辫触');
+				});
+			},
+			// 鑾峰彇瀹㈡湇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;
+						this.serviceInfoObj.serviecePhone = res.data.serviecePhone
+						this.$set(this.list[0], 'subname', this.serviceInfoObj.serviecePhone)
+						uni.setStorageSync('customeropenId', this.serviceInfoObj.openId);
+						uni.setStorageSync('customerName', this.serviceInfoObj.openName);
+					}
+				})
+			},
+			// 鑾峰彇鎻愮叅鍗曡鎯�
+			getTakeCoal() {
+				uni.showLoading({
+					title: '鍔犺浇涓�'
+				});
+				this.$reqGet('getTakeCoal', { takeCoalId: this.orderPlanId }).then(res => {
+					if (res.code == 0) {
+						uni.hideLoading();
+						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.status;
+						// 鑾峰彇鍘熷彂淇℃伅
+						this.primarySkin = this.coalDetailsData.skinTwo;
+						this.primaryHair = this.coalDetailsData.hairTwo;
+						this.primaryClean = this.coalDetailsData.cleanTwo;
+						// 鍏ラ棬璇� 鍜� 鍑洪棬璇� 鏄惁鏄剧ず
+						this.ablePrintInduction = this.coalDetailsData.hair || this.coalDetailsData.skin
+						this.ablePrintOut = this.coalDetailsData.hair && this.coalDetailsData.skin || this
+							.coalDetailsData.status === 6
+						// 鍘熷彂淇℃伅鍥炴樉浠ュ強鎺у埗鏄惁鍙慨鏀�
+						this.haveInputOrigin = !this.coalDetailsData.skinTwo && this.coalDetailsData.orderType ===
+							'澶栬喘'
+						this.deletable = this.coalDetailsData.status > 3
+						this.originInfoForm.coalContactSkin = this.coalDetailsData.skinTwo;
+						this.originInfoForm.coalContactHair = this.coalDetailsData.hairTwo;
+						this.originInfoForm.contactPicture = this.coalDetailsData.contactPicture
+						if (this.coalDetailsData.contactPicture) {
+							this.fileList1 = this.coalDetailsData.contactPicture.split(',').map(v => {
+								return {
+									url: BaseUrl + v
+								}
+							})
+						} else {
+							this.fileList1 = []
+						}
+
+					} 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, '瀹屾垚澶栭攢璁㈠崟');
+								}
+							})
+						}
+					}
+				}).then(() => {
+					// 鍒ゆ柇褰撳墠鏃堕棿鏄惁瓒呭嚭棰勭害鏃堕棿
+					setTimeout(() => {
+						let endTime = this.coalDetailsData.yuYueSection.slice(0, 10) + ' ' + this
+							.coalDetailsData
+							.yuYueSection.slice(-5);
+						if (dayjs(this.currentTime).isAfter(endTime) && this.coalDetailsData.status <= 1) {
+							this.$u.toast('宸茶秴鍑洪绾︽椂闂�,鍙偣鍑诲叆鍦虹敵璇烽噸鏂板叆鍦�')
+							this.timeout = '1'
+						}
+					}, 1000)
+				})
+			},
+			// 鏃ュ織鏌ヨ
+			coalDayPage() {
+				this.interval = setInterval(() => {
+					this.$reqGet('coalDayPage', { id: this.orderPlanId, timeout: this.timeout }).then(res => {
+						if (res.code == 0) {
+							this.timeLineStatus = res.data[0].taskStatus
+							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 }
+								}
+							});
+						}
+					});
+				}, 5000);
+			},
+			// 灞曠ず鎻愮叅鍗曡鎯�
+			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}`
+				});
+			},
+			// 鍏ュ満鐢宠
+			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() {
+				this.servieceShow = true
+			},
+			serviceClose() {
+				this.servieceShow = false
+			},
+			selectClick(v) {
+				if (v.id === 2) {
+					this.callCustomerServiceImpl()
+				} else if (v.id === 1) {
+					wx.makePhoneCall({
+						phoneNumber: this.serviceInfoObj.serviecePhone
+					})
 				}
-			});
-		},
-		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.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=${
+			},
+			// 鍛煎彨瀹㈡湇
+			callCustomerServiceImpl() {
+				// 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('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.changeglobalIsFirstWeighing(2)
+				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;
+						let form = {
+							sceneId: this.weighData.sceneId,
+							gateCameraId: this.weighData.gateCameraId,
+							equipmentCode: this.weighData.equipmentCode,
+							sceneInOut: this.weighData.sceneInOut,
+						}
+						uni.setStorageSync('WeighHouseForm', JSON.stringify(form))
+						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}`
+						}&primaryHair=${this.primaryHair}&primaryClean=${this.primaryClean}&sceneInOut=${res.data.sceneInOut}&overTmWaixiao=${this.overTmWaixiao}`
+						});
+					} else {
+						this.$u.toast(res.msg ? res.msg : '鏈湪纾呮埧锛岃鍓嶅線纾呮埧鍚庡啀璇曪紒锛�');
+					}
+				});
+			},
+			// 鏀剧┖
+			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
+			},
+			// 鎵撳嵃鍏ラ棬璇�
+			printEntryCertificate() {
+				uni.showLoading({
+					title: '姝e湪鎵撳嵃涓�,璇风◢鍚�'
+				})
+				this.enterLoading = true
+				let form = {
+					deptId: this.getWeightHouseObj.deptId,
+					tmId: this.getWeightHouseObj.tmId,
+					carNo: uni.getStorageSync('carNo'),
+					type: 2,
+					weighingNumber: 1
+				}
+				this.$reqPost('printer', Object.assign(form, JSON.parse(uni.getStorageSync('WeighHouseForm'))),
+					'json').then(
+					res => {
+						uni.hideLoading()
+						this.enterLoading = false
+						console.log(res);
+						if (res.code === 0) {
+							this.$u.toast('鎵撳嵃鎴愬姛')
+						} else {
+							this.$u.toast(res.msg ? res.msg : '鎵撳嵃澶辫触')
+						}
+					})
+			},
+			// 鎵撳嵃鍑洪棬璇�
+			printExitPermit() {
+				uni.showLoading({
+					title: '姝e湪鎵撳嵃涓�,璇风◢鍚�'
+				})
+				let form = {
+					deptId: this.getWeightHouseObj.deptId,
+					tmId: this.getWeightHouseObj.tmId,
+					carNo: uni.getStorageSync('carNo'),
+					type: 3,
+					weighingNumber: 2
+				}
+				this.outLoading = true
+				this.$reqPost('printer', Object.assign(form, JSON.parse(uni.getStorageSync('WeighHouseForm'))),
+					'json').then(res => {
+					uni.hideLoading()
+					this.outLoading = false
+					if (res.code === 0) {
+						this.$u.toast('鎵撳嵃鎴愬姛')
+					} else {
+						this.$u.toast(res.msg ? res.msg : '鎵撳嵃澶辫触')
+					}
+				})
+			},
+			wsgContentConfirm() {
+				this.changewsgVisiable(false)
+			},
+			// input鑱氱劍
+			inputFocus(v) {
+				if (v == 1) {
+					this.isfocus1 = true;
+				} else {
+					this.isfocus2 = true;
+				}
+			},
+			// input澶辩劍
+			inputBlur() {
+				this.isfocus1 = false;
+				this.isfocus2 = false;
+			},
+			inputChange() {
+				if (Number(this.originInfoForm.coalContactHair) > 0 && Number(this.originInfoForm.coalContactSkin >
+						0)) {
+					this.isInputOrigin = true;
+				}
+			},
+			deletePic(event) {
+				this.changeisUploadimg(true);
+				this[`fileList${event.name}`].splice(event.index, 1);
+			},
+			async afterRead(event) {
+				// 褰撹缃� mutiple 涓� true 鏃�, file 涓烘暟缁勬牸寮忥紝鍚﹀垯涓哄璞℃牸寮�
+				let lists = [].concat(event.file);
+				let fileListLen = this[`fileList${event.name}`].length;
+				lists.map(item => {
+					this[`fileList${event.name}`].push({
+						...item,
+						status: 'uploading',
+						message: '涓婁紶涓�'
 					});
-				} else {
-					this.$u.toast('鏈湪纾呮埧锛岃鍓嶅線纾呮埧鍚庡啀璇曪紒锛�');
+				});
+				for (let i = 0; i < lists.length; i++) {
+					const result = await this.uploadFilePromise(lists[i].url, event.name);
+					let item = this[`fileList${event.name}`][fileListLen];
+					this[`fileList${event.name}`].splice(
+						fileListLen,
+						1,
+						Object.assign(item, {
+							status: 'success',
+							message: '涓婁紶鎴愬姛',
+							url: result
+						})
+					);
+					fileListLen++;
 				}
-			});
-		},
-		// 鏀剧┖
-		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;
+			},
+			uploadFilePromise(url, num) {
+				return new Promise((resolve, reject) => {
+					let a = uni.uploadFile({
+						url: BaseUrl + '/admin/sys-file/uploadUnToken',
+						filePath: url,
+						name: 'file',
+						success: res => {
+							if (num == 1) {
+								this.originInfoForm.contactPicture = JSON.parse(res.data)
+									.data.url;
+								resolve(`${BaseUrl}${JSON.parse(res.data).data.url}`);
+							}
+						}
+					});
+				});
+			},
+			submitOriginInfo() {
+				let form = {
+					skin: Number(this.originInfoForm.coalContactSkin),
+					hair: Number(this.originInfoForm.coalContactHair),
+					clean: Number(this.coalContactClean),
+					tmId: this.getWeightHouseObj.tmId,
+					contactPicture: this.originInfoForm.contactPicture,
+					deptId: this.coalDetailsData.deptId,
+					filedId: this.coalDetailsData.filedId,
+					coalName: this.coalDetailsData.coalName,
+					taskCoalCode: this.coalDetailsData.code,
+					carNo: this.coalDetailsData.carNo,
 				}
-			});
-		},
-		// 鏀剧┖寮圭獥鍙栨秷
-		evacuationCancel() {
-			this.evacuationModalShow = false;
+				if (this.originInfoForm.coalContactSkin && this.originInfoForm.coalContactHair && this
+					.originInfoForm
+					.contactPicture) {
+					this.$reqPost('appSaveContact', form, 'json').then(res => {
+						if (res.code === 0) {
+							this.$u.toast('鎻愪氦鎴愬姛')
+						} else {
+							this.isModifyoriginInfo = true
+							this.$u.toast(res.msg ? res.msg : '鎻愪氦澶辫触')
+
+						}
+					}).then(() => {
+						setTimeout(() => {
+							this.getTakeCoal()
+						}, 1000)
+					})
+				} else {
+					uni.$u.toast('璇峰~鍐欏畬鏁村師鍙戜俊鎭�')
+				}
+			}
 		}
-	}
-};
+	};
 </script>
 
-<style lang="scss" scoped>
-/deep/.u-steps {
-	.u-steps-item {
-		.u-steps-item__content {
-			.u-text {
-				.u-text__value {
-					font-size: 31rpx !important;
-					font-family: Microsoft YaHei;
-					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: 100vh;
-	margin: 0 auto;
-	display: flex;
-	flex-direction: column;
-	.top-banner {
-		width: 100%;
-		height: 346rpx;
-		.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-family: Microsoft YaHei;
-			font-weight: 300;
-			.fild-name {
-				@include flex justify-content: space-between;
-				width: 100%;
-			}
-		}
-		.block-information {
-			width: 690rpx;
-			height: 396rpx;
-			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-family: Microsoft YaHei;
-			font-weight: 300;
-			color: #303030;
-			overflow: hidden;
-			.block-main {
-				@include flex width: 94%;
-				height: 336rpx;
-				margin: vww(18) vww(7) vww(11) vww(17);
-				flex-direction: column;
-				justify-content: space-between;
-				align-items: flex-start;
-			}
-			.status-button {
-				width: vww(71);
-				height: vww(36);
-				text-align: center;
-				line-height: vww(33);
-				font-size: 28rpx;
-				font-family: Microsoft YaHei;
-				font-weight: 300;
-				position: absolute;
-				right: vww(10);
-				color: #fff;
-			}
-			.basic {
-				width: 40%;
-				height: vww(15);
-				@include flex justify-content: space-between;
-				.coalName {
-					width: 50%;
-					height: 30rpx;
-					font-size: 30rpx;
-					font-family: Microsoft YaHei;
-					font-weight: 300;
-					color: #515151;
-					position: relative;
-				}
-				.black-block {
-					width: 2rpx;
-					height: 30rpx;
-					background: #515151;
-				}
-			}
-			.time {
-				width: 30%;
-				height: vww(12);
-				display: flex;
-				justify-content: space-between;
-				.send-date {
-					width: 148rpx;
-					height: 24rpx;
-					font-size: 28rpx;
-					font-family: Microsoft YaHei;
-					font-weight: 300;
-					color: #515151;
-				}
-			}
-			.coal-code,
-			.order-code {
-				width: 100%;
-				height: 24rpx;
-				font-size: 28rpx;
-				font-family: Microsoft YaHei;
-				font-weight: 300;
-				color: #7d7d7d;
-			}
-			.weigh-item {
-				width: 100%;
-				height: vww(36);
-				@include flex justify-content: space-around;
-				.item {
-					width: vww(50);
-					height: vww(45);
-					font-size: 21rpx;
-					font-family: Microsoft YaHei;
-					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-family: Microsoft YaHei;
+<style lang="scss"
+	scoped>
+	/deep/.u-steps {
+		.u-steps-item {
+			.u-steps-item__content {
+				.u-text {
+					.u-text__value {
+						font-size: 31rpx !important;
 						font-weight: 300;
 						color: #303030;
 					}
@@ -483,53 +916,339 @@
 			}
 		}
 	}
-	.timeLine {
-		height: 40%;
-		margin: vww(20);
-		position: relative;
-		top: vww(120);
-		overflow-y: overlay;
+
+	@mixin flex {
+		display: flex;
+		justify-content: space-between;
+		align-items: center;
 	}
-	.utilsBox {
-		width: 94%;
+
+	::v-deep.bill-of-lading-details {
+		width: 100%;
+		height: 100%;
 		margin: 0 auto;
-		position: relative;
-		top: vww(80);
-		.utils_chil {
+		display: flex;
+		flex-direction: column;
+
+		.top-banner {
 			width: 100%;
-			margin: 0 auto;
-			.top-button,
-			.bottom-button {
-				width: 100%;
-				height: vww(80);
-				@include flex;
-				.u-button {
-					width: 40%;
+			height: 346rpx;
+
+			.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: 396rpx;
+				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 {
+					@include flex width: 94%;
+					height: 336rpx;
+					margin: vww(18) vww(7) vww(11) vww(17);
+					flex-direction: column;
+					justify-content: space-between;
+					align-items: flex-start;
+				}
+
+				.status-button {
+					width: vww(71);
+					height: vww(36);
+					text-align: center;
+					line-height: vww(33);
 					font-size: 28rpx;
-					font-family: Microsoft YaHei;
 					font-weight: 300;
-					color: #497bfb;
+					position: absolute;
+					right: vww(10);
+					color: #fff;
+				}
+
+				.basic {
+					width: 100%;
+					height: vww(15);
+					@include flex;
+					justify-content: flex-start;
+
+					.coalName,
+					.order-type {
+						width: 45%;
+						height: 30rpx;
+						font-size: 30rpx;
+						font-weight: 300;
+						color: #515151;
+						position: relative;
+					}
+
+					.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-item {
+					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;
+						}
+					}
+				}
+			}
+		}
+
+		.origin-info {
+			width: 690rpx;
+			height: 600rpx;
+			margin: vww(20) vww(15) vww(13);
+			background: #ffffff;
+			box-shadow: 0rpx 0rpx 14rpx 0rpx rgba(73, 120, 240, 0.14), 0rpx 7rpx 45rpx 0rpx rgba(73, 120, 240, 0.12);
+			border-radius: 20rpx;
+			@include flex;
+			justify-content: center;
+			overflow: hidden;
+			position: relative;
+			top: vww(120);
+
+			&_wrapper {
+				width: 650rpx;
+				height: 600rpx;
+				@include flex;
+				flex-direction: column;
+				margin-bottom: vww(20);
+				position: relative;
+
+				.origin-info_content {
+					width: 100%;
+					height: 100%;
+					overflow-y: scroll;
+
+					.first-line,
+					.second-line {
+						width: 90%;
+						height: vww(44);
+
+						.focusClass {
+							color: #5b95fd;
+						}
+
+						.inputClass {
+							border: 1px solid rgba(73, 95, 252, 0.6) !important;
+							box-shadow: 0rpx 5rpx 13rpx 0rpx rgba(73, 95, 252, 0.6) !important;
+							border-radius: 12rpx !important;
+						}
+
+						.isInputOrigin {
+							background-color: #f4f4fc;
+						}
+
+						.input-container {
+							border: 2px solid #c5c5c5;
+							box-shadow: 0rpx 5rpx 13rpx 0rpx #c5c5c5;
+							border-radius: 12rpx;
+						}
+					}
+
+					.first-line {
+						@include flex;
+						position: relative;
+						top: vww(8);
+					}
+
+					.second-line {
+						@include flex;
+					}
+
+					.submit-button {
+						width: 180rpx;
+						margin: vww(8) auto;
+
+						.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);
+						}
+					}
+				}
+			}
+		}
+
+		.timeLine {
+			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(200);
+			margin: vww(80) auto;
+			margin-top: vww(100);
+			margin-bottom: vww(20);
+			@include flex;
+			flex-direction: column;
+			justify-content: flex-start;
+
+			.weigh-button {
+				width: 631rpx;
+				height: vww(40);
+				margin: vww(10);
+
+				.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);
 				}
 			}
 		}
 	}
-	.weigh-ability {
-		width: 631rpx;
-		height: vww(100);
-		margin: vww(80) auto;
-		margin-bottom: vww(10);
-		@include flex;
-		flex-direction: column;
-		.weigh-button {
-			width: 631rpx;
-			height: vww(89);
-			.u-button {
-				font-size: 28rpx;
-				font-family: Microsoft YaHei;
-				font-weight: 300;
-				color: #ffffff;
-			}
-		}
-	}
-}
-</style>
+</style>
\ No newline at end of file

--
Gitblit v1.9.1