From 5e08d4f61c24db589bd6d30875fcb1191f719b16 Mon Sep 17 00:00:00 2001 From: yangan <yangan0921@163.com> Date: 星期五, 11 四月 2025 20:41:44 +0800 Subject: [PATCH] feat:申请复磅 --- pages/driver-page/driver-index/bill-of-lading-details/bill-of-lading-details.vue | 1442 +++++++++++++++++++++++++++++++++++++++++++-------------- 1 files changed, 1,080 insertions(+), 362 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 f4a9bc0..f3ee759 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,407 +1,1125 @@ <template> <view class="bill-of-lading-details"> - <view class="bangDanMessage"> - <view class=""> - <text>瀹㈡埛锛歿{ coalDetailsData.customerName || '' }}</text> - <text>鐭垮巶锛歿{ coalDetailsData.deptName || '' }}</text> - </view> - <view class=""> - <text>鐨噸锛歿{ coalDetailsData.skin || '' }}</text> - <text>姣涢噸锛歿{ coalDetailsData.hair || '' }}</text> - <text>鍑�閲嶏細{{ coalDetailsData.clean || '' }}</text> - </view> - <view class=""> - <text>纾呭崟绫诲瀷锛歿{ coalDetailsData.orderTye || '' }}</text> - <text>鐘舵�侊細{{ coalStatus[coalDetailsData.status] }}</text> - </view> - <view class=""> - <text>鐓ゅ満锛歿{ coalDetailsData.filedName || '' }}</text> - <text>鍙戣繍鏃堕棿锛歿{ coalDetailsData.sendDate || '' }}</text> - <text>鎻愮叅鍗曠紪鍙凤細{{ coalDetailsData.code || '' }}</text> - <text>璁㈠崟缂栧彿锛歿{ coalDetailsData.orderCode || '' }}</text> + <view class="top-banner" + :style="{ backgroundImage: `url(${onlineurl}/appimg/image/banner/loadingbanner.png)`, backgroundSize: 'cover', backgroundRepeat: 'no-repeat' }"> + </view> + <view class="top-information"> + <view class="cutomer-name" + v-if="orderType == '杞叆' || orderType == '杞嚭'">浠撳簱:{{ coalDetailsData.toFiledName || '' }}</view> + <view class="cutomer-name" + v-else>瀹㈡埛:{{ coalDetailsData.customerName || '' }}</view> + <view class="fild-name"> + <view class="">鍩哄湴:{{ coalDetailsData.deptName || '鏆傛棤' }}</view> + <view class="" + v-if="orderType == '杞叆' || orderType == '杞嚭'">浠撳簱:{{ coalDetailsData.filedName || '' }}</view> + <view class="" + v-else>浠撳簱:{{ coalDetailsData.filedName || '鏆傛棤' }}</view> </view> </view> - <view class="timeLine" style="font-size: 16rpx;"> - <u--text type="primary" size="30" plain v-for="(item, index) in dayRZ" :key="index" :text="item.taskStatusDes"></u--text> + <view class="block-information"> + <view class="block-main"> + <view class="basic"> + <view class="coalName"><text> {{ coalDetailsData.coalName||'' }}</text></view> + <view class="status-button" + :style="{ backgroundImage: `url(${onlineurl}/appimg/image/banner/statusbutton.png)`, backgroundSize: 'cover', backgroundRepeat: 'no-repeat' }"> + {{ coalStatus[coalDetailsData.statusWeigh] || '' }} + </view> + </view> + <view class="time"> + <view class="time-icon"><u-icon name="clock" + color="#515151" + size="40"></u-icon></view> + <view class="send-date" >{{ coalDetailsData.sendDate }}</view> + </view> + <view class="coal-code">閫氱煡鍗曠紪鍙�: {{ coalDetailsData.code || '' }}</view> + <view class="coal-code">杞︾墝鍙�: {{ coalDetailsData.carNo || '' }}</view> + <view class="order-code"> + 璁㈠崟缂栧彿: {{ coalDetailsData.orderCode || '' }}</view> + <view class="coal-code" + @click="jumpWeighDetail" + style="color: rgb(73, 123, 251);"> + 鏌ョ湅鏄庣粏 + </view> + + </view> + </view> + + <!-- 绉伴噸鍘嗗彶--> + <weigh-item :list="showWeigh" class="weighing-item"></weigh-item> + <!-- 鏃堕棿绾� --> + <view class="timeLine"> + <u-steps :current="dayRZ.length - 1" + direction="column" + dot> + <u-steps-item :title="item.taskStatusDes" + v-for="(item, index) in dayRZ" + :key="index"></u-steps-item> + </u-steps> + </view> + <view class="white-block"> + </view> <view class="utilsBox"> - <view class="utils_chil utils_chilTop"> - <u-button text="绛惧埌" type="primary" plain @click="arriveClick"></u-button> - <u-button text="鍏ュ満鐢宠" type="primary" plain @click="rcsqClick"></u-button> - <u-button text="鏀剧┖" type="primary" plain @click="evacuation" throttleTime="500"></u-button> - <u-button text="鍛煎彨瀹㈡湇" type="primary" plain @click="callCustomerService"></u-button> + <view class="utils_chil utils_chilTop" v-if="!isReservation"> + <view class="top-button"> + <u-button text="绛惧埌" + type="primary" + plain + @click="arriveClick" + shape="circle" + :disabled="coalDetailsData.status > 2"></u-button> + <u-button text="鎵撳嵃纾呭崟" + type="primary" + plain + @click="printOrder" + shape="circle" + :disabled="(currentPageCoalStatus != 3) || !printNum"></u-button> + <u-button text="鍛煎彨瀹㈡湇" + type="primary" + plain + @click="callCustomerService" + shape="circle"></u-button> + </view> +<!-- <view class="bottom-button">--> +<!-- <u-button text="鏀剧┖"--> +<!-- type="primary"--> +<!-- plain--> +<!-- @click="evacuation"--> +<!-- throttleTime="500"--> +<!-- shape="circle"--> +<!-- :disabled="!isFangKong"></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="btns-box-main"> + <view class="weigh-ability" v-if="!isReservation && noCarNo != 1"> + <!-- <view class="weigh-ability" v-if="!isReservation">--> + <!-- <view class="weigh-button"><u-button text="灞曠ず閫氱煡鍗�" + @click="showCaolPickUpBill" + type="primary" + shape="circle"></u-button></view> --> + <view class="weigh-button"><u-button + :disabled="!isapproach" + text="涓婄璁¢噺" + @click="cengZhongClick" + type="primary" + shape="circle"></u-button></view> + </view> +<!-- <view class="weigh-ability">--> +<!-- <view class="weigh-button"><u-button--> +<!-- :disabled="!isapproach"--> +<!-- text="鐢宠澶嶇"--> +<!-- @click="shenqingFubangClick"--> +<!-- type="primary"--> +<!-- shape="circle"></u-button></view>--> + +<!-- </view>--> + <view class="weigh-ability" v-if="noCarNo == 1"> + <view class="weigh-button"><u-button + :disabled="!isapproach" + text="鐢宠璁¢噺" + @click="shenqingjiliangClick" + type="primary" + shape="circle"></u-button></view> + + </view> + <view class="weigh-ability" v-if="isShenqingFubangShow"> + <view class="weigh-button"><u-button + :loading="shenQingFuBangLoading" + text="鐢宠澶嶇" + @click="shenqingFubangClick" + type="primary" + shape="circle"></u-button></view> + + </view> + </view> + <view class="evacuationModal"> - <u-modal - :show="evacuationModalShow" + <u-modal :show="evacuationModalShow" :title="evacuationTitle" :content="evacuationContent" :showCancelButton="true" @confirm="evacuationConfirm" - @cancel="evacuationCancel" - ></u-modal> + @cancel="evacuationCancel"></u-modal> </view> + <view class="completeOutSale"> + <u-modal :show="completeOutSaleShow" + title="纭" + content="鏄惁瀹屾垚澶栭攢閫氱煡鍗�" + :showCancelButton="true" + @confirm="completeOutSaleConfirm" + @cancel="completeOutSaleCancel"></u-modal> + </view> + <u-action-sheet + :actions="list" + :show="show" + :closeOnClickOverlay="true" + :closeOnClickAction="true" + @select="selectClick" + @close="sheetClose" > + </u-action-sheet> + <view class="serviece-customer"> + <u-action-sheet + v-if="serviceInfoObj.serviecePhone" + :actions="hujiaolist" + @select="selectClickhujiao" + @close='serviceClose' + title="鍛煎彨鏂瑰紡" + :show="servieceShow" + cancelText="鍙栨秷"></u-action-sheet> + </view> +<!-- 纾呮埧鍒楄〃 --> + <u-action-sheet + :actions="bangfangList" + title="閫夋嫨纾呮埧" + :closeOnClickAction="true" + :closeOnClickOverlay="true" + @select="bangfangSelectClick" + :show="bangfangListShow" + @close="bangfangSheetClose"></u-action-sheet> </view> </template> <script> -let socket = null; -import { webSocketUrl } from '@/api/request.js'; -export default { - onLoad(value) { - if (value.orderPlanId && value.yyId) { + import { onlineurl } from '@/api/request.js' + import { webSocketUrl } from '@/api/request.js'; + import { mapState, mapMutations,mapGetters } from 'vuex'; + import weighItem from '@/components/weighItem.vue' + export default { + components: { + weighItem + }, + onLoad(value) { + console.log(value,'valyue') this.orderPlanId = value.orderPlanId; this.yyId = value.yyId; - } - // wx.startRecord(); - }, - data() { - return { - orderPlanId: null, - yyId: null, - dayRZ: [], - coalDetailsData: {}, // 鎻愮叅鍗曡鎯� - currentPageCoalStatus: 0, // 褰撳墠椤甸潰鎻愮叅鍗曠姸鎬� - // 鑾峰彇鎵�鍦ㄧ鎴垮弬鏁� - getWeightHouseObj: { - deptId: '', - filedId: '', - tmId: '', - tmCode: '', - carNo: '' - }, - // 鑾峰彇鍏ュ満鐢宠鐨勫垪琛ㄩ〉闈㈠弬鏁� - getYuYueDataParams: { - deptId: '', - filedId: '', - sendDate: '' - }, - // 鑾峰彇瀹㈡湇openid鍙傛暟 - getServiceOpenid: { - deptId: '', - filedId: '' - }, - // 瀹㈡湇淇℃伅 - serviceInfoObj: { - openId: null, - openName: '' - }, - coalStatus: ['棰嗗彇', '棰勭害', '绛惧埌', '鍏ュ満', '绉扮毊', '绉版瘺', '绂诲満', '鍏ョ鎴�', '鍑虹鎴�', '鍏ョ叅鍦�', '鍑虹叅浠�', '鏀剧┖'], // 鐘舵�� - weighHouseCode: '', - // 鏀剧┖寮圭獥鎺у埗鍙橀噺 - evacuationModalShow: false, - evacuationTitle: '鏀剧┖纭', - evacuationContent: '鏄惁纭鏀剧┖', - // 绗竴娆℃斁绌哄弬鏁� - weighData: { - sceneId: '', - gateCameraId: '', - equipmentCode: '', - weigh: 30 + if (value.overTmWaixiao) { + this.overTmWaixiao = value.overTmWaixiao + this.getWeightHouseObj.overTmWaixiao = value.overTmWaixiao } - }; - }, - onShow() { - this.init(); - }, - computed: { - name() { - return uni.getStorageSync('name'); }, - openid() { - return uni.getStorageSync('openid'); - } - }, - methods: { - init() { - this.coalDayPage(); //鑾峰彇鏃ュ織 - this.getTakeCoal(); //鑾峰彇鎻愮叅鍗曡鎯� - this.getgetService(); //鑾峰彇瀹㈡湇 - }, - // 鑾峰彇瀹㈡湇openid - getgetService() { - this.$reqGet('getCallOutList', this.getServiceOpenid).then(res => { - console.log(res, '瀹㈡湇openid'); - if (res.code != 0) { - this.$u.toast('鑾峰彇瀹㈡湇淇℃伅澶辫触'); - } else { - if (res.data.length > 0) { - this.serviceInfoObj.openId = res.data[0].openId; - this.serviceInfoObj.openName = res.data[0].openName; - uni.setStorageSync('customeropenId', this.serviceInfoObj.openId); - uni.setStorageSync('customerName', this.serviceInfoObj.openName); - } + data() { + return { + orderPlanId: null, + yyId: null, + show:false, + hujiaolist: [{ name: '鎵嬫満鍙�', subname: '', id: 1 }], //鍛煎彨瀹㈡湇閫夐」 { name: '寰俊璇煶', id: 2 } + servieceShow:false, + chengZhongFlag:true, // 涓婃绉伴噸鐘舵�� + dayRZ: [], + list: [ + { + name:'閫夐」涓�', + }, + { + name: '閫夐」浜岀鐢�', + }, + { + name: '寮�鍚痩oad鍔犺浇', //寮�鍚悗鏂囧瓧涓嶆樉绀� } - }); + ], + coalDetailsData: {}, // 閫氱煡鍗曡鎯� + currentPageCoalStatus: 0, // 褰撳墠椤甸潰閫氱煡鍗曠姸鎬� + // 鑾峰彇鎵�鍦ㄧ鎴垮弬鏁� + getWeightHouseObj: { + deptId: '', + filedId: '', + tmId: '', + tmCode: '', + carNo: '' + }, + // 鑾峰彇鍏ュ満鐢宠鐨勫垪琛ㄩ〉闈㈠弬鏁� + getYuYueDataParams: { + deptId: '', + filedId: '', + sendDate: '' + }, + // 鑾峰彇瀹㈡湇openid鍙傛暟 + getServiceOpenid: { + deptId: '', + filedId: '' + }, + // 瀹㈡湇淇℃伅 + serviceInfoObj: { + openId: null, + openName: '', + serviecePhone: '' + }, + coalStatus: ['鏈О閲�', '绉伴噸涓�', '楠岃川涓�', '绉伴噸瀹屾垚', '璐ㄦ瀹屾垚'], // 鐘舵�乕0,1,3,4] + weighHouseCode: '', + // 鏀剧┖寮圭獥鎺у埗鍙橀噺 + evacuationModalShow: false, + evacuationTitle: '鏀剧┖纭', + evacuationContent: '鏄惁纭鏀剧┖', + // 绗竴娆℃斁绌哄弬鏁� + weighData: { + sceneId: '', + gateCameraId: '', + equipmentCode: '', + weigh: 0, + sceneInOut: '' + }, + // 鍘熷彂淇℃伅 + primarySkin: null, + primaryHair: null, + primaryClean: null, + scrollTop: 0, + // 纾呭崟绫诲瀷 + orderType: '', + interval: '', + // 瀹屾垚澶栭攢璁㈠崟 + completeOutSale: { + deptId: "", + filedId: "", + orderType: "", + clean: "" + }, + completeOutSaleShow: false, + reservationIsShow:false, + overTmWaixiao: null, + // 鍒よ缃戠粶鐘舵�侊紝 + normalCode: true, + onlineurl, + bangfangListShow: false, + bangfangList: [], + noCarNo:0, //鏄惁鏈夎溅鐗屽彿(鏈夎溅鐗�0锛屾棤杞︾墝1) + shenQingFuBangLoading: false, //鐢宠澶嶇loading + orderCode:'' + }; }, - // 鑾峰彇鎻愮叅鍗曡鎯� - getTakeCoal() { - this.$reqGet('getTakeCoal', { takeCoalId: this.orderPlanId }).then(res => { - if (res.code == 0) { - this.coalDetailsData = res.data[0]; - // 鑾峰彇鎵�鍦ㄧ鎴垮弬鏁拌祴鍊� - this.getWeightHouseObj.deptId = this.coalDetailsData.deptId; - this.getWeightHouseObj.filedId = this.coalDetailsData.filedId; - this.getWeightHouseObj.tmId = this.coalDetailsData.id; - this.getWeightHouseObj.tmCode = this.coalDetailsData.code; - this.getWeightHouseObj.carNo = this.coalDetailsData.carNo; - // 鑾峰彇鍏ュ満鐢宠鎿嶄綔鍚庣殑棰勭害鍒楄〃鐨勫弬鏁� - this.getYuYueDataParams.deptId = this.coalDetailsData.deptId; - this.getYuYueDataParams.filedId = this.coalDetailsData.filedId; - this.getYuYueDataParams.sendDate = this.coalDetailsData.sendDate; - // 鑾峰彇瀹㈡湇openId鍙傛暟璧嬪�� - this.getServiceOpenid.deptId = this.coalDetailsData.deptId; - this.getServiceOpenid.filedId = this.coalDetailsData.filedId; - // 鑾峰彇鎻愮叅鍗曠姸鎬� - this.currentPageCoalStatus = this.coalDetailsData.status; - } - }); + onShow() { + this.init(); }, - // 鏃ュ織鏌ヨ - coalDayPage() { - this.$reqGet('coalDayPage', { id: this.orderPlanId }).then(res => { - if (res.code == 0) { - this.dayRZ = res.data; - } - }); + onHide() { + clearInterval(this.interval); }, - // 灞曠ず鎻愮叅鍗曡鎯� - showCaolPickUpBill() { - uni.navigateTo({ - url: `/pages/driver-page/driver-index/bill-of-lading-details/coal-pick-up-bill/coal-pick-up-bill?orderPlanId=${this.orderPlanId}` - }); + beforeDestroy() { + clearInterval(this.interval); }, - // 绛惧埌 - arriveClick() { - uni.navigateTo({ - url: `/pages/driver-page/driver-index/bill-of-lading-details/punchTheClock/punchTheClock?orderPlanId=${this.orderPlanId}&coalStatus=${ - this.currentPageCoalStatus - }&tmId=${this.getWeightHouseObj.tmId}` - }); + computed: { + ...mapState(['globalinfraredStatus']), + ...mapGetters(['globalweigh']), + 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; + }, + isFangKong() { + if(this.coalDetailsData.hair !== 0 || this.coalDetailsData.skin !== 0) { + console.log(Math.abs(Number(this.coalDetailsData.hair) - Number(this.globalweigh)).toFixed(1),'hair') + console.log(Math.abs(Number(this.coalDetailsData.skin) - Number(this.globalweigh)).toFixed(1),'skin') + console.log(Number(this.globalweigh),'globalweigh') + console.log(Math.abs(Number(this.coalDetailsData.hair) - Number(this.globalweigh)) <= 0.1,'1111111111111') + console.log(Math.abs(Number(this.coalDetailsData.skin) - Number(this.globalweigh)) <= 0.1,'222222222222222') + if(Math.abs(Number(this.coalDetailsData.hair) - Number(this.globalweigh)).toFixed(2) <= 0.1 || Math.abs(Number(this.coalDetailsData.skin) - Number(this.globalweigh)).toFixed(2) <= 0.1) { + return true + }else { + return false + } + // if((this.coalDetailsData.hair == this.globalweigh) || (this.coalDetailsData.skin == this.globalweigh)) { + // return true + // }else { + // return false + // } + }else { + return false + } + }, + isapproach() { + return this.currentPageCoalStatus != 3; + }, + // 灞曠ず鐨瘺鍑� + showWeigh() { + return this.coalDetailsData.tmTaskCoalItems ? this.coalDetailsData.tmTaskCoalItems : [] + }, + //鍙告満棰嗗彇鐘舵�佹寜閽叏涓嶅睍绀� + isReservation(){ + return this.reservationIsShow < 1; + }, + //鍒ゆ柇鎵撳嵃鍗曟鏁� + printNum(){ + return this.coalDetailsData.printTimes2 <= this.coalDetailsData.tmTaskCoalItems?.length + }, + roleType() { + console.log(uni.getStorageSync('userInfo').type,'roleType') + return uni.getStorageSync('userInfo').type; + }, + isShenqingFubangShow() { //鐢宠澶嶇鎸夐挳鏄惁鏄剧ず + //鏉′欢锛� 涓嶆槸 绉伴噸瀹屾垚+涓嶆槸 鏈О閲�+鍙告満 銆愭湭绉伴噸0锛岀О閲嶄腑1锛岄獙璐ㄤ腑2锛岀О閲嶅畬鎴�3,楠岃川瀹屾垚4銆� noCarNo 鏄惁鏈夎溅鐗屽彿(鏈夎溅鐗�0锛屾棤杞︾墝1) + if((this.currentPageCoalStatus != 0) && this.roleType == 3 && this.coalDetailsData.isSendErp != 0) { + return true + }else { + return false + } + } }, - // 鍏ュ満鐢宠 - rcsqClick() { - uni.navigateTo({ - url: `/pages/driver-page/appointment/appointment?type=鍏ュ満鐢宠&takeCoalId=${this.orderPlanId}&yyId=${this.yyId}&filedId=${this.getYuYueDataParams.filedId}&deptId=${ - this.getYuYueDataParams.deptId - }&sendDate=${this.getYuYueDataParams.sendDate}` - }); - }, - // 鍛煎彨瀹㈡湇 - callCustomerService() { - // if (!this.serviceInfoObj.openId) { - // this.$u.toast('鏃犲鏈嶄俊鎭�'); - // } - wx.getSetting({ - success(res) { - console.log('鎺堟潈success', res); - if (!res.authSetting['scope.camera'] || !res.authSetting['scope.record']) { - if (!res.authSetting['scope.camera']) { - uni.showToast({ - title: '鏃犵浉鏈烘潈闄�' - }); - } else if (!res.authSetting['scope.record']) { - uni.showToast({ - title: '鏃犻害鍏嬮鏉冮檺' - }); - } - } else { - wx.join1v1Chat({ - caller: { nickname: uni.getStorageSync('name'), openid: uni.getStorageSync('openid') }, - listener: { nickname: uni.getStorageSync('customerName'), openid: uni.getStorageSync('customeropenId') }, // 杩欓噷鐨刼penid鏄痜yy鐨勶紝鍏呭綋鍥哄畾鐨勫鏈峯penid - backgroundType: 2, - roomType: 'voice', - success() { - console.log('涓�瀵逛竴鎴愬姛'); - }, - fail(err) { - console.log('涓�瀵逛竴澶辫触', err); + methods: { + init() { + this.$reqGet('coalDayPage', { id: this.orderPlanId }).then(res => { + if (res.code == 0) { + this.dayRZ = res.data.map(v => { + let slicedate = v.taskStatusDes.slice(0, 10); + if (slicedate == this.currentDate) { + return { + ...v, + taskStatusDes: v.taskStatusDes.slice(10) + }; + } else { + return { ...v } } }); } - }, - fail() { - console.log('鑾峰彇澶辫触'); - } - }); - }, - calling() { - // wx.join1v1Chat({ - // caller: { nickname: this.name, openid: this.openid }, //oZjXk5RRmbroAfl1m5aZ6hRNvqh4 - // listener: { nickname: this.serviceInfoObj.openName, openid: 'orutI5YT0yEvARVngdsTmBpisWmw' }, // 杩欓噷鐨刼penid鏄痜yy鐨勶紝鍏呭綋鍥哄畾鐨勫鏈峯penid - // backgroundType: 2, - // roomType: 'voice' - // }); - }, - // 绉伴噸 - cengZhongClick() { - this.$reqGet('getWeighHouse', this.getWeightHouseObj).then(res => { - console.log(res, '鑾峰彇纾呮埧'); - if (res.code == 0) { - this.weighData.sceneId = res.data.id; - this.weighData.gateCameraId = res.data.lastEquipmentId; - this.weighData.equipmentCode = res.data.lastEquipmentCode; - this.weighHouseCode = res.data.code; - uni.navigateTo({ - url: `/pages/driver-page/driver-index/bill-of-lading-details/weighingDevice/weighingDevice?takeCoalId=${this.orderPlanId}&sceneId=${ - res.data.id - }&gateCameraId=${res.data.lastEquipmentId}&gateCameraCode=${res.data.lastEquipmentCode}&weighHouseCode=${res.data.code}&getWeightHouseObj=${JSON.stringify( - this.getWeightHouseObj - )}` - }); - } else { - this.$u.toast('鏈湪纾呮埧锛岃鍓嶅線纾呮埧鍚庡啀璇曪紒锛�'); - } - }); - }, - /** - * 鍒濆鍖� weoSocket - */ - initWebSocket() { - let wsUrl = `${webSocketUrl}?access_token=${uni.getStorageSync('token')}`; - socket = uni.connectSocket({ - url: wsUrl, - header: { - CLIENT_TOC: 'Y' - }, - complete: res => { - console.log(res, 'socket缁撴灉'); - } - }); - socket.onOpen(() => { - console.log('onOpen'); - }); - // 鑾峰彇鏈嶅姟鍣ㄤ紶鏉ョ殑鏁版嵁锛屽仛鐩稿簲澶勭悊 - socket.onMessage(res => { - console.log('socketWeigh', res); - let nowWeighObj = JSON.parse(res.data.slice(7)); - if (nowWeighObj.eqCode == this.weighHouseCode) { - if (nowWeighObj.eqInfraredStatus) { - this.weighData.weigh = nowWeighObj.weigh; + }); + this.coalDayPage(); //鑾峰彇鏃ュ織 + this.getTakeCoal(); //鑾峰彇閫氱煡鍗曡鎯� + }, + // 鑾峰彇瀹㈡湇openid + getgetService() { + this.$reqGet('getCallOutList', this.getServiceOpenid).then(res => { + console.log(res, '瀹㈡湇openid'); + if (res.code != 0) { + this.$u.toast(res.msg ? res.msg : '鑾峰彇瀹㈡湇淇℃伅澶辫触'); } else { - this.weighData.weigh = nowWeighObj.weigh; + this.serviceInfoObj.openId = res.data.openId; + this.serviceInfoObj.openName = res.data.openName; + this.serviceInfoObj.serviecePhone = res.data.serviecePhone + this.$set(this.hujiaolist[0], 'subname', this.serviceInfoObj.serviecePhone) + uni.setStorageSync('customeropenId', this.serviceInfoObj.openId); + uni.setStorageSync('customerName', this.serviceInfoObj.openName); } - } - }); - socket.onClose(() => { - console.log('webSocketClose'); - this.$u.toast('纾呮埧涓柇'); - }); - socket.onError(err => { - console.log('socket鎶ラ敊', err); - this.$u.toast('鍑虹幇閿欒锛岃閲嶆柊杩涘叆璇ラ〉闈紝閲嶈瘯锛侊紒'); - }); - }, - // 鏀剧┖ - evacuation() { - this.evacuationModalShow = true; - }, - // 鏀剧┖寮圭獥纭 - evacuationConfirm() { - let mix = Object.assign(this.weighData, this.getWeightHouseObj); - this.$reqPost('getOneEvacuation', mix, 'json').then(res => { - console.log(res, '绗竴娆℃斁绌�'); - if (res.code == 0) { - this.$u.toast('宸叉斁绌�'); - this.evacuationModalShow = false; + }); + }, + // 鑾峰彇閫氱煡鍗曡鎯� + getTakeCoal() { + uni.showLoading({ + title: '鍔犺浇涓�' + }); + this.$reqGet('getTakeCoal', { takeCoalId: this.orderPlanId }).then(res => { + uni.hideLoading(); + if (res.code == 0) { + console.log(res, '閫氱煡鍗曡鎯�'); + this.coalDetailsData = res.data; + console.log('coalDetailsData',this.coalDetailsData) + this.orderCode = res.data.orderCode + this.orderType = this.coalDetailsData.orderType; + this.noCarNo = res.data.noCarNo + // 鍒ゆ柇鏄惁瀹屾垚澶栭攢璁㈠崟 + this.completeOutSale.orderType = this.coalDetailsData.orderType; + this.completeOutSale.deptId = this.coalDetailsData.deptId; + this.completeOutSale.filedId = this.coalDetailsData.filedId; + this.completeOutSale.clean = this.coalDetailsData.clean; + // 鑾峰彇鎵�鍦ㄧ鎴垮弬鏁拌祴鍊� + this.getWeightHouseObj.deptId = this.coalDetailsData.deptId; + this.getWeightHouseObj.filedId = this.coalDetailsData.filedId; + this.getWeightHouseObj.tmId = this.coalDetailsData.id; + this.getWeightHouseObj.tmCode = this.coalDetailsData.code; + this.getWeightHouseObj.carNo = this.coalDetailsData.carNo; + // 鑾峰彇鍏ュ満鐢宠鎿嶄綔鍚庣殑棰勭害鍒楄〃鐨勫弬鏁� + this.getYuYueDataParams.deptId = this.coalDetailsData.deptId; + this.getYuYueDataParams.filedId = this.coalDetailsData.filedId; + this.getYuYueDataParams.sendDate = this.coalDetailsData.sendDate; + // 鑾峰彇瀹㈡湇openId鍙傛暟璧嬪�� + this.getServiceOpenid.deptId = this.coalDetailsData.deptId; + this.getServiceOpenid.filedId = this.coalDetailsData.filedId; + // 鑾峰彇閫氱煡鍗曠姸鎬� + this.currentPageCoalStatus = this.coalDetailsData.statusWeigh; //銆愭湭绉伴噸0锛岀О閲嶄腑1锛岄獙璐ㄤ腑2锛岀О閲嶅畬鎴�3,楠岃川瀹屾垚4銆� + this.reservationIsShow = this.coalDetailsData.status; + // 鑾峰彇鍘熷彂淇℃伅 + this.primarySkin = this.coalDetailsData.skinTwo; + this.primaryHair = this.coalDetailsData.hairTwo; + this.primaryClean = this.coalDetailsData.cleanTwo; + + //鍒濆鍖栫鍗曟暟鎹� + this.list = this.coalDetailsData.tmTaskCoalItems.map(item=>{ + return {name:item.breed + '/' + item.spec,id:item.id,tmId:item.tmId} + }) + this.getPoundRoomByList() + } else { + this.$u.toast('鍔犺浇澶辫触'); + } + }).then(() => { + if (this.completeOutSale.orderType == "鍐呰喘" || this.completeOutSale.orderType == "杞叆") { + if (this.completeOutSale.clean !== 0 && this.currentPageCoalStatus !== 6 && this + .currentPageCoalStatus !== 11 && this.currentPageCoalStatus !== 12) { + this.$reqGet('getTmTaskCoalOrderType', { + deptId: this.completeOutSale.deptId, + filedId: this.completeOutSale.filedId, + orderType: '澶栭攢' + }).then(res => { + if (res.data && res.data?.length !== 0) { + this.completeOutSaleShow = true + console.log(res, '瀹屾垚澶栭攢璁㈠崟'); + } + }) + } + } + this.getgetService(); //鑾峰彇瀹㈡湇 + }) + }, + // 鏃ュ織鏌ヨ + coalDayPage() { + if (this.normalCode) { + this.interval = setInterval(() => { + this.$reqGet('coalDayPage', { id: this.orderPlanId }).then(res => { + if (res.code == 0) { + this.normalCode = true; + this.dayRZ = res.data.map(v => { + let slicedate = v.taskStatusDes.slice(0, 10); + if (slicedate == this.currentDate) { + return { + ...v, + taskStatusDes: v.taskStatusDes.slice(10) + }; + } else { + return { ...v } + } + }); + } else { + this.normalCode = false; + } + }); + }, 10000); } else { - this.$u.toast('鏀剧┖澶辫触锛岃绋嶅悗閲嶈瘯'); - this.evacuationModalShow = false; + clearInterval(this.interval) + this.$u.toast('鏈嶅姟鍣ㄩ敊璇�,璇风◢鍚庨噸璇�') } - }); - }, - // 鏀剧┖寮圭獥鍙栨秷 - evacuationCancel() { - this.evacuationModalShow = false; + }, + // 灞曠ず閫氱煡鍗曡鎯� + showCaolPickUpBill() { + uni.navigateTo({ + url: `/pages/driver-page/driver-index/bill-of-lading-details/coal-pick-up-bill/coal-pick-up-bill?orderPlanId=${this.orderPlanId}` + }); + }, + // 绛惧埌 + arriveClick() { + uni.navigateTo({ + url: `/pages/driver-page/driver-index/bill-of-lading-details/punchTheClock/punchTheClock?orderPlanId=${this.orderPlanId}&coalStatus=${ + this.currentPageCoalStatus + }&tmId=${this.getWeightHouseObj.tmId}&yyId=${this.yyId}` + }); + }, + // 鍏ュ満鐢宠 + rcsqClick() { + uni.navigateTo({ + url: `/pages/driver-page/appointment/appointment?type=鍏ュ満鐢宠&takeCoalId=${this.orderPlanId}&yyId=${this.yyId}&filedId=${this.getYuYueDataParams.filedId}&deptId=${ + this.getYuYueDataParams.deptId + }&sendDate=${this.getYuYueDataParams.sendDate}` + }); + }, + // 鍛煎彨瀹㈡湇 + callCustomerService() { + // if (!this.serviceInfoObj.openId) { + // this.$u.toast('鏃犲鏈嶄俊鎭�'); + // } + // wx.getSetting({ + // success(res) { + // console.log('鎺堟潈success', res); + // if (!res.authSetting['scope.camera'] || !res.authSetting['scope.record']) { + // if (!res.authSetting['scope.camera']) { + // uni.showToast({ + // title: '鏃犵浉鏈烘潈闄�' + // }); + // } else if (!res.authSetting['scope.record']) { + // uni.showToast({ + // title: '鏃犻害鍏嬮鏉冮檺' + // }); + // } + // } else { + // wx.join1v1Chat({ + // caller: { + // nickname: uni.getStorageSync('name'), + // openid: uni.getStorageSync( + // 'openid') + // }, + // listener: { + // nickname: uni.getStorageSync('customerName'), + // openid: uni.getStorageSync( + // 'customeropenId') + // }, + // backgroundType: 2, + // roomType: 'voice', + // success() { + // console.log('涓�瀵逛竴鎴愬姛'); + // }, + // fail(err) { + // console.log('涓�瀵逛竴澶辫触', err); + // } + // }); + // } + // }, + // fail() { + // console.log('鑾峰彇澶辫触'); + // } + // }); + this.servieceShow = true + }, + serviceClose() { + this.servieceShow = false + }, + selectClickhujiao(v){ + console.log(v,'vvvv') + if (v.id === 2) { + this.callCustomerServiceImpl() + } else if (v.id === 1) { + console.log(this.serviceInfoObj,'w123456+') + wx.makePhoneCall({ + phoneNumber: this.serviceInfoObj.serviecePhone + }) + } + }, + callCustomerServiceImpl(){ + wx.getSetting({ + success(res) { + console.log('鎺堟潈success', res); + if (!res.authSetting['scope.camera'] || !res.authSetting['scope.record']) { + if (!res.authSetting['scope.camera']) { + uni.showToast({ + title: '鏃犵浉鏈烘潈闄�' + }); + } else if (!res.authSetting['scope.record']) { + uni.showToast({ + title: '鏃犻害鍏嬮鏉冮檺' + }); + } + } else { + wx.join1v1Chat({ + caller: { + nickname: uni.getStorageSync('username'), + openid: uni.getStorageSync( + 'openid') + }, + listener: { + nickname: uni.getStorageSync('customerName'), + openid: uni.getStorageSync( + 'customeropenId') + }, + backgroundType: 2, + roomType: 'voice', + success() { + console.log('涓�瀵逛竴鎴愬姛'); + }, + fail(err) { + console.log('涓�瀵逛竴澶辫触', err); + } + }); + } + }, + fail() { + console.log('鑾峰彇澶辫触'); + } + }); + }, + // 绉伴噸 + cengZhongClick() { + this.$reqGet('getWeighHouse', this.getWeightHouseObj).then(res => { + console.log(res, '鑾峰彇纾呮埧'); + if (res.code == 0) { + this.weighData.sceneId = res.data.id; + this.weighData.gateCameraId = res.data.lastEquipmentId; + this.weighData.equipmentCode = res.data.lastEquipmentCode; + this.weighData.sceneInOut = res.data.sceneInOut; + this.weighHouseCode = res.data.code; + + uni.navigateTo({ + url: `/pages/driver-page/driver-index/bill-of-lading-details/weighingDevice/weighingDevice?takeCoalId=${this.orderPlanId}&sceneId=${ + res.data.id + }&gateCameraId=${res.data.lastEquipmentId}&gateCameraCode=${res.data.lastEquipmentCode}&weighHouseCode=${res.data.code}&primarySkin=${ + this.primarySkin + }&primaryHair=${this.primaryHair}&psrimaryClean=${this.primaryClean}&sceneInOut=${res.data.sceneInOut}&overTmWaixiao=${this.overTmWaixiao} + &isWeighing=${this.coalDetailsData.weighingType}` + }); + } else { + this.$u.toast(res.msg ? res.msg : '鏈湪纾呮埧锛岃鍓嶅線纾呮埧鍚庡啀璇曪紒锛�'); + } + }); + }, + //鐢宠璁¢噺 + shenqingjiliangClick() { + this.bangfangListShow = true + }, + bangfangSelectClick(val) { //閫変腑纾呮埧(鍙告満閫夋嫨纾呮埧) + console.log(val,'id----') + this.$reqPost('applyWeight',{tmId:this.getWeightHouseObj.tmId,houseId:val.id},'params').then(res => { + console.log(res,'閫夋嫨纾呮埧====') + if(res.code == 0) { + uni.navigateTo({ + url: `/pages/driver-page/driver-index/bill-of-lading-details/nocarNoWeighingDevice/nocarNoWeighingDevice?tmId=${this.getWeightHouseObj.tmId}&houseId=${val?.id}&weighHouseCode=${val?.code}` + }) + }else { + this.$u.toast(res.msg); + } + }) + + }, + bangfangSheetClose() { + this.bangfangListShow = false + }, + getPoundRoomByList() { + console.log(this.getWeightHouseObj.tmId,'this.getWeightHouseObj.tmId===') + this.$reqGet('getPoundRoomByList',{tmId:this.getWeightHouseObj.tmId}).then(res => { + console.log(res,'res') + if(res.data) { + this.bangfangList = res.data + } + }) + }, + shenqingFubangClick() { //鐢宠澶嶇 + let params = { + deptId:this.coalDetailsData.deptId, + filedId:this.coalDetailsData.filedId, + tmId:this.coalDetailsData.id + } + this.shenQingFuBangLoading = true + this.$reqPost('applyForRepeatedCarNew',params,'json').then(res => { + console.log(res,'鐢宠澶嶇-----') + if(res.code == 0) { + this.$u.toast(res.msg); + this.shenQingFuBangLoading = false + }else { + this.$u.toast(res.msg); + this.shenQingFuBangLoading = false + } + }).catch(() => { + this.shenQingFuBangLoading = false + }).finally(() => { + this.shenQingFuBangLoading = false + }) + }, + // 鏀剧┖ + evacuation() { + this.evacuationModalShow = true; + }, + // 鏀剧┖寮圭獥纭 + evacuationConfirm() { + this.weighData = { + ...this.weighData, + weigh: this.globalweigh + }; + let mix = Object.assign(this.weighData, this.getWeightHouseObj); + this.$reqPost('getOneEvacuation', mix, 'json').then(res => { + console.log(res, '绗竴娆℃斁绌�'); + if (res.code == 0) { + this.$u.toast('鎿嶄綔鎴愬姛'); + this.evacuationModalShow = false; + } else { + this.$u.toast('鎿嶄綔澶辫触锛岃绋嶅悗閲嶈瘯'); + this.evacuationModalShow = false; + } + }); + }, + // 鏀剧┖寮圭獥鍙栨秷 + evacuationCancel() { + this.evacuationModalShow = false; + }, + // 瀹屾垚澶栭攢纭畾 + completeOutSaleConfirm() { + this.completeOutSaleShow = false + uni.navigateTo({ + url: `/pages/driver-page/driver-index/bill-of-lading-details/completeOutSale/completeOutSale?deptId=${this.completeOutSale.deptId}&filedId=${this.completeOutSale.filedId}` + }) + }, + // 瀹屾垚澶栭攢鍙栨秷 + completeOutSaleCancel() { + this.completeOutSaleShow = false + }, + // 鏌ョ湅璐ㄩ噺鏄庣粏 + jumpWeighDetail() { + uni.navigateTo({ + url: `/pages/driver-page/driver-index/bill-of-lading-details/weighDetail/weighDetail?orderPlanId=${this.orderPlanId}&flag=${true}` + }) + }, + //鎵撳嵃纾呭崟 + printOrder(){ + this.show = true; + }, + selectClick(obj){ + console.log(obj,'tmiod') + this.startProlling(obj.id,obj.tmId); + + }, + //鎵撳嵃浠诲姟 + printPolling(id){ + return new Promise((resolve, reject) => { + this.$reqGet('printerHandler',{tmItemId:id}).then(res => { + uni.hideLoading(); + this.$u.toast(res.msg ? res.msg : '鍘绘墦鍗�') + if (res.data) { + // this.$u.toast('鎵撳嵃鎴愬姛') + // this.orderPlanData = res.data + resolve(true) + } + }).catch((err) => { + uni.hideLoading(); + reject(false) + this.$u.toast('鎵撳嵃澶辫触') + }).finally(() => { + this.show = false; + }) + }) + }, + //鎺ㄩ�乪rp + pushErp(id,tmId) + { + return new Promise((resolve, reject) => { + this.$reqPost('reSendErp',{tmId:tmId},'json').then(res => { + uni.hideLoading(); + if (res.data) { + resolve(true) + } + }).catch((err) => { + uni.hideLoading(); + reject(false) + this.$u.toast('鎺ㄩ�佸け璐�') + }) + }) + }, + //鎵ц鎵撳嵃浠诲姟 + startProlling(id,tmId){ + Promise.all([this.pushErp(id,tmId), this.printPolling(id)]).then(res => { + console.log('鎵�鏈夊紓姝ヨ姹傚潎宸叉垚鍔熷姞杞藉畬姣�',res) + this.$u.toast('鎺ㄩ�佹垚鍔�'); + }).catch(err => { + console.log(err) + }) + + + }, + sheetClose(){ + this.show = false; + }, + onPullDownRefresh() { //涓嬫媺鍒锋柊 + setTimeout(() => { + this.getTakeCoal(() => { //鑾峰彇閫氱煡鍗曡鎯� + uni.stopPullDownRefresh() + }) + },1000) + } } - } -}; + }; </script> -<style lang="scss" scoped> -::v-deep.bill-of-lading-details { - width: 100%; - height: 100vh; - margin: 0 auto; - display: flex; - flex-direction: column; - .bangDanMessage { - padding: vww(10); - border: vww(2) solid #dddddd; - border-radius: vww(20); - margin: vww(20); - margin-bottom: vww(10); - height: 40%; - font-size: vww(18); - font-weight: 600; - view { - margin-bottom: vww(10); - } - view:nth-of-type(1) { - display: flex; - text { - width: 50%; - text-align: center; - } - } - view:nth-of-type(2) { - display: flex; - text { - width: 33%; - text-align: center; - } - } - view:nth-of-type(3) { - display: flex; - text { - width: 50%; - text-align: center; - } - } - view:nth-of-type(4) { - display: flex; - flex-direction: column; - text { - margin-bottom: vww(10); - text-align: center; - } - } +<style lang="scss" + scoped> + .send-date{ + font-size: 12px; + color: #eee; } - .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; - } + .weighing-item{ + min-height: 200rpx!important; } - .utilsBox { - padding: vww(10) vww(20); - flex: 1; - display: flex; - flex-direction: column; - .utils_chil { - flex: 1; - display: flex; - align-items: center; - } - .utils_chilTop { - .u-button { - margin-right: vww(4); - &:nth-child(4) { - margin-right: 0; + /deep/.u-steps { + .u-steps-item { + .u-steps-item__content { + .u-text { + .u-text__value { + font-size: 31rpx !important; + font-weight: 300; + color: #303030; + } } } } } -} + + @mixin flex { + display: flex; + justify-content: space-between; + align-items: center; + } + + ::v-deep.bill-of-lading-details { + width: 100%; + height: 100%; + margin: 0 auto; + + .top-banner { + width: 100%; + height: 346rpx; + position: fixed; + } + + .top-information { + width: 94%; + margin: 0 auto; + height: vww(52); + @include flex position: relative; + flex-direction: column; + justify-content: space-between; + align-items: flex-start; + top: vww(25); + color: #ffffff; + font-size: 31rpx; + font-weight: 300; + + + .cutomer-name { + width: 100%; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + } + + .fild-name { + @include flex; + justify-content: space-between; + width: 100%; + + view { + min-width: 296rpx; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + } + } + } + + .block-information { + width: 690rpx; + height: 100%; + min-height: 400rpx; + margin: vww(40) auto 0rpx; + background: #ffffff; + box-shadow: 4rpx 6rpx 51rpx 0rpx rgba(73, 120, 240, 0.11); + border-radius: 20rpx; + position: relative; + font-size: 30rpx; + font-weight: 300; + color: #303030; + overflow: hidden; + + .block-main { + display: grid; + grid-template-columns: auto; + grid-template-rows: repeat(auto-fit, minmax(40rpx, 1fr)); + gap: auto 5rpx; + width: 94%; + height: 100%; + min-height: 360rpx; + margin: vww(18) vww(7) vww(8) vww(17); + } + + .status-button { + width: vww(71); + height: vww(36); + text-align: center; + line-height: vww(33); + font-size: 28rpx; + font-weight: 300; + position: absolute; + right: vww(10); + color: #fff; + } + + .basic { + width: 100%; + height: vww(15); + @include flex; + justify-content: flex-start; + + .coalName, + .order-type { + width: 370rpx; + height: 55rpx; + font-size: 30rpx; + font-weight: 300; + color: #515151; + position: relative; + overflow: hidden; //婧㈠嚭闅愯棌 + text-overflow: ellipsis; //瓒呭嚭閮ㄥ垎鐪佺暐鍙� + white-space: nowrap; //涓嶆崲琛� + } + + .black-block { + width: 2rpx; + height: 30rpx; + background: #515151; + position: relative; + top: vww(2); + } + } + + .time { + width: 100%; + height: vww(12); + display: flex; + justify-content: flex-start; + + .send-date { + width: 148rpx; + height: 24rpx; + margin-left: vww(14); + font-size: 28rpx; + font-weight: 300; + color: #515151; + } + } + + .coal-code, + .order-code { + width: 100%; + height: 24rpx; + font-size: 28rpx; + font-weight: 300; + color: #7d7d7d; + } + + + } + + // 绉伴噸鍘嗗彶 + .weigh-history { + .block-main { + .weigh-item { + width: 100%; + height: vww(80); + @include flex; + flex-direction: column; + justify-content: space-around; + align-items: flex-start; + + .item-block { + width: 100%; + height: vww(36); + @include flex; + justify-content: space-around; + + .item { + min-width: vww(50); + height: vww(45); + font-size: 21rpx; + font-weight: 400; + color: #ffffff; + text-align: center; + line-height: vww(30); + @include flex; + + .concrete { + width: vww(36); + height: vww(36); + } + + .num { + font-size: 40rpx; + font-weight: 300; + color: #303030; + } + } + } + } + } + } + + // 鏃堕棿绾� + .timeLine { + height: 300rpx; + min-height: 300rpx; + position: relative; + // top: vww(120); + overflow-y: overlay; + padding: vww(20); + + .u-steps { + .u-steps-item { + padding-bottom: vww(35); + + .u-steps-item__wrapper { + .u-steps-item__wrapper__dot { + background: linear-gradient(-29deg, #426cff 0%, #7991ff 100%); + box-shadow: 2rpx 7rpx 10rpx 0rpx rgba(172, 172, 172, 0.64); + } + } + + .u-steps-item__line { + height: vww(52) !important; + background: #e9e6ea !important; + } + } + } + } + + .white-block { + width: 100%; + height: vww(20); + background-color: #fff; + } + + .utilsBox { + width: 94%; + margin: 0 auto; + position: relative; + // top: vww(80); + + .utils_chil { + width: 100%; + margin: 0 auto; + + .top-button, + .bottom-button { + width: 100%; + height: vww(47); + display: flex; + justify-items: flex-start; + + .u-button { + margin: 0 20rpx; + width: 40%; + height: 60rpx; + font-size: 28rpx; + font-weight: 300; + color: #497bfb; + border: 2px solid #3b56eb; + } + } + } + } + + .weigh-ability { + width: 631rpx; + margin: vww(20) auto; + margin-bottom: vww(10); + @include flex; + flex-direction: column; + + .weigh-button { + width: 631rpx; + .u-button { + font-size: 28rpx; + font-weight: 300; + color: #ffffff; + background: #497bfb; + letter-spacing: 4rpx; + border-radius: 37rpx 37rpx 37rpx 37rpx; + box-shadow: 2rpx 3rpx 13rpx 0rpx rgba(43, 98, 239, 0.5), 0rpx 0rpx 9rpx 0rpx rgba(247, 250, 253, 0.29); + } + } + } + } + ::v-deep{ + .u-action-sheet{ + max-height: 900rpx; + overflow-y: auto; + } + .u-action-sheet__item-wrap__item{ + padding: 10px 15px!important; + } + } + .btns-box-main{ + width: 100%; + margin-bottom: 60rpx; + } </style> -- Gitblit v1.9.1