From 2adce788c1a411959b81f08d5569d92861c7f300 Mon Sep 17 00:00:00 2001
From: qingyiay <2386314947@qq.com>
Date: 星期二, 17 十月 2023 16:54:52 +0800
Subject: [PATCH] 删除无用代码 修改部分逻辑 调整部分样式
---
pages/driver-page/driver-index/bill-of-lading-details/bill-of-lading-details.vue | 1440 +++++++++++++++++++++++++++++++++++++++++++++++++++--------
1 files changed, 1,246 insertions(+), 194 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 d03e6e0..b8dd578 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,225 +1,1277 @@
<template>
<view class="bill-of-lading-details">
- <view class="bangDanMessage">
- <view class="">
- <u--text align="center" size="35" bold plain text="涓昏壊" :text="'瀹㈡埛锛�' + coalDetailsData.customerName"></u--text>
- <u--text align="center" size="35" bold plain text="涓昏壊" :text="'鐭垮巶锛�' + coalDetailsData.deptName"></u--text>
+ <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="haveInputOrigin"
+ fontSize='36'></u-notice-bar>
+ <view class="top-information">
+ <view class="cutomer-name"
+ v-if="orderType == '杞叆' || orderType == '杞嚭'">鐓ゅ満:{{ coalDetailsData.toFiledName || '' }}</view>
+ <view class="cutomer-name"
+ v-else>瀹㈡埛:{{ coalDetailsData.customerName || '' }}</view>
+ <view class="fild-name">
+ <view class="">鐭垮満:{{ coalDetailsData.deptName || '鏆傛棤' }}</view>
+ <view class=""
+ v-if="orderType == '杞叆' || orderType == '杞嚭'">鐓ゅ満:{{ coalDetailsData.filedName || '' }}</view>
+ <view class=""
+ v-else>鐓ゅ満:{{ coalDetailsData.filedName || '鏆傛棤' }}</view>
+ </view>
</view>
- <view class="">
- <u--text align="center" size="35" bold plain text="涓昏壊" :text="'鐨噸锛�' + coalDetailsData.skin"></u--text>
- <u--text align="center" size="35" bold plain text="涓昏壊" :text="'姣涢噸锛�' + coalDetailsData.hair"></u--text>
- <u--text align="center" size="35" bold plain text="涓昏壊" :text="'鍑�閲嶏細' + coalDetailsData.clean"></u--text>
+ <view class="block-information">
+ <view class="block-main">
+ <view class="basic">
+ <view class="coalName">{{ coalDetailsData.coalName }}</view>
+ <view class="status-button"
+ style="background: url('https://mx.jzeg.cn:9095/appimg/image/banner/statusbutton.png') no-repeat;
+ background-size: cover;">
+ {{coalDetailsData.statusView||''}}
+ </view>
+ </view>
+ <view class="time">
+ <view class="time-icon"><u-icon name="clock"
+ color="#515151"
+ size="40"></u-icon></view>
+ <view class="send-date">{{ coalDetailsData.sendDate }}</view>
+ </view>
+ <view class="coal-code">鎻愮叅鍗曠紪鍙�: {{ 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>
+ <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>
+ <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>
+ </view>
+ </view>
</view>
- <view class="">
- <u--text align="center" size="35" bold plain text="涓昏壊" :text="'纾呭崟绫诲瀷锛�' + coalDetailsData.orderTye"></u--text>
- <u--text align="center" size="35" bold plain text="涓昏壊" :text="'鐘舵�侊細' + coalStatus[coalDetailsData.status]"></u--text>
- </view>
- <u--text align="center" size="35" bold plain text="涓昏壊" :text="'鐓ゅ満锛�' + coalDetailsData.filedName"></u--text>
- <u--text align="center" size="35" bold plain text="涓昏壊" :text="'鍙戣繍鏃堕棿锛�' + coalDetailsData.sendDate"></u--text>
- <u--text align="center" size="35" bold plain text="涓昏壊" :text="'鎻愮叅鍗曠紪鍙凤細' + coalDetailsData.code"></u--text>
- <u--text align="center" size="35" bold plain text="涓昏壊" :text="'璁㈠崟缂栧彿锛�' + coalDetailsData.orderCode"></u--text>
</view>
- <view class="timeLine" style="font-size: 16rpx;">
- <u--text type="primary" size="30" plain text="涓昏壊" v-for="(item, index) in dayRZ" :key="index" :text="item.taskStatusDes"></u--text>
+ <view class="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"
+ :loading="submitOriginInfoLoading"></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>
+ </view>
+ <view class="white-block">
+
</view>
<view class="utilsBox">
<view class="utils_chil utils_chilTop">
- <u-button text="绛惧埌" type="primary" plain @click="arriveClick"></u-button>
- <u-button text="鍏ュ満鐢宠" type="primary" plain @click="rcsqClick"></u-button>
- <u-button text="鏀剧┖" type="primary" plain></u-button>
- <u-button text="鍛煎彨瀹㈡湇" type="primary" plain></u-button>
+ <view class="top-button">
+ <u-button text="绛惧埌"
+ type="primary"
+ plain
+ @click="arriveClick"
+ shape="circle"
+ :disabled="coalDetailsData.status >= 2"></u-button>
+ <u-button text="鍏ュ満鐢宠"
+ type="primary"
+ plain
+ @click="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"
+ :disabled="isEvacuation || isapproach"></u-button> -->
+ <u-button text="鍛煎彨瀹㈡湇"
+ type="primary"
+ plain
+ @click="callCustomerService"
+ shape="circle"></u-button>
+ </view>
</view>
- <view class="utils_chil"><u-button text="灞曠ず鎻愮叅鍗�" @click="showCaolPickUpBill" type="primary"></u-button></view>
- <view class="utils_chil"><u-button text="涓婄璁￠噺" @click="cengZhongClick" type="primary"></u-button></view>
+ </view>
+ <view class="weigh-ability">
+ <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"
+ :title="evacuationTitle"
+ :content="evacuationContent"
+ :showCancelButton="true"
+ @confirm="evacuationConfirm"
+ @cancel="evacuationCancel"></u-modal>
+ </view>
+ <view class="completeOutSale">
+ <u-modal :show="completeOutSaleShow"
+ title="纭"
+ content="鏄惁瀹屾垚澶栭攢鎻愮叅鍗�"
+ :showCancelButton="true"
+ @confirm="completeOutSaleConfirm"
+ @cancel="completeOutSaleCancel"></u-modal>
+ </view>
+ <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>
-export default {
- onLoad(value) {
- console.log('椤甸潰鍔犺浇', 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;
- }
- },
- data() {
- return {
- orderPlanId: null,
- yyId: null,
- dayRZ: [],
- coalDetailsData: {}, // 鎻愮叅鍗曡鎯�
- getWeightHouseObj: {
- // 鑾峰彇鎵�鍦ㄧ鎴�
- deptId: '',
- filedId: '',
- tmId: '',
- tmCode: '',
- carNo: ''
- },
- getYuYueDataParams: {
- deptId: '',
- filedId: '',
- sendDate: ''
- },
- coalStatus: ['棰嗗彇', '棰勭害', '绛惧埌', '鍏ュ満', '绉扮毊', '绉版瘺', '绂诲満', '鍏ョ鎴�', '鍑虹鎴�', '鍏ョ叅鍦�', '鍑虹叅浠�'] // 鐘舵��
- };
- },
- onShow() {
- this.init();
- },
- computed: {
- userName() {
- return uni.getStorageSync('username');
+ 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() {
- return uni.getStorageSync('openid');
- }
- },
- methods: {
- init() {
- this.coalDayPage();
- this.getTakeCoal();
+ onShow() {
+ this.coalDayPage(); //鑾峰彇鏃ュ織 瀹氭椂浠诲姟
+ if (this.globalIsFirstWeighing === 2) {
+ console.log('鑾峰彇璇︽儏 onShow');
+ this.getTakeCoal(); //鑾峰彇鎻愮叅鍗曡鎯�
+ }
},
- // 鑾峰彇鎻愮叅鍗曡鎯�
- getTakeCoal() {
- this.$reqGet('getTakeCoal', { takeCoalId: this.orderPlanId }).then(res => {
- if (res.code == 0) {
- this.coalDetailsData = res.data[0];
- // 鑾峰彇鎵�鍦ㄧ鎴垮弬鏁拌祴鍊�
- this.getWeightHouseObj.deptId = this.coalDetailsData.deptId;
- this.getWeightHouseObj.filedId = this.coalDetailsData.filedId;
- this.getWeightHouseObj.tmId = this.coalDetailsData.id;
- this.getWeightHouseObj.tmCode = this.coalDetailsData.code;
- this.getWeightHouseObj.carNo = this.coalDetailsData.carNo;
- // 鑾峰彇鍏ュ満鐢宠鎿嶄綔鍚庣殑棰勭害鍒楄〃鐨勫弬鏁�
- this.getYuYueDataParams.deptId = this.coalDetailsData.deptId;
- this.getYuYueDataParams.filedId = this.coalDetailsData.filedId;
- this.getYuYueDataParams.sendDate = this.coalDetailsData.sendDate;
+ 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: '濉啓鍘熷彂淇℃伅鍚庡彲涓婄璁￠噺',
+ submitOriginInfoLoading: false
+ };
+ },
+ watch: {
+ '$store.state.wsgVisiable': {
+ deep: true,
+ handler: function(val) {
+ this.wsgShow = val
}
- });
+ }
},
- // 鏃ュ織鏌ヨ
- coalDayPage() {
- this.$reqGet('coalDayPage', { id: this.orderPlanId }).then(res => {
- if (res.code == 0) {
- this.dayRZ = res.data;
- }
- });
+ 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() > 0 ? xx.minus(yy).toNumber().toFixed(2) : 0
+ },
+ 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
+ }
},
- // 灞曠ず鎻愮叅鍗曡鎯�
- showCaolPickUpBill() {
- uni.navigateTo({
- url: `/pages/driver-page/driver-index/bill-of-lading-details/coal-pick-up-bill/coal-pick-up-bill?orderPlanId=${this.orderPlanId}`
- });
- },
- // 绛惧埌
- arriveClick() {
- uni.navigateTo({
- url: `/pages/driver-page/driver-index/bill-of-lading-details/punchTheClock/punchTheClock?orderPlanId=${this.orderPlanId}`
- });
- },
- // 鍏ュ満鐢宠
- rcsqClick() {
- uni.navigateTo({
- url: `/pages/driver-page/appointment/appointment?type=鍏ュ満鐢宠&takeCoalId=${this.orderPlanId}&yyId=${this.yyId}&filedId=${this.getYuYueDataParams.filedId}&deptId=${
+ 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 }
+ }
+ });
+ }
+ });
+ },
+ // 鑾峰彇瀹㈡湇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() {
- wx.join1v1Chat({
- caller: { nickname: this.userName, openid: this.openid },
- listener: { nickname: '瀹㈡湇', openid: 'orutI5YT0yEvARVngdsTmBpisWmw' }, // 杩欓噷鐨刼penid鏄痜yy鐨勶紝鍏呭綋鍥哄畾鐨勫鏈峯penid
- backgroundType: 2,
- roomType: 'voice'
- });
- },
- // 绉伴噸
- cengZhongClick() {
- this.$reqGet('getWeighHouse', this.getWeightHouseObj).then(res => {
- console.log(res, '鑾峰彇纾呮埧');
- if (res.code == 0) {
- uni.navigateTo({
- url: `/pages/driver-page/driver-index/bill-of-lading-details/weighingDevice/weighingDevice?takeCoalId=${this.orderPlanId}&sceneId=${res.data.id}&gateCameraId=${
- res.data.lastEquipmentId
- }&gateCameraCode=${res.data.lastEquipmentCode}&weighHouseCode=${res.data.code}`
- });
- } else {
- this.$u.toast('鏈湪纾呮埧锛岃鍓嶅線纾呮埧鍚庡啀璇曪紒锛�');
+ });
+ },
+ 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
+ })
}
- });
+ },
+ // 鍛煎彨瀹㈡湇
+ 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}&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,
+ isBackground: 1
+ };
+ 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: '姝ｅ湪鎵撳嵃涓�,璇风◢鍚�'
+ })
+ this.enterLoading = true
+ let form = {
+ deptId: this.getWeightHouseObj.deptId,
+ tmId: this.getWeightHouseObj.tmId,
+ carNo: uni.getStorageSync('carNo'),
+ type: 2,
+ weighingNumber: 1
+ }
+ let form1 = uni.getStorageSync('WeighHouseForm') ? uni.getStorageSync('WeighHouseForm') : '{}'
+ this.$reqPost('printer', Object.assign(form, JSON.parse(form1)),
+ '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: '姝ｅ湪鎵撳嵃涓�,璇风◢鍚�'
+ })
+ 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: '涓婁紶涓�'
+ });
+ });
+ 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++;
+ }
+ },
+ 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,
+ }
+ if (this.originInfoForm.coalContactSkin && this.originInfoForm.coalContactHair && this
+ .originInfoForm
+ .contactPicture) {
+ this.submitOriginInfoLoading = true
+ this.$reqPost('appSaveContact', form, 'json').then(res => {
+ if (res.code === 0) {
+ this.$u.toast('鎻愪氦鎴愬姛')
+ this.submitOriginInfoLoading = false
+ } else {
+ this.submitOriginInfoLoading = false
+ this.isModifyoriginInfo = true
+ this.$u.toast(res.msg ? res.msg : '鎻愪氦澶辫触')
+
+ }
+ }).then(() => {
+ setTimeout(() => {
+ this.getTakeCoal()
+ }, 1000)
+ })
+ } else {
+ uni.$u.toast('璇峰～鍐欏畬鏁村師鍙戜俊鎭�')
+ }
+ }
}
- }
-};
+ };
</script>
-<style lang="scss" scoped>
-::v-deep.bill-of-lading-details {
- width: 100%;
- height: 100vh;
- margin: 0 auto;
- display: flex;
- flex-direction: column;
- .bangDanMessage {
- padding:vww(10);
- border: vww(2) solid #dddddd;
- border-radius: vww(20);
- margin: vww(20);
- margin-bottom: vww(10);
- height: 40%;
- box-sizing: border-box;
- overflow-y: overlay; //琛屼负涓� auto 鐩稿悓锛屼絾鏄粴鍔ㄦ潯缁樺埗鍦ㄥ唴瀹逛箣涓婏紝鑰屼笉鏄崰鎹┖闂淬��
- .u-text {
- margin-bottom: vww(5) !important;
- }
- view {
- margin-bottom: vww(5);
- }
- view:nth-of-type(1) {
- display: flex;
- }
- view:nth-of-type(2) {
- display: flex;
- }
- view:nth-of-type(3) {
- display: flex;
- }
- }
- .timeLine {
- height: 25%;
- margin: vww(20);
- margin-top: vww(10);
- margin-bottom: vww(10);
- border: vww(2) solid #dddddd;
- border-radius: vww(20);
- padding: vww(20);
- box-sizing: border-box;
- overflow-y: overlay; //琛屼负涓� auto 鐩稿悓锛屼絾鏄粴鍔ㄦ潯缁樺埗鍦ㄥ唴瀹逛箣涓婏紝鑰屼笉鏄崰鎹┖闂淬��
- .u-text {
- margin-bottom: vww(5) !important;
- }
- }
- .utilsBox {
- padding: vww(20);
- flex: 1;
- display: flex;
- flex-direction: column;
- .utils_chil {
- flex: 1;
- display: flex;
- align-items: center;
- }
- .utils_chilTop {
- .u-button {
- margin-right: vww(4);
- &:nth-child(4) {
- margin-right: 0;
+<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;
+ }
}
}
}
}
-}
-</style>
+
+ @mixin flex {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ }
+
+ ::v-deep.bill-of-lading-details {
+ width: 100%;
+ height: 100%;
+ margin: 0 auto;
+ 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-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-weight: 300;
+ position: absolute;
+ right: vww(10);
+ color: #fff;
+ }
+
+ .basic {
+ width: 100%;
+ height: vww(15);
+ @include flex;
+ justify-content: flex-start;
+
+ .coalName,
+ .order-type {
+ width: 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 {
+ 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;
+ }
+ }
+
+ .bottom-button {
+ width: 40%;
+ height: vww(47);
+ padding-left: vww(18);
+ @include flex;
+ justify-content: flex-start;
+
+ .u-button {
+ width: 100%;
+ 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);
+ }
+ }
+ }
+ }
+</style>
\ No newline at end of file
--
Gitblit v1.9.1