司机日计划通知单增加创建时间，称重页面样式优化

yangan

2023-11-16 700c025aa912047fbd71975d4c6f8bb930ba82f8

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

@@ -5,21 +5,21 @@
      </view>
      <view class="top-information">
         <view class="cutomer-name"
            v-if="orderType == '转入' || orderType == '转出'">煤场:{{ coalDetailsData.toFiledName || '' }}</view>
            v-if="orderType == '转入' || orderType == '转出'">仓库:{{ coalDetailsData.toFiledName || '' }}</view>
         <view class="cutomer-name"
            v-else>客户:{{ coalDetailsData.customerName || '' }}</view>
         <view class="fild-name">
            <view class="">矿场:{{ coalDetailsData.deptName || '暂无' }}</view>
            <view class="">基地:{{ coalDetailsData.deptName || '暂无' }}</view>
            <view class=""
               v-if="orderType == '转入' || orderType == '转出'">煤场:{{ coalDetailsData.filedName || '' }}</view>
               v-if="orderType == '转入' || orderType == '转出'">仓库:{{ coalDetailsData.filedName || '' }}</view>
            <view class=""
               v-else>煤场:{{ coalDetailsData.filedName || '暂无' }}</view>
               v-else>仓库:{{ coalDetailsData.filedName || '暂无' }}</view>
         </view>
      </view>
      <view class="block-information">
         <view class="block-main">
            <view class="basic">
               <view class="coalName">{{ coalDetailsData.coalName||'' }}</view>
               <view class="coalName"><text> {{ coalDetailsData.coalName||'' }}</text></view>
               <view class="status-button"
                  :style="{ backgroundImage: `url(${onlineurl}/appimg/image/banner/statusbutton.png)`, backgroundSize: 'cover', backgroundRepeat: 'no-repeat' }">
                  {{ coalStatus[coalDetailsData.statusWeigh] || '' }}
@@ -44,7 +44,7 @@
      </view>

      <!--  称重历史-->
      <weigh-item :list="showWeigh"></weigh-item>
      <weigh-item :list="showWeigh" class="weighing-item"></weigh-item>
      <!-- 时间线 -->
      <view class="timeLine">
         <u-steps :current="dayRZ.length - 1"
@@ -59,20 +59,20 @@

      </view>
      <view class="utilsBox">
         <view class="utils_chil utils_chilTop">
         <view class="utils_chil utils_chilTop" v-if="!isReservation">
            <view class="top-button">
               <u-button text="签到"
                  type="primary"
                  plain
                  @click="arriveClick"
                  shape="circle"
                  :disabled="coalDetailsData.status >= 2"></u-button>
               <u-button text="入场申请"
                  :disabled="coalDetailsData.status > 2"></u-button>
               <u-button text="打印磅单"
                  type="primary"
                  plain
                  @click="rcsqClick"
                  @click="printOrder"
                  shape="circle"
                  :disabled="coalDetailsData.status >= 3"></u-button>
                  :disabled="currentPageCoalStatus !== 4"></u-button>
            </view>
            <view class="bottom-button">
               <u-button text="放空"
@@ -90,12 +90,14 @@
            </view>
         </view>
      </view>
      <view class="weigh-ability">
         <view class="weigh-button"><u-button text="展示通知单"
      <view class="weigh-ability" v-if="!isReservation">
         <!-- <view class="weigh-button"><u-button text="展示通知单"
               @click="showCaolPickUpBill"
               type="primary"
               shape="circle"></u-button></view>
         <view class="weigh-button"><u-button text="上磅计量"
               shape="circle"></u-button></view> -->
         <view class="weigh-button"><u-button 
                :disabled="!isapproach"
                text="上磅计量"
               @click="cengZhongClick"
               type="primary"
               shape="circle"></u-button></view>
