样式修改,引入字体，修改逻辑

qingyiay

2023-05-10 29658de29b2eb5292bf0c2fad7427b374b769ebc

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

@@ -1,18 +1,18 @@
<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>{{ coalData.code || '暂无订单编号' }}</view>
            <view>{{ coalData.deptName || '暂无所属矿' }}</view>
            <view>{{ coalData.coalName || '暂无煤种' }}</view>
            <view>{{ coalData.carNo || '暂无车牌' }}</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>{{ 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>
@@ -43,7 +43,9 @@
         this.$reqGet('getTakeCoal', { takeCoalId: this.orderPlanId }).then(res => {
            console.log('获取提煤单详情', res);
            if (res.code == 0) {
               this.coalData = res.data[0];
               this.coalData = res.data;
            } else {
               this.$u.toast('加载失败');
            }
         });
      }
@@ -69,31 +71,31 @@
         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-top: vww(15);
            font-size: 40px;
         }
         view:nth-child(3) {
            margin-top: vww(15);
            font-size: 40px;
         }
         view:nth-child(4) {
            margin-top: vww(15);
            font-size: 40px;
         }
      }
      &-coalThree {
         margin-top: vww(46);
         font-size: vww(18);
         font-family: Source Han Sans CN, Source Han Sans CN-Bold;
         font-weight: 700;
         text-align: center;
         color: #2e363f;
@@ -102,10 +104,13 @@
         }
      }
      &-coalFour {
         margin: vww(58.5) 0 0 45.5%;
         display: flex;
         justify-content: center;
         align-items: center;
         margin-top: vww(78);
         image {
            width: vww(35);
            height: vww(35);
            width: vww(52);
            height: vww(52);
         }
      }
   }