司机增加退单功能 增加积分功能 其他页面修改

qingyiay

2023-10-19 5071cbf55bd73b6d7bb61421fe618666c537a4e2

 pages/driver-page/driver-index/bill-of-lading-details/coal-pick-up-bill/coal-pick-up-bill.vue

@@ -1,6 +1,7 @@
<template>
   <view class="coal-pick-up-bill">
      <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"
         style="background:url(https://mx.jzeg.cn:9096/appimg/image/coalBackgroud/coal-background.png) no-repeat;background-size:100% 100%;">
         <view class="driver-coalOne">电子提煤单</view>
         <view class="driver-coalTwo">
            <view>{{ coalData.code || '暂无订单编号' }}</view>
@@ -10,9 +11,14 @@
         </view>
         <view class="driver-coalThree">
            <view>{{ coalData.customerName || '暂无单位' }}</view>
            <view>{{ coalData.yuYueTime ? coalData.yuYueTime.slice(0, 10) + ' ' + coalData.yuYueTime.slice(11, 22) : '暂无时间' }}</view>
            <view>
               {{ coalData.yuYueTime ? coalData.yuYueTime.slice(0, 10) + ' ' + coalData.yuYueTime.slice(11, 22) : '暂无时间' }}
         </view>
         <view class="driver-coalFour"><image src="https://mx.jzeg.cn:9095/appimg/logo.gif" mode=""></image></view>
         </view>
         <view class="driver-coalFour">
            <image src="https://mx.jzeg.cn:9096/appimg/logo.gif"
               mode=""></image>
         </view>
      </view>
   </view>
</template>
@@ -56,7 +62,8 @@
};
</script>

<style lang="scss" scoped>
<style lang="scss"
   scoped>
::v-deep.coal-pick-up-bill {
   width: 100%;
   margin: 0 auto;
@@ -67,6 +74,7 @@
   .driver {
      width: 100%;
      height: 100vh;

      &-coalOne {
         margin-top: 19%;
         text-align: center;
@@ -74,6 +82,7 @@
         font-weight: 700;
         color: #896227;
      }

      &-coalTwo {
         width: 80%;
         margin-top: 20%;
@@ -82,29 +91,35 @@
         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);
         }
      }

      &-coalFour {
         display: flex;
         justify-content: center;
@@ -112,6 +127,7 @@
         position: absolute;
         width: 100%;
         bottom: 161rpx;

         image {
            width: vww(52);
            height: vww(52);