放空逻辑修改 提煤单状态显示字段修改

qingyiay

2023-10-12 f2aa6f75d70cc7df54bfd0cf33af46fe96401856

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

@@ -1,52 +1,59 @@
<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 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:9095/appimg/logo.gif" mode=""></image></view>
      </view>
   </view>
</template>

<script>
   export default {
      onLoad(value) {
         console.log('页面加载', value);
         if (value.orderPlanId) {
            this.orderPlanId = value.orderPlanId;
         }
      },
      data() {
         return {
            orderPlanId: null
         };
      },
      onShow() {
         this.init();
      },
      methods: {
         init() {
            this.getTakeCoal();
         },
         // 获取提煤单详情
         getTakeCoal() {
            this.$reqGet('getTakeCoal', { takeCoalId: this.orderPlanId }).then(res => {
               console.log('获取提煤单详情', res);
            });
         }
         /**
          * @desc 等待取煤单接口
          * */
export default {
   onLoad(value) {
      console.log('页面加载', value);
      if (value.orderPlanId) {
         this.orderPlanId = value.orderPlanId;
      }
   },
   data() {
      return {
         orderPlanId: null,
         coalData: {}
      };
   },
   onShow() {
      this.init();
   },
   methods: {
      init() {
         this.getTakeCoal();
      },
      // 获取提煤单详情
      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>
@@ -64,43 +71,52 @@
         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 {
         width: 80%;
         margin-top: 20%;
         margin: 20% auto 0;
         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: 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(76);
         margin-top: vww(15);
         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);
            margin-top: vww(15);
         }
      }
      &-coalFour {
         margin: vww(68) 0 0 45.5%;
         display: flex;
         justify-content: center;
         align-items: center;
         position: absolute;
         width: 100%;
         bottom: 161rpx;
         image {
            width: vww(35);
            height: vww(35);
            width: vww(52);
            height: vww(52);
         }
      }
   }
}
</style>