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">鎻愮叅鍗曠紪鍙�: {{ coalDetailsData.code || '' }}</view> + <view class="order-code"> + 璁㈠崟缂栧彿: {{ 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