@@ -129,6 +131,7 @@
         weighItem
      },
      onLoad(value) {
         console.log(value,'valyue')
         this.orderPlanId = value.orderPlanId;
         this.yyId = value.yyId;
         if (value.overTmWaixiao) {
@@ -140,6 +143,7 @@
         return {
            orderPlanId: null,
            yyId: null,
            chengZhongFlag:true, // 上榜称重状态
            dayRZ: [],
            coalDetailsData: {}, // 通知单详情
            currentPageCoalStatus: 0, // 当前页面通知单状态
@@ -167,7 +171,7 @@
               openId: null,
               openName: ''
            },
            coalStatus: ['未称重', '称重中', '验质中', '称重完成', '验质完成'], // 状态
            coalStatus: ['未称重', '称重中', '验质中', '称重完成', '处理完成'], // 状态
            weighHouseCode: '',
            // 放空弹窗控制变量
            evacuationModalShow: false,
@@ -197,6 +201,7 @@
               clean: ""
            },
            completeOutSaleShow: false,
            reservationIsShow:false,
            overTmWaixiao: null,
            // 判读网络状态，
            normalCode: true,
@@ -235,11 +240,15 @@
            return this.coalDetailsData.hair !== 0 || this.coalDetailsData.skin !== 0;
         },
         isapproach() {
            return this.currentPageCoalStatus !== 3;
            return this.currentPageCoalStatus < 3;
         },
         // 展示皮毛净
         showWeigh() {
            return this.coalDetailsData.tmTaskCoalItems ? this.coalDetailsData.tmTaskCoalItems : []
         },
         //司机领取状态按钮全不展示 
         isReservation(){
            return this.reservationIsShow < 1;
         }
      },
      methods: {
@@ -308,6 +317,7 @@
                  this.getServiceOpenid.filedId = this.coalDetailsData.filedId;
                  // 获取通知单状态
                  this.currentPageCoalStatus = this.coalDetailsData.statusWeigh;
                  this.reservationIsShow = this.coalDetailsData.status;
                  // 获取原发信息
                  this.primarySkin = this.coalDetailsData.skinTwo;
                  this.primaryHair = this.coalDetailsData.hairTwo;
@@ -372,7 +382,7 @@
            uni.navigateTo({
               url: `/pages/driver-page/driver-index/bill-of-lading-details/punchTheClock/punchTheClock?orderPlanId=${this.orderPlanId}&coalStatus=${
               this.currentPageCoalStatus
            }&tmId=${this.getWeightHouseObj.tmId}`
            }&tmId=${this.getWeightHouseObj.tmId}&yyId=${this.yyId}`
            });
         },
         // 入场申请
@@ -444,7 +454,8 @@
                     res.data.id
                  }&gateCameraId=${res.data.lastEquipmentId}&gateCameraCode=${res.data.lastEquipmentCode}&weighHouseCode=${res.data.code}&primarySkin=${
                     this.primarySkin
                  }&primaryHair=${this.primaryHair}&psrimaryClean=${this.primaryClean}&sceneInOut=${res.data.sceneInOut}&overTmWaixiao=${this.overTmWaixiao}`
                  }&primaryHair=${this.primaryHair}&psrimaryClean=${this.primaryClean}&sceneInOut=${res.data.sceneInOut}&overTmWaixiao=${this.overTmWaixiao}
                  &isWeighing=${this.coalDetailsData.weighingType}`
                  });
               } else {
                  this.$u.toast('未在磅房，请前往磅房后再试！！');
@@ -491,7 +502,21 @@
         // 查看质量明细
         jumpWeighDetail() {
            uni.navigateTo({
               url: `/pages/driver-page/driver-index/bill-of-lading-details/weighDetail/weighDetail?orderPlanId=${this.orderPlanId}`
               url: `/pages/driver-page/driver-index/bill-of-lading-details/weighDetail/weighDetail?orderPlanId=${this.orderPlanId}&flag=${true}`
            })
         },
         //打印磅单
         printOrder(){
            this.$reqGet('printerHandler',{tmId:this.orderPlanId}).then(res => {
               uni.hideLoading();
               this.$u.toast(res.msg)
               if (res.data) {
                  // this.$u.toast('打印成功')
                  // this.orderPlanData = res.data
               } 
            }).catch((err) => {
               uni.hideLoading();
                  this.$u.toast('打印失败')
            })
         }
      }
@@ -500,6 +525,9 @@

<style lang="scss"
   scoped>
   .weighing-item{
      min-height: 200rpx!important;
   }
   /deep/.u-steps {
      .u-steps-item {
         .u-steps-item__content {
@@ -611,12 +639,15 @@

            .coalName,
            .order-type {
               width: 45%;
               height: 30rpx;
               width: 370rpx;
               height: 55rpx;
               font-size: 30rpx;
               font-weight: 300;
               color: #515151;
               position: relative;
               overflow: hidden; //溢出隐藏
               text-overflow: ellipsis;   //超出部分省略号
               white-space: nowrap; //不换行
            }

            .black-block {