From e9f4e729b9b19e068781a08bc52fdd4a0798ca7e Mon Sep 17 00:00:00 2001 From: yangan <yangan0921@163.com> Date: 星期三, 25 十月 2023 14:07:13 +0800 Subject: [PATCH] 验质计算净重bug --- pages/driver-page/driver-index/bill-of-lading-details/coal-pick-up-bill/coal-pick-up-bill.vue | 157 ++++++++++++++++++++++++++++++++-------------------- 1 files changed, 96 insertions(+), 61 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..5ad1912 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,22 +1,31 @@ <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-coalOne">鐢靛瓙鎻愮叅鍗�</view> + <view class="driver" + :style="{ backgroundImage: `url(${onlineurl}/appimg/image/banner/coal-background.png)`, backgroundSize: '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>{{ coalData.orderType || '鏆傛棤璁㈠崟绫诲瀷' }}</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="`${onlineurl}/appimg/logo.gif`" + mode=""></image> + </view> </view> </view> </template> <script> + import { onlineurl } from '@/api/request.js' export default { onLoad(value) { console.log('椤甸潰鍔犺浇', value); @@ -26,7 +35,9 @@ }, data() { return { - orderPlanId: null + orderPlanId: null, + coalData: {}, + onlineurl, }; }, onShow() { @@ -36,71 +47,95 @@ init() { this.getTakeCoal(); }, - // 鑾峰彇鎻愮叅鍗曡鎯� + // 鑾峰彇閫氱煡鍗曡鎯� getTakeCoal() { this.$reqGet('getTakeCoal', { takeCoalId: this.orderPlanId }).then(res => { - console.log('鑾峰彇鎻愮叅鍗曡鎯�', res); + console.log('鑾峰彇閫氱煡鍗曡鎯�', res); + if (res.code == 0) { + this.coalData = res.data; + } else { + this.$u.toast('鍔犺浇澶辫触'); + } }); } /** * @desc 绛夊緟鍙栫叅鍗曟帴鍙� * */ } - } + }; </script> -<style lang="scss" scoped> -::v-deep.coal-pick-up-bill { - width: 100%; - margin: 0 auto; - display: flex; - flex-direction: column; - - // 鍙告満椤甸潰 - .driver { +<style lang="scss" + scoped> + ::v-deep.coal-pick-up-bill { width: 100%; - height: 100vh; - &-coalOne { - 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 { - margin-top: 20%; - 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: 0 auto; + display: flex; + flex-direction: column; + + // 鍙告満椤甸潰 + .driver { + width: 100%; + height: 100vh; + + &-coalOne { + margin-top: 19%; + text-align: center; + font-size: vww(40); + font-weight: 700; + color: #896227; + } + + &-coalTwo { + width: 80%; + margin-top: 20%; + margin: 20% auto 0; + font-size: vww(20); + 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(15); + font-size: vww(18); + font-weight: 700; + text-align: center; + color: #2e363f; + + view:nth-child(2) { + margin-top: vww(15); + } } - view:nth-child(3) { - margin-top: vww(15); - } - } - &-coalThree { - margin-top: vww(76); - 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); - } - } - &-coalFour { - margin: vww(68) 0 0 45.5%; - image { - width: vww(35); - height: vww(35); + + &-coalFour { + display: flex; + justify-content: center; + align-items: center; + position: absolute; + width: 100%; + bottom: 161rpx; + + image { + width: vww(52); + height: vww(52); + } } } } -} -</style> - +</style> \ No newline at end of file -- Gitblit v1.9.1