qingyiay
2023-11-28 9a63b4c5f5dfcfa14a52fb726a0f5604077bba9c
pages/driver-page/driver-index/bill-of-lading-details/coal-pick-up-bill/coal-pick-up-bill.vue
@@ -1,17 +1,24 @@
<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:9096/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="">旭阳焦化有限责任公司</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:9096/appimg/logo.gif"
               mode=""></image>
         </view>
      </view>
   </view>
</template>
@@ -26,7 +33,8 @@
      },
      data() {
         return {
            orderPlanId: null
            orderPlanId: null,
            coalData: {}
         };
      },
      onShow() {
@@ -40,67 +48,91 @@
         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>
::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>