From ac6014d1bde8f6a34b4062bedaa3902eb30e4f38 Mon Sep 17 00:00:00 2001 From: qingyiay <2386314947@qq.com> Date: 星期五, 30 六月 2023 14:37:50 +0800 Subject: [PATCH] 提煤单详情,称重页面修改 --- pages/driver-page/driver-index/bill-of-lading-details/bill-of-lading-details.vue | 117 +++++++++++++++++++++++++++++++++++++--------------------- 1 files changed, 74 insertions(+), 43 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..3ef21f0 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 @@ -40,32 +40,45 @@ style="color: rgb(73, 123, 251);"> 鏌ョ湅鏄庣粏 </view> + + </view> + </view> + + <!-- 绉伴噸鍘嗗彶--> + <view class="weigh-history" + v-if="showWeigh.length!==0"> + <view class="block-main"> <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 class="weigh-time"> + <u-tag :text="item.createTime.slice(-8,-3)" + plain></u-tag> </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 class="item-block"> + <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> </view> - - + <!-- 鏃堕棿绾� --> <view class="timeLine"> <u-steps :current="dayRZ.length - 1" direction="column" @@ -214,7 +227,7 @@ completeOutSaleShow: false, overTmWaixiao: null, // 鍒よ缃戠粶鐘舵�侊紝 - normalCode: null + normalCode: true }; }, onShow() { @@ -611,9 +624,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 +688,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