From d709ecdc3a6dcea3705a623c7efe4976aa05e5ee Mon Sep 17 00:00:00 2001 From: yangan <yangan0921@163.com> Date: 星期三, 25 十月 2023 09:52:40 +0800 Subject: [PATCH] 修改业务基础文字 --- pages/driver-page/driver-index/bill-of-lading-details/bill-of-lading-details.vue | 151 +++++++++++++++++++++++++------------------------- 1 files changed, 75 insertions(+), 76 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 02a916c..83dd8f1 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,19 +1,19 @@ <template> <view class="bill-of-lading-details"> <view class="top-banner" - style="background: url('https://mx.jzeg.cn:9095/appimg/image/banner/loadingbanner.png') no-repeat;background-size: cover;"> + :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> + v-if="orderType == '杞叆' || orderType == '杞嚭'">浠撳簱:{{ coalDetailsData.toFiledName || '' }}</view> <view class="cutomer-name" v-else>瀹㈡埛:{{ coalDetailsData.customerName || '' }}</view> <view class="fild-name"> - <view class="">鐭垮満:{{ coalDetailsData.deptName || '鏆傛棤' }}</view> + <view class="">鍩哄湴:{{ coalDetailsData.deptName || '鏆傛棤' }}</view> <view class="" - v-if="orderType == '杞叆' || orderType == '杞嚭'">鐓ゅ満:{{ coalDetailsData.filedName || '' }}</view> + v-if="orderType == '杞叆' || orderType == '杞嚭'">浠撳簱:{{ coalDetailsData.filedName || '' }}</view> <view class="" - v-else>鐓ゅ満:{{ coalDetailsData.filedName || '鏆傛棤' }}</view> + v-else>浠撳簱:{{ coalDetailsData.filedName || '鏆傛棤' }}</view> </view> </view> <view class="block-information"> @@ -21,8 +21,7 @@ <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;"> + :style="{ backgroundImage: `url(${onlineurl}/appimg/image/banner/statusbutton.png)`, backgroundSize: 'cover', backgroundRepeat: 'no-repeat' }"> {{ coalStatus[coalDetailsData.statusWeigh] || '' }} </view> </view> @@ -32,7 +31,7 @@ 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.code || '' }}</view> <view class="order-code"> 璁㈠崟缂栧彿: {{ coalDetailsData.orderCode || '' }}</view> <view class="coal-code" @@ -40,32 +39,13 @@ style="color: rgb(73, 123, 251);"> 鏌ョ湅鏄庣粏 </view> - <view class="weigh-item" - v-for='item in showWeigh' - :key="item.id"> - <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">{{ item.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">{{ item.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">{{ item.clean }}</view> - </view> - </view> + </view> </view> - + <!-- 绉伴噸鍘嗗彶--> + <weigh-item :list="showWeigh"></weigh-item> + <!-- 鏃堕棿绾� --> <view class="timeLine"> <u-steps :current="dayRZ.length - 1" direction="column" @@ -111,11 +91,13 @@ </view> </view> <view class="weigh-ability"> - <view class="weigh-button"><u-button text="灞曠ず鎻愮叅鍗�" + <view class="weigh-button"><u-button text="灞曠ず閫氱煡鍗�" @click="showCaolPickUpBill" type="primary" shape="circle"></u-button></view> - <view class="weigh-button"><u-button text="涓婄璁¢噺" + <view class="weigh-button"><u-button + :disabled="!isapproach" + text="涓婄璁¢噺" @click="cengZhongClick" type="primary" shape="circle"></u-button></view> @@ -131,7 +113,7 @@ <view class="completeOutSale"> <u-modal :show="completeOutSaleShow" title="纭" - content="鏄惁瀹屾垚澶栭攢鎻愮叅鍗�" + content="鏄惁瀹屾垚澶栭攢閫氱煡鍗�" :showCancelButton="true" @confirm="completeOutSaleConfirm" @cancel="completeOutSaleCancel"></u-modal> @@ -140,9 +122,14 @@ </template> <script> + import { onlineurl } from '@/api/request.js' import { webSocketUrl } from '@/api/request.js'; import { mapState, mapMutations } from 'vuex'; + import weighItem from '@/components/weighItem.vue' export default { + components: { + weighItem + }, onLoad(value) { this.orderPlanId = value.orderPlanId; this.yyId = value.yyId; @@ -155,9 +142,10 @@ return { orderPlanId: null, yyId: null, + chengZhongFlag:true, // 涓婃绉伴噸鐘舵�� dayRZ: [], - coalDetailsData: {}, // 鎻愮叅鍗曡鎯� - currentPageCoalStatus: 0, // 褰撳墠椤甸潰鎻愮叅鍗曠姸鎬� + coalDetailsData: {}, // 閫氱煡鍗曡鎯� + currentPageCoalStatus: 0, // 褰撳墠椤甸潰閫氱煡鍗曠姸鎬� // 鑾峰彇鎵�鍦ㄧ鎴垮弬鏁� getWeightHouseObj: { deptId: '', @@ -182,7 +170,7 @@ openId: null, openName: '' }, - coalStatus: ['鏈О閲�', '绉伴噸涓�', '楠岃川涓�', '绉伴噸瀹屾垚'], // 鐘舵�� + coalStatus: ['鏈О閲�', '绉伴噸涓�', '楠岃川涓�', '绉伴噸瀹屾垚', '楠岃川瀹屾垚'], // 鐘舵�� weighHouseCode: '', // 鏀剧┖寮圭獥鎺у埗鍙橀噺 evacuationModalShow: false, @@ -214,7 +202,8 @@ completeOutSaleShow: false, overTmWaixiao: null, // 鍒よ缃戠粶鐘舵�侊紝 - normalCode: null + normalCode: true, + onlineurl, }; }, onShow() { @@ -274,7 +263,7 @@ } }); this.coalDayPage(); //鑾峰彇鏃ュ織 - this.getTakeCoal(); //鑾峰彇鎻愮叅鍗曡鎯� + this.getTakeCoal(); //鑾峰彇閫氱煡鍗曡鎯� this.getgetService(); //鑾峰彇瀹㈡湇 }, // 鑾峰彇瀹㈡湇openid @@ -291,7 +280,7 @@ } }); }, - // 鑾峰彇鎻愮叅鍗曡鎯� + // 鑾峰彇閫氱煡鍗曡鎯� getTakeCoal() { uni.showLoading({ title: '鍔犺浇涓�' @@ -299,7 +288,7 @@ this.$reqGet('getTakeCoal', { takeCoalId: this.orderPlanId }).then(res => { uni.hideLoading(); if (res.code == 0) { - console.log(res, '鎻愮叅鍗曡鎯�'); + console.log(res, '閫氱煡鍗曡鎯�'); this.coalDetailsData = res.data; this.orderType = this.coalDetailsData.orderType; // 鍒ゆ柇鏄惁瀹屾垚澶栭攢璁㈠崟 @@ -320,7 +309,7 @@ // 鑾峰彇瀹㈡湇openId鍙傛暟璧嬪�� this.getServiceOpenid.deptId = this.coalDetailsData.deptId; this.getServiceOpenid.filedId = this.coalDetailsData.filedId; - // 鑾峰彇鎻愮叅鍗曠姸鎬� + // 鑾峰彇閫氱煡鍗曠姸鎬� this.currentPageCoalStatus = this.coalDetailsData.statusWeigh; // 鑾峰彇鍘熷彂淇℃伅 this.primarySkin = this.coalDetailsData.skinTwo; @@ -375,7 +364,7 @@ this.$u.toast('鏈嶅姟鍣ㄩ敊璇�,璇风◢鍚庨噸璇�') } }, - // 灞曠ず鎻愮叅鍗曡鎯� + // 灞曠ず閫氱煡鍗曡鎯� showCaolPickUpBill() { uni.navigateTo({ url: `/pages/driver-page/driver-index/bill-of-lading-details/coal-pick-up-bill/coal-pick-up-bill?orderPlanId=${this.orderPlanId}` @@ -443,14 +432,6 @@ } }); }, - 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 => { @@ -513,7 +494,7 @@ // 鏌ョ湅璐ㄩ噺鏄庣粏 jumpWeighDetail() { uni.navigateTo({ - url: `/pages/driver-page/driver-index/bill-of-lading-details/weighDetail/weighDetail?orderPlanId=${this.orderPlanId}` + url: `/pages/driver-page/driver-index/bill-of-lading-details/weighDetail/weighDetail?orderPlanId=${this.orderPlanId}&flag=${true}` }) } } @@ -611,9 +592,6 @@ height: 100%; min-height: 380rpx; margin: vww(18) vww(7) vww(11) vww(17); - // flex-direction: column; - // justify-content: space-between; - // align-items: flex-start; } .status-button { @@ -678,37 +656,58 @@ 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); + } + + // 绉伴噸鍘嗗彶 + .weigh-history { + @extend .block-information; + + .block-main { + @extend .block-main; + gap: 10rpx 20rpx; + + .weigh-item { + width: 100%; + height: vww(80); @include flex; + flex-direction: column; + justify-content: space-around; + align-items: flex-start; - .concrete { - width: vww(36); + .item-block { + width: 100%; height: vww(36); - } + @include flex; + justify-content: space-around; - .num { - font-size: 40rpx; - font-weight: 300; - color: #303030; + .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; -- Gitblit v1.9.1