From af436aa050f76584cd5cb88e413e45cd08c15d50 Mon Sep 17 00:00:00 2001 From: qingyiay <2386314947@qq.com> Date: 星期三, 17 五月 2023 14:14:04 +0800 Subject: [PATCH] 修改部分错误,增加新功能 --- pages/driver-page/driver-index/bill-of-lading-details/coal-pick-up-bill/coal-pick-up-bill.vue | 104 ++++++++++++++++++++++++++++++---------------------- 1 files changed, 60 insertions(+), 44 deletions(-) diff --git a/pages/driver-page/driver-index/bill-of-lading-details/coal-pick-up-bill/coal-pick-up-bill.vue b/pages/driver-page/driver-index/bill-of-lading-details/coal-pick-up-bill/coal-pick-up-bill.vue index 0115454..833583d 100644 --- a/pages/driver-page/driver-index/bill-of-lading-details/coal-pick-up-bill/coal-pick-up-bill.vue +++ b/pages/driver-page/driver-index/bill-of-lading-details/coal-pick-up-bill/coal-pick-up-bill.vue @@ -1,52 +1,59 @@ <template> <view class="coal-pick-up-bill"> - <view class="driver" style="background:url(../../../../../static/image/coalBackgroud/coal-background.png) no-repeat;background-size:100% 100%;"> + <view class="driver" style="background:url(https://mx.jzeg.cn:9095/appimg/image/coalBackgroud/coal-background.png) no-repeat;background-size:100% 100%;"> <view class="driver-coalOne">鐢靛瓙鎻愮叅鍗�</view> <view class="driver-coalTwo"> - <view class="">涓滃簽鐭垮寳浜�</view> - <view class="">1/3鐒�</view> - <view class="">鍐�A37U98</view> + <view>{{ coalData.code || '鏆傛棤璁㈠崟缂栧彿' }}</view> + <view class="bigFont">{{ coalData.deptName || '鏆傛棤鎵�灞炵熆' }}</view> + <view class="bigFont">{{ coalData.coalName || '鏆傛棤鐓ょ' }}</view> + <view class="bigFont">{{ coalData.carNo || '鏆傛棤杞︾墝' }}</view> </view> <view class="driver-coalThree"> - <view class="">鏃槼鐒﹀寲鏈夐檺璐d换鍏徃</view> - <view class="">2022骞�8鏈�28鏃� 15:00:56</view> + <view>{{ coalData.customerName || '鏆傛棤鍗曚綅' }}</view> + <view>{{ coalData.yuYueTime ? coalData.yuYueTime.slice(0, 10) + ' ' + coalData.yuYueTime.slice(11, 22) : '鏆傛棤鏃堕棿' }}</view> </view> - <view class="driver-coalFour"><image src="@/static/logo.gif" mode=""></image></view> + <view class="driver-coalFour"><image src="https://mx.jzeg.cn:9095/appimg/logo.gif" mode=""></image></view> </view> </view> </template> <script> - export default { - onLoad(value) { - console.log('椤甸潰鍔犺浇', value); - if (value.orderPlanId) { - this.orderPlanId = value.orderPlanId; - } - }, - data() { - return { - orderPlanId: null - }; - }, - onShow() { - this.init(); - }, - methods: { - init() { - this.getTakeCoal(); - }, - // 鑾峰彇鎻愮叅鍗曡鎯� - getTakeCoal() { - this.$reqGet('getTakeCoal', { takeCoalId: this.orderPlanId }).then(res => { - console.log('鑾峰彇鎻愮叅鍗曡鎯�', res); - }); - } - /** - * @desc 绛夊緟鍙栫叅鍗曟帴鍙� - * */ +export default { + onLoad(value) { + console.log('椤甸潰鍔犺浇', value); + if (value.orderPlanId) { + this.orderPlanId = value.orderPlanId; } + }, + data() { + return { + orderPlanId: null, + coalData: {} + }; + }, + onShow() { + this.init(); + }, + methods: { + init() { + this.getTakeCoal(); + }, + // 鑾峰彇鎻愮叅鍗曡鎯� + getTakeCoal() { + this.$reqGet('getTakeCoal', { takeCoalId: this.orderPlanId }).then(res => { + console.log('鑾峰彇鎻愮叅鍗曡鎯�', res); + if (res.code == 0) { + this.coalData = res.data; + } else { + this.$u.toast('鍔犺浇澶辫触'); + } + }); + } + /** + * @desc 绛夊緟鍙栫叅鍗曟帴鍙� + * */ } +}; </script> <style lang="scss" scoped> @@ -64,43 +71,52 @@ margin-top: 19%; text-align: center; font-size: vww(40); - font-family: Source Han Sans CN, Source Han Sans CN-Bold; font-weight: 700; color: #896227; } &-coalTwo { + width: 80%; margin-top: 20%; + margin: 20% auto 0; font-size: vww(20); - font-family: Source Han Sans CN, Source Han Sans CN-Bold; font-weight: 700; text-align: center; color: #2e363f; view:nth-child(2) { margin-top: vww(15); + font-size: 30px; } view:nth-child(3) { margin-top: vww(15); + font-size: 30px; + } + view:nth-child(4) { + margin-top: vww(15); + font-size: 30px; } } &-coalThree { - margin-top: vww(76); + margin-top: vww(15); font-size: vww(18); - font-family: Source Han Sans CN, Source Han Sans CN-Bold; font-weight: 700; text-align: center; color: #2e363f; view:nth-child(2) { - margin-top: vww(8); + margin-top: vww(15); } } &-coalFour { - margin: vww(68) 0 0 45.5%; + display: flex; + justify-content: center; + align-items: center; + position: absolute; + width: 100%; + bottom: 161rpx; image { - width: vww(35); - height: vww(35); + width: vww(52); + height: vww(52); } } } } </style> - -- Gitblit v1.9.1