qingyiay
2023-05-17 ae1aad66a165ee7253bed2127a3b53baa40c2361
pages/driver-page/driver-index/bill-of-lading-details/bill-of-lading-details.vue
@@ -2,7 +2,8 @@
   <view class="bill-of-lading-details">
      <view class="top-banner" style="background: url('https://mx.jzeg.cn:9095/appimg/image/banner/loadingbanner.png') no-repeat;background-size: cover;">
         <view class="top-information">
            <view class="cutomer-name">客户:{{ coalDetailsData.customerName || '' }}</view>
            <view class="cutomer-name" v-if="orderType == '转入' || orderType == '转出'">煤场:{{ coalDetailsData.filedName || '' }}</view>
            <view class="cutomer-name" v-else>客户:{{ coalDetailsData.customerName || '' }}</view>
            <view class="fild-name">
               <view class="">矿场:{{ coalDetailsData.deptName || '暂无' }}</view>
               <view class="">煤场:{{ coalDetailsData.filedName || '暂无' }}</view>
@@ -19,7 +20,7 @@
                     style="background: url('https://mx.jzeg.cn:9095/appimg/image/banner/statusbutton.png') no-repeat;
                              background-size: cover;"
                  >
                     {{ coalStatus[coalDetailsData.status] }}
                     {{ coalStatus[coalDetailsData.status] || '' }}
                  </view>
               </view>
               <view class="time">
@@ -27,7 +28,7 @@
                  <view class="send-date">{{ coalDetailsData.sendDate }}</view>
               </view>
               <view class="coal-code">提煤单编号:&nbsp;&nbsp;{{ coalDetailsData.code || '' }}</view>
               <view class="order-code">订单编号:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{ coalDetailsData.orderCode || '' }}</view>
               <view class="order-code">订单编号:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{ coalDetailsData.orderCode || '' }}</view>
               <view class="weigh-item">
                  <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>
@@ -58,7 +59,7 @@
               <u-button text="入场申请" type="primary" plain @click="rcsqClick" shape="circle"></u-button>
            </view>
            <view class="bottom-button">
               <u-button text="放空" type="primary" plain @click="evacuation" throttleTime="500" shape="circle"></u-button>
               <u-button text="放空" type="primary" plain @click="evacuation" throttleTime="500" shape="circle" :disabled="isEvacuation || isapproach"></u-button>
               <u-button text="呼叫客服" type="primary" plain @click="callCustomerService" shape="circle"></u-button>
            </view>
         </view>
