From 1db172e1eb09be68008659c9f05bf18144df553a Mon Sep 17 00:00:00 2001
From: yangan <yangan0921@163.com>
Date: 星期一, 04 十一月 2024 18:54:47 +0800
Subject: [PATCH] feat:集装箱更改
---
pages/public-page/faYunstatisticsDetails/faYunstatisticsDetails.vue | 1381 ++++++++++++++++++++++++++++++++++++++++++++++++++++-----
1 files changed, 1,258 insertions(+), 123 deletions(-)
diff --git a/pages/public-page/faYunstatisticsDetails/faYunstatisticsDetails.vue b/pages/public-page/faYunstatisticsDetails/faYunstatisticsDetails.vue
index 8577da2..1e88a2b 100644
--- a/pages/public-page/faYunstatisticsDetails/faYunstatisticsDetails.vue
+++ b/pages/public-page/faYunstatisticsDetails/faYunstatisticsDetails.vue
@@ -1,186 +1,1321 @@
<template>
- <view>
- <view class="main">
- <view class="main-body">
- <view class="body-container">
- <view class="container-block">
- <view class="">杞︾墝鍙�</view>
- <view class="">{{ faYunDetailobj.carNo || '' }}</view>
- </view>
+ <view class="bill-of-lading-details">
+ <view class="top-banner"
+ style="background: url('https://wrzs.czjlchem.com:9090/appimg/image/banner/loadingbanner.png') no-repeat;background-size: cover;">
+ <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 class="body-container">
- <view class="container-block">
- <view class="">鎻愮叅鍗曠姸鎬�</view>
- <view class="">{{ coalStatus[faYunDetailobj.status] }}</view>
+ </view>
+ <view class="block-information">
+ <view class="block-main">
+ <view class="basic">
+ <view class="coalName">{{ coalDetailsData.productNames || coalDetailsData.productName }}</view>
+ <view class="status-button"
+ style="background: url('https://wrzs.czjlchem.com:9090/appimg/image/banner/statusbutton.png') no-repeat;
+ background-size: cover;">
+ {{coalDetailsData.statusView||''}}
+ </view>
</view>
- </view>
- <view class="body-container">
- <view class="container-block">
- <view class="">鍏ュ満鏃堕棿</view>
- <view class="">{{ faYunDetailobj.inTime || '' }}</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>
- <view class="body-container">
- <view class="container-block">
- <view class="">鐨噸</view>
- <view class="">{{ faYunDetailobj.skin || 0 }}</view>
+ <view class="coal-code">绫诲瀷: {{ coalDetailsData.orderType || '' }}</view>
+ <view class="coal-code">鏀跺彂鍗曠紪鍙�: {{ coalDetailsData.code || '' }}</view>
+ <view class="coal-code">杞︾墝鍙�: {{ coalDetailsData.carNo || '' }}</view>
+ <view class="order-code"
+ v-if="!isSpecial">
+ 璁㈠崟缂栧彿: {{ coalDetailsData.orderCode || '' }}</view>
+ <view class="stream-view"
+ style="color: #475bfd;"
+ @click="streamView"
+ v-show="timeLineStatus===9">
+ 鏌ョ湅瑁呰浇鎯呭喌
</view>
- </view>
- <view class="body-container">
- <view class="container-block">
- <view class="">姣涢噸</view>
- <view class="">{{ faYunDetailobj.hair || '' }}</view>
- </view>
- </view>
- <view class="body-container">
- <view class="container-block">
- <view class="">鍑�閲�</view>
- <view class="">{{ faYunDetailobj.clean || '' }}</view>
- </view>
- </view>
- <view class="body-container">
- <view class="container-block">
- <view class="">璁㈠崟鍓╀綑閲�</view>
- <view class="">{{ faYunDetailobj.allowance || '' }}</view>
- </view>
- </view>
- <view class="body-container">
- <view class="container-block">
- <view class="">鎻愮叅鍗曠紪鍙�</view>
- <view class="">{{ faYunDetailobj.code || '' }}</view>
- </view>
- </view>
- <view class="body-container last">
- <view class="container-block">
- <view class="">璁㈠崟缂栧彿</view>
- <view class="">{{ faYunDetailobj.orderCode || '' }}</view>
+ <view class="weigh-item" v-if="isShowClean">
+ <view class="item">
+ <view class="concrete"
+ style="background: url('https://wrzs.czjlchem.com:9090/appimg/image/banner/skin.png') no-repeat;background-size: cover;">
+ 鐨�</view>
+ <view class="num" v-if="weightObj.skin">{{ Number(weightObj.skin).toFixed(2) ||"" }}</view>
+ </view>
+ <view class="item">
+ <view class="concrete"
+ style="background: url('https://wrzs.czjlchem.com:9090/appimg/image/banner/hair.png') no-repeat;background-size: cover;">
+ 姣�</view>
+ <view class="num" v-if="weightObj.hair">{{ Number(weightObj.hair).toFixed(2) ||"" }}</view>
+ </view>
+ <view class="item">
+ <view class="concrete"
+ style="background: url('https://wrzs.czjlchem.com:9090/appimg/image/banner/clean.png') no-repeat;background-size: cover;">
+ 鍑�</view>
+ <view class="num" v-if="(weightObj.clean || (weightObj.clean && weightObj.clean === 0 ))">{{ Number(weightObj.clean).toFixed(2) ||"" }}</view>
+ </view>
</view>
</view>
</view>
- <view class="origin-info"
- v-if="faYunDetailobj.orderType == '澶栬喘' || faYunDetailobj.orderType == '鍐呰喘' || faYunDetailobj.orderType == '杞嚭'">
- <combined-title title="鍘熷彂淇℃伅"></combined-title>
- <view class="body-container">
- <view class="container-block">
- <view class="">鐨噸</view>
- <view class="">{{ faYunDetailobj.skinTwo || 0 }}</view>
- </view>
+ </view>
+ <!-- 瀛愯彍鍗� ---琛ㄦ牸 -->
+ <view class="sub-table">
+ <view class="first-line"><combined-title title="浜у搧淇℃伅"></combined-title></view>
+ <view class="table">
+ <uni-table border
+ id="table-box"
+ v-if="coalDetailsData.isWeight === 1"
+ emptyText="鏆傛棤鏇村鏁版嵁">
+ <uni-tr>
+ <uni-th align="center" >浜у搧</uni-th>
+ <uni-th align="center">鐨噸</uni-th>
+ <uni-th align="center">姣涢噸</uni-th>
+ <uni-th align="center">鍑�閲�</uni-th>
+ <uni-th align="center">鎵ｅ惃</uni-th>
+ <uni-th align="center">浠舵暟</uni-th>
+ </uni-tr>
+ <uni-tr v-for="(subItem, index) in tmTaskCoalList" :key="index">
+ <uni-td align="center">
+ <view class="name">{{ subItem.productName }}</view></uni-td>
+ <uni-td align='right'>
+ <view v-if="subItem.skin">{{ Number( subItem.skin).toFixed(2) || ''}}</view>
+ </uni-td>
+ <uni-td align='right'>
+ <view class="name" v-if="subItem.hair">{{ Number(subItem.hair) .toFixed(2) || '' }}</view>
+ </uni-td>
+ <uni-td align='right'>
+ <view class="name" v-if="(subItem.clean || (subItem.clean && subItem.clean === 0))">{{ Number( subItem.clean).toFixed(2) || '' }}</view>
+ </uni-td>
+
+ 聽 <uni-td align="right">
+ <view>{{ subItem.discount }}</view
+ ></uni-td>
+ <uni-td align="right">
+ <view>{{ subItem.productQuantity }}</view
+ ></uni-td>
+ </uni-tr>
+ </uni-table>
+ <uni-table border
+ id="table-box"
+ v-else
+ emptyText="鏆傛棤鏇村鏁版嵁">
+ <uni-tr>
+ <uni-th align="center" >浜у搧</uni-th>
+ <!-- <uni-th align="center">鐨噸</uni-th>
+ <uni-th align="center">姣涢噸</uni-th>
+ <uni-th align="center">鍑�閲�</uni-th> -->
+
+ <uni-th align="center">浠舵暟</uni-th>
+ </uni-tr>
+ <uni-tr v-for="(subItem, index) in tmTaskCoalList" :key="index">
+ <uni-td align="center">
+ <view class="name">{{ subItem.productName }}</view></uni-td>
+ <!-- <uni-td align='right'>
+ <view v-if="subItem.skin">{{ Number( subItem.skin).toFixed(2) || ''}}</view>
+ </uni-td>
+ <uni-td align='right'>
+ <view class="name" v-if="subItem.hair">{{ Number(subItem.hair) .toFixed(2) || '' }}</view>
+ </uni-td>
+ <uni-td align='right'>
+ <view class="name" v-if="(subItem.clean || (subItem.clean && subItem.clean === 0))">{{ Number( subItem.clean).toFixed(2) || '' }}</view>
+ </uni-td> -->
+
+ 聽
+ <uni-td align="right">
+ <view>{{ subItem.productQuantity }}</view
+ ></uni-td>
+ </uni-tr>
+ </uni-table>
+ </view>
+ <!-- 璇疯緭鍏ラ泦瑁呯鍙� -->
+ <view class="codeBox" v-if="coalDetailsData.isContainerNum">
+ <text>闆嗚绠卞彿:</text>
+ <view class="inp">
+ <u--input
+ placeholder="璇疯緭鍏ラ泦瑁呯鍙�"
+ v-model="coalDetailsData.containerNumber"
+ ></u--input>
</view>
- <view class="body-container">
- <view class="container-block">
- <view class="">姣涢噸</view>
- <view class="">{{ faYunDetailobj.hairTwo || 0 }}</view>
- </view>
- </view>
- <view class="body-container">
- <view class="container-block">
- <view class="">鍑�閲�</view>
- <view class="">{{ faYunDetailobj.cleanTwo || 0 }}</view>
- </view>
+ <view>
+ <u-button type="primary" text="纭畾" @click="enterClick"></u-button>
</view>
</view>
+ </view>
+ <view class="origin-info"
+ v-if="originInfoVisible&&!isSpecial && isShowYuanFa">
+ <view class="origin-info_wrapper">
+ <view class="origin-info_content">
+ <!-- 鎶樺彔 -->
+ <zh-collapse
+ default_unfold
+ accordion>
+ <zh-collapse-item
+ class="collItem">
+ <!-- title -->
+ <view slot="title">
+ <view class="first-line"><combined-title title="鍘熷彂淇℃伅"></combined-title></view>
+ </view>
+ <view class="" slot='cont'>
+ <u-form :model="originInfoForm"
+ :rules="rules"
+ label-position="top"
+ label-width="160"
+ :label-style="{'marginLeft':'9px'}"
+ ref="originInfoRef">
+ <view v-if="coalDetailsData.isWeight">
+ <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>
+ </view>
+ <!-- 杈撳叆鏁伴噺 -->
+ <view v-else class="table-div">
+ <uni-table
+ border
+ id="table-box"
+ emptyText="鏆傛棤鏇村鏁版嵁">
+ <uni-tr>
+ <uni-th align="center" >浜у搧</uni-th>
+ <!-- <uni-th align="center">鐨噸</uni-th>
+ <uni-th align="center">姣涢噸</uni-th>
+ <uni-th align="center">鍑�閲�</uni-th> -->
+ <uni-th align="center">鏁伴噺</uni-th>
+
+ </uni-tr>
+ <uni-tr v-for="(subItem, index) in coalDetailsData.tmTaskCoalList" :key="index">
+ <uni-td align="center">
+ <view class="name">{{ subItem.productName }}</view></uni-td>
+ <!-- <uni-td align='right'>
+ <view v-if="subItem.skin">{{ Number( subItem.skin).toFixed(2) || ''}}</view>
+ </uni-td>
+ <uni-td align='right'>
+ <view class="name" v-if="subItem.hair">{{ Number(subItem.hair) .toFixed(2) || '' }}</view>
+ </uni-td>
+ <uni-td align='right'>
+ <view class="name" v-if="subItem.clean">{{ Number( subItem.clean).toFixed(2) || '' }}</view>
+ </uni-td> -->
+
+ <uni-td align="right">
+ <view>
+ <u--input
+ placeholder="璇疯緭鍏ヤ骇鍝佹暟閲�"
+ type='number'
+ v-model="subItem.productQuantity"
+ ></u--input>
+ </view></uni-td>
+
+ </uni-tr>
+ </uni-table>
+ </view>
+
+ <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="fileList1.length ? fileList1.length : 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>
+ </zh-collapse-item>
+ </zh-collapse>
+
+
+ </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">
+ <view class="bottom-button">
+ <!-- <u-button text="鏀剧┖"
+ type="primary"
+ plain
+ @click="evacuation"
+ throttleTime="500"
+ shape="circle"
+ :disabled="isEvacuation || isapproach"></u-button> -->
+
+ </view>
+ </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="">
+ <u-modal :show="wsgShow"
+ title="鎻愮ず"
+ :content="wsgContent"
+ @confirm="wsgContentConfirm"></u-modal>
</view>
</view>
</template>
<script>
+ 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
+ combinedTitle,
+ },
+ onPullDownRefresh() {
+ this.getTakeCoal(); //鑾峰彇鏀跺彂鍗曡鎯�
+ // uni.stopPullDownRefresh();
+ },
+ onLoad(value) {
+ this.orderPlanId = value.id;
+ // this.yyId = value.yyId;
+ 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(); //鑾峰彇鏃ュ織
+ },
+ onShow() {
+ this.coalDayPage(); //鑾峰彇鏃ュ織 瀹氭椂浠诲姟
+ if (this.globalIsFirstWeighing === 2) {
+ console.log('鑾峰彇璇︽儏 onShow');
+ this.getTakeCoal(); //鑾峰彇鏀跺彂鍗曡鎯�
+ }
+ },
+ onHide() {
+ // clearInterval(this.interval);
+ },
+ onUnload() {
+ // clearInterval(this.interval);
+ },
+ onReady() {
+ if (this.originInfoVisible && !this.isSpecial) {
+ this.$refs.originInfoRef.setRules(this.rules);
+ }
+ },
+ beforeDestroy() {
+ // clearInterval(this.interval);
},
data() {
return {
- id: '',
- faYunDetailobj: {},
- coalStatus: ['棰嗗彇', '棰勭害', '绛惧埌', '鍏ュ満', '绉扮毊', '绉版瘺', '绂诲満', '鍏ョ鎴�', '鍑虹鎴�', '鍏ョ叅浠�', '鍑虹叅浠�', '鏀剧┖', '浣滃簾', '鍏ュ満鐢宠',
- '杩涘叆鍦洪櫌', '寮傚父瀹℃牳涓�'
- ]
+ swiperList:[],
+ orderPlanId: null,
+ radioValue:'鍦哄湴',
+ tmTaskCoalList:[],
+ currentNum:0,
+ guideLineshow:false,
+ yyId: null,
+ dayRZ: [],
+ activeText:'',
+ activeObj:{
+ affiliationId:'',
+ type:2,
+ },
+ coalDetailsData: {
+ tmTaskCoalList:[]
+ }, // 鏀跺彂鍗曡鎯�
+ 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,
+
+ timeLineEqCode: '',
+ originInfoNotice: '濉啓鍘熷彂淇℃伅鍚庡彲涓婄璁￠噺',
+ submitOriginInfoLoading: false,
+ ischeckedDefault: 0,
+ isSpecial: null, //1 鏄壒娈� 0涓嶆槸鐗规畩
+ printerType: '', //鍒ゆ柇鎵撳嵃鐨勬槸鍑洪棬璇佽繕鏄叆闂ㄨ瘉
+ weighHouseLoading: false
};
},
- methods: {},
- onLoad(params) {
- this.id = params.id;
+ watch: {
},
- onShow() {
- this.$reqGet('getTakeCoal', { takeCoalId: this.id }).then(res => {
- if (res.code == 0) {
- this.faYunDetailobj = res.data;
- } else {
- this.$u.toast('鑾峰彇鏁版嵁澶辫触');
+ 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() {
+ if(this.coalDetailsData.isWeight){
+ 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
+ }else{
+ //鏁伴噺
+ if(!this.coalDetailsData.tmTaskCoalList.length){
+ return false
+ }else{
+ const reslut = this.coalDetailsData.tmTaskCoalList.find(item=>!item.productQuantity);
+ console.log(reslut);
+ if(reslut){
+ return false
+ }else{
+ return true
+ }
+ }
}
- });
+
+ },
+ 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
+ },
+ isNeedOrigin() {
+ return uni.getStorageSync('isNeedOrigin')
+ },
+ //鏄惁灞曠ず鐨瘺鍑�
+ isShowClean(){
+ let flag = true;
+ console.log(this.coalDetailsData.tmTaskCoalList)
+ const tempArr = this.coalDetailsData.tmTaskCoalList.filter(item=> item.isWeight === 1);
+ if(!tempArr.length ){
+ return false; //濡傛灉閮芥病鏈夎繑鍥炲亣
+ } else {
+ flag = tempArr.every(obj => obj['skin'] !== null && obj['clean'] !== null && obj['hair'] !== null );
+ console.log(flag,'f;ag')
+ return flag;
+ }
+
+ },
+ //鐨瘺鍑�
+ weightObj(){
+ const index = 0;//涓嬫爣浣� 锛岃鍙栫鍑犵粍鐨勭毊姣涘噣锛�,榛樿鏈�鍚庝竴缁�;
+ const tempArr = this.coalDetailsData.tmTaskCoalList.filter(item=> item.isWeight === 1);
+ const result =tempArr.find(item=>!item.skin || !item.hair || !item.clean);
+ console.log(result,'result')
+ if(result){
+ return result
+ }else{
+ return tempArr[index];
+ }
+
+ },
+ //鍒ゆ柇鏄惁灞曠ず 鍘熷彂淇℃伅
+ isShowYuanFa(){
+ if(this.coalContactClean && !this.coalDetailsData.tmTaskCoalList.length){
+ return false
+ }else{
+ return true
+ }
+ }
+ },
+ 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.timeLineEqCode = res.data[0].eqCode
+ 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 }
+ }
+ });
+ }
+ });
+ },
+ // 鑾峰彇鏀跺彂鍗曡鎯�
+ 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.isSpecial = res.data.isSpecial
+ // // 鍒ゆ柇鏄惁瀹屾垚澶栭攢璁㈠崟
+ // 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
+ // 鍘熷彂淇℃伅鍥炴樉浠ュ強鎺у埗鏄惁鍙慨鏀�
+ const originFlag = this.coalDetailsData.tmTaskCoalList.find(item=>!item.productQuantity);
+ if(this.coalDetailsData.isWeight === 1){
+ this.haveInputOrigin = (!this.coalDetailsData.skinTwo && this.coalDetailsData.orderType ===
+ '澶栬喘')
+ }else{
+ this.haveInputOrigin = !!originFlag
+ }
+ console.log(originFlag,this.coalDetailsData.tmTaskCoalList,'origin')
+ this.deletable = this.coalDetailsData.status > 3
+ this.originInfoForm.coalContactSkin = this.coalDetailsData.skinTwo;
+ this.originInfoForm.coalContactHair = this.coalDetailsData.hairTwo;
+ this.originInfoForm.contactPicture = this.coalDetailsData.contactPicture
+ this.tmTaskCoalList = this.coalDetailsData.tmTaskCoalList;
+ if (this.coalDetailsData.contactPicture) {
+ this.fileList1 = this.coalDetailsData.contactPicture.split(',').map(v => {
+ return {
+ url: BaseUrl + v
+ }
+ })
+ } else {
+ this.fileList1 = []
+ }
+
+ } else {
+ this.$u.toast('鍔犺浇澶辫触');
+ }
+ }).then(() => {
+
+ })
+ },
+ // 鏃ュ織鏌ヨ
+ 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.timeLineEqCode = res.data[0].eqCode
+ 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);
+ },
+ 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.coalDetailsData.isWeight === 1){
+ 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('璇峰～鍐欏畬鏁村師鍙戜俊鎭�')
+ }
+ }else{
+ //鏁伴噺
+ form.numDtoList = this.coalDetailsData.tmTaskCoalList.map(item=>{
+ let obj = {
+ tmId:item.id,
+ num:Number(item.productQuantity)
+ }
+ return obj;
+ });
+ //鍒犻櫎鐨瘺鍑�
+ delete form.clean;
+ delete form.hair;
+ delete form.skin;
+ if (this.coalContactClean && this
+ .originInfoForm
+ .contactPicture) {
+ this.submitOriginInfoLoading = true;
+ console.log(form,'form')
+ this.$reqPost('appSaveContact', form, 'json').then(res => {
+ if (res.code === 0) {
+ this.$u.toast('鎻愪氦鎴愬姛')
+ this.submitOriginInfoLoading = false
+ } else {
+ this.submitOriginInfoLoading = false
+ this.$u.toast(res.msg ? res.msg : '鎻愪氦澶辫触')
+ }
+ }).then(()=>{
+ setTimeout(() => {
+ this.getTakeCoal()
+ }, 1000);
+ })
+ } else {
+ uni.$u.toast('璇峰～鍐欏畬鏁村師鍙戜俊鎭�')
+ }
+ }
+
+ },
+ reviewGuidelines(){
+ this.guideLineshow = true;
+ this.swiperList = [];
+ this.activeText = '';
+ this.activeObj.affiliationId = this.coalDetailsData.filedId; //榛樿鏌ュ満鍦�
+ this.getguideFun();
+
+ },
+ close(){
+ this.guideLineshow = false;
+ },
+ enterClick(){
+ console.log('click')
+ this.$reqPut('addContainer',{id:this.coalDetailsData.id,containerNumber:this.coalDetailsData.containerNumber},'json').then(res=>{
+ console.log(res,'res')
+ this.$u.toast('鎿嶄綔鎴愬姛')
+ })
+ }
}
};
</script>
-<style scoped
- lang="scss">
+<style lang="scss" scoped>
+.codeBox{
+ height: 100rpx;
+ display: flex;
+ width: 100%;
+ justify-content: space-around;
+ align-items: center;
+ .inp{
+ border: solid 1px #ccc;
+ input{
+
+ text-indent: 15px;
+ }
+
+ }
+
+
+}
+.table{
+ width: 100%;
+ /deep/ .uni-table{
+ min-width: 0!important;
+ margin-left: 20rpx;
+ }
+
+}
+ .guidebox{
+ height:600rpx;
+ padding: 20rpx
+ }
+ .indicator-num {
+ padding: 2px 0;
+ background-color: rgba(0, 0, 0, 0.35);
+ border-radius: 100px;
+ width: 35px;
+ @include flex;
+ justify-content: center;
+
+ &__text {
+ color: #FFFFFF;
+ font-size: 12px;
+ }
+ }
+ /deep/.u-steps {
+ .u-steps-item {
+ .u-steps-item__content {
+ .u-text {
+ .u-text__value {
+ font-size: 31rpx !important;
+ font-weight: 300;
+ color: #303030;
+ }
+ }
+ }
+ }
+ }
+
@mixin flex {
display: flex;
justify-content: space-between;
align-items: center;
}
- .main {
+ ::v-deep.bill-of-lading-details {
width: 100%;
- margin-top: vww(10);
- @include flex;
+ height: 100%;
+ margin: 0 auto;
+ display: flex;
flex-direction: column;
- .main-body {
+ .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;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ -o-text-overflow: ellipsis;
+ overflow: hidden;
+ }
+
+ .basic {
+ width: 100%;
+ height: vww(15);
+ @include flex;
+ justify-content: flex-start;
+
+ .coalName,
+ .order-type {
+ width: 45%;
+ height: 60rpx;
+ font-size: 30rpx;
+ font-weight: 300;
+ color: #515151;
+ position: relative;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+
+ }
+
+ .black-block {
+ width: 2rpx;
+ height: 30rpx;
+ background: #515151;
+ position: relative;
+ top: vww(2);
+ }
+ }
+
+ .time {
+ width: 40%;
+ height: vww(12);
+ display: flex;
+ justify-content: flex-start;
+
+ .send-date {
+ width: 300rpx;
+ 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;
+ }
+
+ .stream-view {
+ height: vww(18);
+ margin: vww(8);
+ margin-left: 0;
+ }
+
+ .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;
+ }
+ }
+ }
+ }
+ }
+ .sub-table{
width: 690rpx;
- height: 1062rpx;
+ min-height: 300rpx;
+ 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;
- flex-direction: column;
+ flex-direction: column;
+ justify-content: center;
+ overflow: hidden;
+ position: relative;
+ top: vww(130);
align-items: flex-start;
-
- .body-container {
- width: 100%;
- height: vww(56);
- border-bottom: vww(1) solid #d6d6d6;
- @include flex;
- justify-content: center;
-
- .container-block {
- width: 96%;
- height: vww(56);
- @include flex;
- }
+ /deep/ .uni-table{
+ min-width: 0!important;
}
- .last {
- border-bottom: none;
- }
}
.origin-info {
width: 690rpx;
- min-height: 300rpx;
- margin-top: 20rpx;
- margin-bottom: 20rpx;
+ 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;
- flex-direction: column;
- align-items: flex-start;
+ justify-content: center;
+ overflow: hidden;
+ position: relative;
+ top: vww(130);
- .body-container {
- width: 100%;
- height: vww(56);
- border-bottom: vww(1) solid #d6d6d6;
+ &_wrapper {
+ width: 650rpx;
@include flex;
- justify-content: center;
+ flex-direction: column;
+ margin-bottom: vww(20);
+ position: relative;
- .container-block {
- width: 94%;
- @include flex;
+ .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);
+ }
+ }
+ }
+ }
+ ::v-deep .u-album{
+ display: none!important;
}
</style>
\ No newline at end of file
--
Gitblit v1.9.1