1.磅房详情（完成） 2.入场申请报错（完成） 3.签到（完成） 4.日志（完成） 5.发运计划详情(完成）

付延余

2023-03-22 e193d75257a21568a15f99b27a2a48bd7fd815f9

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

@@ -1,6 +1,24 @@
<template>
   <view class="bill-of-lading-details">
      <view class="bangDanMessage"><text>磅单信息</text></view>
      <view class="bangDanMessage">
         <view class="">
            <u--text align="center" size="35" bold plain text="主色" :text="'客户：' + coalDetailsData.customerName"></u--text>
            <u--text align="center" size="35" bold plain text="主色" :text="'矿厂：' + coalDetailsData.deptName"></u--text>
         </view>
         <view class="">
            <u--text align="center" size="35" bold plain text="主色" :text="'皮重：' + coalDetailsData.skin"></u--text>
            <u--text align="center" size="35" bold plain text="主色" :text="'毛重：' + coalDetailsData.hair"></u--text>
            <u--text align="center" size="35" bold plain text="主色" :text="'净重：' + coalDetailsData.clean"></u--text>
         </view>
         <view class="">
            <u--text align="center" size="35" bold plain text="主色" :text="'磅单类型：' + coalDetailsData.orderTye"></u--text>
            <u--text align="center" size="35" bold plain text="主色" :text="'状态：' + coalStatus[coalDetailsData.status]"></u--text>
         </view>
         <u--text align="center" size="35" bold plain text="主色" :text="'煤场：' + coalDetailsData.filedName"></u--text>
         <u--text align="center" size="35" bold plain text="主色" :text="'发运时间：' + coalDetailsData.sendDate"></u--text>
         <u--text align="center" size="35" bold plain text="主色" :text="'提煤单编号：' + coalDetailsData.code"></u--text>
         <u--text align="center" size="35" bold plain text="主色" :text="'订单编号：' + coalDetailsData.orderCode"></u--text>
      </view>
      <view class="timeLine" style="font-size: 16rpx;">
         <u--text type="primary" size="30" plain text="主色" v-for="(item, index) in dayRZ" :key="index" :text="item.taskStatusDes"></u--text>
      </view>
@@ -39,7 +57,13 @@
            tmId: '',
            tmCode: '',
            carNo: ''
         }
         },
         getYuYueDataParams: {
            deptId: '',
            filedId: '',
            sendDate: ''
         },
         coalStatus: ['领取', '预约', '签到', '入场', '称皮', '称毛', '离场', '入磅房', '出磅房', '入煤场', '出煤仓'] // 状态
      };
   },
   onShow() {
@@ -63,11 +87,16 @@
         this.$reqGet('getTakeCoal', { takeCoalId: this.orderPlanId }).then(res => {
            if (res.code == 0) {
               this.coalDetailsData = res.data[0];
               // 获取所在磅房参数赋值
               this.getWeightHouseObj.deptId = this.coalDetailsData.deptId;
               this.getWeightHouseObj.filedId = this.coalDetailsData.filedId;
               this.getWeightHouseObj.tmId = this.coalDetailsData.id;
               this.getWeightHouseObj.tmCode = this.coalDetailsData.code;
               this.getWeightHouseObj.carNo = this.coalDetailsData.carNo;
               // 获取入场申请操作后的预约列表的参数
               this.getYuYueDataParams.deptId = this.coalDetailsData.deptId;
               this.getYuYueDataParams.filedId = this.coalDetailsData.filedId;
               this.getYuYueDataParams.sendDate = this.coalDetailsData.sendDate;
            }
         });
      },
@@ -87,17 +116,6 @@
      },
      // 签到
      arriveClick() {
			
         // 获取位置信息
         // wx.getFuzzyLocation({
         //  type: 'wgs84',
         //  success (res) {
         //    const latitude = res.latitude
         //    const longitude = res.longitude
         //  }
         // })
			
			
         uni.navigateTo({
            url: `/pages/driver-page/driver-index/bill-of-lading-details/punchTheClock/punchTheClock?orderPlanId=${this.orderPlanId}`
         });
@@ -105,7 +123,9 @@
      // 入场申请
      rcsqClick() {
         uni.navigateTo({
            url: `/pages/driver-page/appointment/appointment?takeCoalId=${this.orderPlanId}&type=入场申请&yyId=${this.yyId}`
            url: `/pages/driver-page/appointment/appointment?type=入场申请&takeCoalId=${this.orderPlanId}&yyId=${this.yyId}&filedId=${this.getYuYueDataParams.filedId}&deptId=${
               this.getYuYueDataParams.deptId
            }&sendDate=${this.getYuYueDataParams.sendDate}`
         });
      },
      // 呼叫客服
@@ -121,12 +141,14 @@
      cengZhongClick() {
         this.$reqGet('getWeighHouse', this.getWeightHouseObj).then(res => {
            console.log(res, '获取磅房');
            if(res.code == 0){
            if (res.code == 0) {
               uni.navigateTo({
                  url: `/pages/driver-page/driver-index/bill-of-lading-details/weighingDevice/weighingDevice?takeCoalId=${this.orderPlanId}&sceneId=${res.data.id}&gateCameraId=${res.data.lastEquipmentId}&gateCameraCode=${res.data.lastEquipmentCode}&weighHouseCode=${res.data.code}`
                  url: `/pages/driver-page/driver-index/bill-of-lading-details/weighingDevice/weighingDevice?takeCoalId=${this.orderPlanId}&sceneId=${res.data.id}&gateCameraId=${
                     res.data.lastEquipmentId
                  }&gateCameraCode=${res.data.lastEquipmentCode}&weighHouseCode=${res.data.code}`
               });
            }else{
               this.$u.toast('未在磅房，请前往磅房后再试！！')
            } else {
               this.$u.toast('未在磅房，请前往磅房后再试！！');
            }
         });
      }
@@ -141,22 +163,32 @@
   margin: 0 auto;
   display: flex;
   flex-direction: column;

   .bangDanMessage {
      font-size: vww(20);
      font-weight: 500;
      border: vww(2) solid #dddddd;
      border-radius: vww(20);
      margin: vww(20);
      margin-bottom: vww(10);
      flex: 1;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      height: 40%;
      box-sizing: border-box;
      overflow-y: overlay; //行为与 auto 相同，但是滚动条绘制在内容之上，而不是占据空间。
      .u-text {
         margin-bottom: vww(5) !important;
      }
      view {
         margin-bottom: vww(5);
      }
      view:nth-of-type(1) {
         display: flex;
      }
      view:nth-of-type(2) {
         display: flex;
      }
      view:nth-of-type(3) {
         display: flex;
      }
   }
   .timeLine {
      height: 45%;
      height: 25%;
      margin: vww(20);
      margin-top: vww(10);
      margin-bottom: vww(10);