@@ -140,11 +141,17 @@
         primarySkin: null,
         primaryHair: null,
         primaryClean: null,
         scrollTop: 0
         scrollTop: 0,
         // 磅单类型
         orderType: '',
         interval: ''
      };
   },
   onShow() {
      this.init();
   },
   beforeDestroy() {
      clearInterval(this.interval);
   },
   computed: {
      ...mapState(['globalweigh', 'globalinfraredStatus']),
@@ -163,10 +170,31 @@
         let date = time.getDate();
         date = date < 10 ? '0' + date : date;
         return `${year}-${month}-${date}`;
      },
      //
      isEvacuation() {
         return this.coalDetailsData.hair == 0 || this.coalDetailsData.skin == 0;
      },
      isapproach() {
         return this.currentPageCoalStatus < 3;
      }
   },
   methods: {
      init() {
         this.$reqGet('coalDayPage', { id: this.orderPlanId }).then(res => {
            if (res.code == 0) {
               this.dayRZ = res.data;
               this.dayRZ = this.dayRZ.map(v => {
                  let slicedate = v.taskStatusDes.slice(0, 10);
                  if (slicedate == this.currentDate) {
                     return {
                        ...v,
                        taskStatusDes: v.taskStatusDes.slice(10)
                     };
                  }
               });
            }
         });
         this.coalDayPage(); //获取日志
         this.getTakeCoal(); //获取提煤单详情
         this.getgetService(); //获取客服
@@ -189,10 +217,15 @@
      },
      // 获取提煤单详情
      getTakeCoal() {
         uni.showLoading({
            title: '加载中'
         });
         this.$reqGet('getTakeCoal', { takeCoalId: this.orderPlanId }).then(res => {
            if (res.code == 0) {
               uni.hideLoading();
               console.log(res, '提煤单详情');
               this.coalDetailsData = res.data;
               this.orderType = this.coalDetailsData.orderType;
               // 获取所在磅房参数赋值
               this.getWeightHouseObj.deptId = this.coalDetailsData.deptId;
               this.getWeightHouseObj.filedId = this.coalDetailsData.filedId;
@@ -212,25 +245,29 @@
               this.primarySkin = this.coalDetailsData.skinTwo;
               this.primaryHair = this.coalDetailsData.hairTwo;
               this.primaryClean = this.coalDetailsData.cleanTwo;
            } else {
               this.$u.toast('加载失败');
            }
         });
      },
      // 日志查询
      coalDayPage() {
         this.$reqGet('coalDayPage', { id: this.orderPlanId }).then(res => {
            if (res.code == 0) {
               this.dayRZ = res.data;
               this.dayRZ = this.dayRZ.map(v => {
                  let slicedate = v.taskStatusDes.slice(0, 10);
                  if (slicedate == this.currentDate) {
                     return {
                        ...v,
                        taskStatusDes: v.taskStatusDes.slice(10)
                     };
                  }
               });
            }
         });
         this.interval = setInterval(() => {
            this.$reqGet('coalDayPage', { id: this.orderPlanId }).then(res => {
               if (res.code == 0) {
                  this.dayRZ = res.data;
                  this.dayRZ = this.dayRZ.map(v => {
                     let slicedate = v.taskStatusDes.slice(0, 10);
                     if (slicedate == this.currentDate) {
                        return {
                           ...v,
                           taskStatusDes: v.taskStatusDes.slice(10)
                        };
                     }
                  });
               }
            });
         }, 5000);
      },
      // 展示提煤单详情
      showCaolPickUpBill() {
@@ -359,7 +396,6 @@
         .u-text {
            .u-text__value {
               font-size: 31rpx !important;
               font-family: Microsoft YaHei;
               font-weight: 300;
               color: #303030;
            }
@@ -392,7 +428,6 @@
         top: vww(25);
         color: #ffffff;
         font-size: 31rpx;
         font-family: Microsoft YaHei;
         font-weight: 300;
         .fild-name {
            @include flex;
@@ -412,7 +447,6 @@
         border-radius: 20rpx;
         position: relative;
         font-size: 30rpx;
         font-family: Microsoft YaHei;
         font-weight: 300;
         color: #303030;
         overflow: hidden;
@@ -430,7 +464,6 @@
            text-align: center;
            line-height: vww(33);
            font-size: 28rpx;
            font-family: Microsoft YaHei;
            font-weight: 300;
            position: absolute;
            right: vww(10);
@@ -446,7 +479,6 @@
               width: 45%;
               height: 30rpx;
               font-size: 30rpx;
               font-family: Microsoft YaHei;
               font-weight: 300;
               color: #515151;
               position: relative;
@@ -469,7 +501,6 @@
               height: 24rpx;
               margin-left: vww(14);
               font-size: 28rpx;
               font-family: Microsoft YaHei;
               font-weight: 300;
               color: #515151;
            }
@@ -479,7 +510,6 @@
            width: 100%;
            height: 24rpx;
            font-size: 28rpx;
            font-family: Microsoft YaHei;
            font-weight: 300;
            color: #7d7d7d;
         }
@@ -492,7 +522,6 @@
               min-width: vww(50);
               height: vww(45);
               font-size: 21rpx;
               font-family: Microsoft YaHei;
               font-weight: 400;
               color: #ffffff;
               text-align: center;
@@ -504,7 +533,6 @@
               }
               .num {
                  font-size: 40rpx;
                  font-family: Microsoft YaHei;
                  font-weight: 300;
                  color: #303030;
               }
@@ -518,6 +546,22 @@
      position: relative;
      top: vww(120);
      overflow-y: overlay;
      padding: vww(20);
      .u-steps {
         .u-steps-item {
            padding-bottom: vww(35);
            .u-steps-item__wrapper {
               .u-steps-item__wrapper__dot {
                  background: linear-gradient(-29deg, #426cff 0%, #7991ff 100%);
                  box-shadow: 2rpx 7rpx 10rpx 0rpx rgba(172, 172, 172, 0.64);
               }
            }
            .u-steps-item__line {
               height: vww(52) !important;
               background: #e9e6ea !important;
            }
         }
      }
   }
   .utilsBox {
      width: 94%;
@@ -536,7 +580,6 @@
               width: 40%;
               height: 60rpx;
               font-size: 28rpx;
               font-family: Microsoft YaHei;
               font-weight: 300;
               color: #497bfb;
               border: 2px solid #3b56eb;
@@ -556,7 +599,6 @@
         height: vww(89);
         .u-button {
            font-size: 28rpx;
            font-family: Microsoft YaHei;
            font-weight: 300;
            color: #ffffff;
            background: #497bfb;