日计划订单增加创建时间，称重明细页面增加未验质说明

yangan

2023-11-15 d96fc1b0dbc3e9e8928a84cca58a568eb16bcb76

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

@@ -1,425 +1,561 @@
<template>
   <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" 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>
            </view>
      <view class="top-banner"
         :style="{ backgroundImage: `url(${onlineurl}/appimg/image/banner/loadingbanner.png)`, backgroundSize: 'cover', backgroundRepeat: 'no-repeat' }">
      </view>
      <view class="top-information">
         <view class="cutomer-name"
            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=""
               v-if="orderType == '转入' || orderType == '转出'">仓库:{{ coalDetailsData.filedName || '' }}</view>
            <view class=""
               v-else>仓库:{{ coalDetailsData.filedName || '暂无' }}</view>
         </view>
         <view class="block-information">
            <view class="block-main">
               <view class="basic">
                  <view class="coalName">{{ coalDetailsData.coalName }}</view>
                  <!-- <view class="black-block"></view>
                  <view class="order-type">{{ coalDetailsData.orderType }}</view> -->
                  <view
                     class="status-button"
                     style="background: url('https://mx.jzeg.cn:9095/appimg/image/banner/statusbutton.png') no-repeat;
                              background-size: cover;"
                  >
                     {{ coalStatus[coalDetailsData.status] || '' }}
                  </view>
               </view>
               <view class="time">
                  <view class="time-icon"><u-icon name="clock" color="#515151" size="40"></u-icon></view>
                  <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;&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>
                     <view class="num">{{ coalDetailsData.skin }}</view>
                  </view>
                  <view class="item">
                     <view class="concrete" style="background: url('https://mx.jzeg.cn:9095/appimg/image/banner/hair.png') no-repeat;background-size: cover;">毛</view>
                     <view class="num">{{ coalDetailsData.hair }}</view>
                  </view>
                  <view class="item">
                     <view class="concrete" style="background: url('https://mx.jzeg.cn:9095/appimg/image/banner/clean.png') no-repeat;background-size: cover;">净</view>
                     <view class="num">{{ coalDetailsData.clean }}</view>
                  </view>
      </view>
      <view class="block-information">
         <view class="block-main">
            <view class="basic">
               <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] || '' }}
               </view>
            </view>
            <view class="time">
               <view class="time-icon"><u-icon name="clock"
                     color="#515151"
                     size="40"></u-icon></view>
               <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;&nbsp;&nbsp;{{ coalDetailsData.orderCode || '' }}</view>
            <view class="coal-code"
               @click="jumpWeighDetail"
               style="color: rgb(73, 123, 251);">
               查看明细
            </view>

         </view>
      </view>

      <!--  称重历史-->
      <weigh-item :list="showWeigh"></weigh-item>
      <!-- 时间线 -->
      <view class="timeLine">
         <u-steps :current="dayRZ.length - 1" direction="column" dot>
            <u-steps-item :title="item.taskStatusDes" v-for="(item, index) in dayRZ" :key="index"></u-steps-item>
         <u-steps :current="dayRZ.length - 1"
            direction="column"
            dot>
            <u-steps-item :title="item.taskStatusDes"
               v-for="(item, index) in dayRZ"
               :key="index"></u-steps-item>
         </u-steps>
      </view>
      <view class="white-block">

      </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"></u-button>
               <u-button text="入场申请" type="primary" plain @click="rcsqClick" shape="circle"></u-button>
               <u-button text="签到"
                  type="primary"
                  plain
                  @click="arriveClick"
                  shape="circle"
                  :disabled="coalDetailsData.status > 2"></u-button>
               <u-button text="打印磅单"
                  type="primary"
                  plain
                  @click="printOrder"
                  shape="circle"
                  :disabled="currentPageCoalStatus !== 4"></u-button>
            </view>
            <view class="bottom-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>
               <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>
      </view>
      <view class="weigh-ability">
         <view class="weigh-button"><u-button text="展示提煤单" @click="showCaolPickUpBill" type="primary" shape="circle"></u-button></view>
         <view class="weigh-button"><u-button text="上磅计量" @click="cengZhongClick" type="primary" shape="circle"></u-button></view>
      <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 
                :disabled="!isapproach"
                text="上磅计量"
               @click="cengZhongClick"
               type="primary"
               shape="circle"></u-button></view>
      </view>
      <view class="evacuationModal">
         <u-modal
            :show="evacuationModalShow"
         <u-modal :show="evacuationModalShow"
            :title="evacuationTitle"
            :content="evacuationContent"
            :showCancelButton="true"
            @confirm="evacuationConfirm"
            @cancel="evacuationCancel"
         ></u-modal>
            @cancel="evacuationCancel"></u-modal>
      </view>
      <view class="completeOutSale">
         <u-modal :show="completeOutSaleShow"
            title="确认"
            content="是否完成外销通知单"
            :showCancelButton="true"
            @confirm="completeOutSaleConfirm"
            @cancel="completeOutSaleCancel"></u-modal>
      </view>
   </view>
</template>

<script>
import { webSocketUrl } from '@/api/request.js';
import { mapState, mapMutations } from 'vuex';
export default {
   onLoad(value) {
      if (value.orderPlanId && value.yyId) {
   import { onlineurl } from '@/api/request.js'
   import { webSocketUrl } from '@/api/request.js';
   import { mapState, mapMutations } from 'vuex';
   import weighItem from '@/components/weighItem.vue'
   export default {
      components: {
         weighItem
      },
      onLoad(value) {
         console.log(value,'valyue')
         this.orderPlanId = value.orderPlanId;
         this.yyId = value.yyId;
      }
      // wx.startRecord();
   },
   data() {
      return {
         orderPlanId: null,
         yyId: null,
         dayRZ: [],
         coalDetailsData: {}, // 提煤单详情
         currentPageCoalStatus: 0, // 当前页面提煤单状态
         // 获取所在磅房参数
         getWeightHouseObj: {
            deptId: '',
            filedId: '',
            tmId: '',
            tmCode: '',
            carNo: ''
         if (value.overTmWaixiao) {
            this.overTmWaixiao = value.overTmWaixiao
            this.getWeightHouseObj.overTmWaixiao = value.overTmWaixiao
         }
      },
      data() {
         return {
            orderPlanId: null,
            yyId: null,
            chengZhongFlag:true, // 上榜称重状态
            dayRZ: [],
            coalDetailsData: {}, // 通知单详情
            currentPageCoalStatus: 0, // 当前页面通知单状态
            // 获取所在磅房参数
            getWeightHouseObj: {
               deptId: '',
               filedId: '',
               tmId: '',
               tmCode: '',
               carNo: ''
            },
            // 获取入场申请的列表页面参数
            getYuYueDataParams: {
               deptId: '',
               filedId: '',
               sendDate: ''
            },
            // 获取客服openid参数
            getServiceOpenid: {
               deptId: '',
               filedId: ''
            },
            // 客服信息
            serviceInfoObj: {
               openId: null,
               openName: ''
            },
            coalStatus: ['未称重', '称重中', '验质中', '称重完成', '处理完成'], // 状态
            weighHouseCode: '',
            // 放空弹窗控制变量
            evacuationModalShow: false,
            evacuationTitle: '放空确认',
            evacuationContent: '是否确认放空',
            // 第一次放空参数
            weighData: {
               sceneId: '',
               gateCameraId: '',
               equipmentCode: '',
               weigh: 0,
               sceneInOut: ''
            },
            // 原发信息
            primarySkin: null,
            primaryHair: null,
            primaryClean: null,
            scrollTop: 0,
            // 磅单类型
            orderType: '',
            interval: '',
            // 完成外销订单
            completeOutSale: {
               deptId: "",
               filedId: "",
               orderType: "",
               clean: ""
            },
            completeOutSaleShow: false,
            reservationIsShow:false,
            overTmWaixiao: null,
            // 判读网络状态，
            normalCode: true,
            onlineurl,
         };
      },
      onShow() {
         this.init();
      },
      onHide() {
         clearInterval(this.interval);
      },
      beforeDestroy() {
         clearInterval(this.interval);
      },
      computed: {
         ...mapState(['globalweigh', 'globalinfraredStatus']),
         name() {
            return uni.getStorageSync('name');
         },
         // 获取入场申请的列表页面参数
         getYuYueDataParams: {
            deptId: '',
            filedId: '',
            sendDate: ''
         openid() {
            return uni.getStorageSync('openid');
         },
         // 获取客服openid参数
         getServiceOpenid: {
            deptId: '',
            filedId: ''
         // 获取今天日期
         currentDate() {
            let time = new Date();
            let year = time.getFullYear();
            let month = time.getMonth() + 1;
            month = month < 10 ? '0' + month : month;
            let date = time.getDate();
            date = date < 10 ? '0' + date : date;
            return `${year}-${month}-${date}`;
         },
         // 客服信息
         serviceInfoObj: {
            openId: null,
            openName: ''
         //
         isEvacuation() {
            return this.coalDetailsData.hair !== 0 || this.coalDetailsData.skin !== 0;
         },
         coalStatus: ['领取', '预约', '签到', '入场', '称皮', '称毛', '离场', '入磅房', '出磅房', '入煤仓', '出煤仓', '放空', '作废', '入场申请', '进入场院'], // 状态
         weighHouseCode: '',
         // 放空弹窗控制变量
         evacuationModalShow: false,
         evacuationTitle: '放空确认',
         evacuationContent: '是否确认放空',
         // 第一次放空参数
         weighData: {
            sceneId: '',
            gateCameraId: '',
            equipmentCode: '',
            weigh: 0,
            sceneInOut: ''
         isapproach() {
            return this.currentPageCoalStatus < 3;
         },
         // 原发信息
         primarySkin: null,
         primaryHair: null,
         primaryClean: null,
         scrollTop: 0,
         // 磅单类型
         orderType: '',
         interval: ''
      };
   },
   onShow() {
      this.init();
   },
   onHide() {
      clearInterval(this.interval);
   },
   beforeDestroy() {
      clearInterval(this.interval);
   },
   computed: {
      ...mapState(['globalweigh', 'globalinfraredStatus']),
      name() {
         return uni.getStorageSync('name');
         // 展示皮毛净
         showWeigh() {
            return this.coalDetailsData.tmTaskCoalItems ? this.coalDetailsData.tmTaskCoalItems : []
         },
         //司机领取状态按钮全不展示 
         isReservation(){
            return this.reservationIsShow < 1;
         }
      },
      openid() {
         return uni.getStorageSync('openid');
      },
      // 获取今天日期
      currentDate() {
         let time = new Date();
         let year = time.getFullYear();
         let month = time.getMonth() + 1;
         month = month < 10 ? '0' + month : month;
         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(); //获取客服
      },
      // 获取客服openid
      getgetService() {
         this.$reqGet('getCallOutList', this.getServiceOpenid).then(res => {
            console.log(res, '客服openid');
            if (res.code != 0) {
               this.$u.toast('获取客服信息失败');
            } else {
               if (res.data.length > 0) {
                  this.serviceInfoObj.openId = res.data[0].openId;
                  this.serviceInfoObj.openName = res.data[0].openName;
                  uni.setStorageSync('customeropenId', this.serviceInfoObj.openId);
                  uni.setStorageSync('customerName', this.serviceInfoObj.openName);
               }
            }
         });
      },
      // 获取提煤单详情
      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;
               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;
               // 获取客服openId参数赋值
               this.getServiceOpenid.deptId = this.coalDetailsData.deptId;
               this.getServiceOpenid.filedId = this.coalDetailsData.filedId;
               // 获取提煤单状态
               this.currentPageCoalStatus = this.coalDetailsData.status;
               // 获取原发信息
               this.primarySkin = this.coalDetailsData.skinTwo;
               this.primaryHair = this.coalDetailsData.hairTwo;
               this.primaryClean = this.coalDetailsData.cleanTwo;
            } else {
               this.$u.toast('加载失败');
            }
         });
      },
      // 日志查询
      coalDayPage() {
         this.interval = setInterval(() => {
      methods: {
         init() {
            this.$reqGet('coalDayPage', { id: this.orderPlanId }).then(res => {
               if (res.code == 0) {
                  this.dayRZ = res.data;
                  this.dayRZ = this.dayRZ.map(v => {
                  this.dayRZ = res.data.map(v => {
                     let slicedate = v.taskStatusDes.slice(0, 10);
                     if (slicedate == this.currentDate) {
                        return {
                           ...v,
                           taskStatusDes: v.taskStatusDes.slice(10)
                        };
                     } else {
                        return { ...v }
                     }
                  });
               }
            });
         }, 5000);
      },
      // 展示提煤单详情
      showCaolPickUpBill() {
         uni.navigateTo({
            url: `/pages/driver-page/driver-index/bill-of-lading-details/coal-pick-up-bill/coal-pick-up-bill?orderPlanId=${this.orderPlanId}`
         });
      },
      // 签到
      arriveClick() {
         uni.navigateTo({
            url: `/pages/driver-page/driver-index/bill-of-lading-details/punchTheClock/punchTheClock?orderPlanId=${this.orderPlanId}&coalStatus=${
               this.currentPageCoalStatus
            }&tmId=${this.getWeightHouseObj.tmId}`
         });
      },
      // 入场申请
      rcsqClick() {
         uni.navigateTo({
            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}`
         });
      },
      // 呼叫客服
      callCustomerService() {
         // if (!this.serviceInfoObj.openId) {
         // this.$u.toast('无客服信息');
         // }
         wx.getSetting({
            success(res) {
               console.log('授权success', res);
               if (!res.authSetting['scope.camera'] || !res.authSetting['scope.record']) {
                  if (!res.authSetting['scope.camera']) {
                     uni.showToast({
                        title: '无相机权限'
                     });
                  } else if (!res.authSetting['scope.record']) {
                     uni.showToast({
                        title: '无麦克风权限'
                     });
                  }
            this.coalDayPage(); //获取日志
            this.getTakeCoal(); //获取通知单详情
            this.getgetService(); //获取客服
         },
         // 获取客服openid
         getgetService() {
            this.$reqGet('getCallOutList', this.getServiceOpenid).then(res => {
               console.log(res, '客服openid');
               if (res.code != 0) {
                  this.$u.toast(res.msg ? res.msg : '获取客服信息失败');
               } else {
                  wx.join1v1Chat({
                     caller: { nickname: uni.getStorageSync('name'), openid: uni.getStorageSync('openid') },
                     listener: { nickname: uni.getStorageSync('customerName'), openid: uni.getStorageSync('customeropenId') }, // 这里的openid是fyy的，充当固定的客服openid
                     backgroundType: 2,
                     roomType: 'voice',
                     success() {
                        console.log('一对一成功');
                     },
                     fail(err) {
                        console.log('一对一失败', err);
                  this.serviceInfoObj.openId = res.data.openId;
                  this.serviceInfoObj.openName = res.data.openName;
                  uni.setStorageSync('customeropenId', this.serviceInfoObj.openId);
                  uni.setStorageSync('customerName', this.serviceInfoObj.openName);
               }
            });
         },
         // 获取通知单详情
         getTakeCoal() {
            uni.showLoading({
               title: '加载中'
            });
            this.$reqGet('getTakeCoal', { takeCoalId: this.orderPlanId }).then(res => {
               uni.hideLoading();
               if (res.code == 0) {
                  console.log(res, '通知单详情');
                  this.coalDetailsData = res.data;
                  this.orderType = this.coalDetailsData.orderType;
                  // 判断是否完成外销订单
                  this.completeOutSale.orderType = this.coalDetailsData.orderType;
                  this.completeOutSale.deptId = this.coalDetailsData.deptId;
                  this.completeOutSale.filedId = this.coalDetailsData.filedId;
                  this.completeOutSale.clean = this.coalDetailsData.clean;
                  // 获取所在磅房参数赋值
                  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;
                  // 获取客服openId参数赋值
                  this.getServiceOpenid.deptId = this.coalDetailsData.deptId;
                  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;
                  this.primaryClean = this.coalDetailsData.cleanTwo;
               } else {
                  this.$u.toast('加载失败');
               }
            }).then(() => {
               if (this.completeOutSale.orderType == "内购" || this.completeOutSale.orderType == "转入") {
                  if (this.completeOutSale.clean !== 0 && this.currentPageCoalStatus !== 6 && this
                     .currentPageCoalStatus !== 11 && this.currentPageCoalStatus !== 12) {
                     this.$reqGet('getTmTaskCoalOrderType', {
                        deptId: this.completeOutSale.deptId,
                        filedId: this.completeOutSale.filedId,
                        orderType: '外销'
                     }).then(res => {
                        if (res.data && res.data?.length !== 0) {
                           this.completeOutSaleShow = true
                           console.log(res, '完成外销订单');
                        }
                     })
                  }
               }
            })
         },
         // 日志查询
         coalDayPage() {
            if (this.normalCode) {
               this.interval = setInterval(() => {
                  this.$reqGet('coalDayPage', { id: this.orderPlanId }).then(res => {
                     if (res.code == 0) {
                        this.normalCode = true;
                        this.dayRZ = res.data.map(v => {
                           let slicedate = v.taskStatusDes.slice(0, 10);
                           if (slicedate == this.currentDate) {
                              return {
                                 ...v,
                                 taskStatusDes: v.taskStatusDes.slice(10)
                              };
                           } else {
                              return { ...v }
                           }
                        });
                     } else {
                        this.normalCode = false;
                     }
                  });
               }
            },
            fail() {
               console.log('获取失败');
               }, 10000);
            } else {
               clearInterval(this.interval)
               this.$u.toast('服务器错误,请稍后重试')
            }
         });
      },
      calling() {
         // wx.join1v1Chat({
         //    caller: { nickname: this.name, openid: this.openid }, //oZjXk5RRmbroAfl1m5aZ6hRNvqh4
         //    listener: { nickname: this.serviceInfoObj.openName, openid: 'orutI5YT0yEvARVngdsTmBpisWmw' }, // 这里的openid是fyy的，充当固定的客服openid
         //    backgroundType: 2,
         //    roomType: 'voice'
         // });
      },
      // 称重
      cengZhongClick() {
         this.$reqGet('getWeighHouse', this.getWeightHouseObj).then(res => {
            console.log(res, '获取磅房');
            if (res.code == 0) {
               this.weighData.sceneId = res.data.id;
               this.weighData.gateCameraId = res.data.lastEquipmentId;
               this.weighData.equipmentCode = res.data.lastEquipmentCode;
               this.weighData.sceneInOut = res.data.sceneInOut;
               this.weighHouseCode = res.data.code;
               uni.navigateTo({
                  url: `/pages/driver-page/driver-index/bill-of-lading-details/weighingDevice/weighingDevice?takeCoalId=${this.orderPlanId}&sceneId=${
         },
         // 展示通知单详情
         showCaolPickUpBill() {
            uni.navigateTo({
               url: `/pages/driver-page/driver-index/bill-of-lading-details/coal-pick-up-bill/coal-pick-up-bill?orderPlanId=${this.orderPlanId}`
            });
         },
         // 签到
         arriveClick() {
            uni.navigateTo({
               url: `/pages/driver-page/driver-index/bill-of-lading-details/punchTheClock/punchTheClock?orderPlanId=${this.orderPlanId}&coalStatus=${
               this.currentPageCoalStatus
            }&tmId=${this.getWeightHouseObj.tmId}&yyId=${this.yyId}`
            });
         },
         // 入场申请
         rcsqClick() {
            uni.navigateTo({
               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}`
            });
         },
         // 呼叫客服
         callCustomerService() {
            // if (!this.serviceInfoObj.openId) {
            // this.$u.toast('无客服信息');
            // }
            wx.getSetting({
               success(res) {
                  console.log('授权success', res);
                  if (!res.authSetting['scope.camera'] || !res.authSetting['scope.record']) {
                     if (!res.authSetting['scope.camera']) {
                        uni.showToast({
                           title: '无相机权限'
                        });
                     } else if (!res.authSetting['scope.record']) {
                        uni.showToast({
                           title: '无麦克风权限'
                        });
                     }
                  } else {
                     wx.join1v1Chat({
                        caller: {
                           nickname: uni.getStorageSync('name'),
                           openid: uni.getStorageSync(
                              'openid')
                        },
                        listener: {
                           nickname: uni.getStorageSync('customerName'),
                           openid: uni.getStorageSync(
                              'customeropenId')
                        },
                        backgroundType: 2,
                        roomType: 'voice',
                        success() {
                           console.log('一对一成功');
                        },
                        fail(err) {
                           console.log('一对一失败', err);
                        }
                     });
                  }
               },
               fail() {
                  console.log('获取失败');
               }
            });
         },
         // 称重
         cengZhongClick() {
            this.$reqGet('getWeighHouse', this.getWeightHouseObj).then(res => {
               console.log(res, '获取磅房');
               if (res.code == 0) {
                  this.weighData.sceneId = res.data.id;
                  this.weighData.gateCameraId = res.data.lastEquipmentId;
                  this.weighData.equipmentCode = res.data.lastEquipmentCode;
                  this.weighData.sceneInOut = res.data.sceneInOut;
                  this.weighHouseCode = res.data.code;
                  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}&primarySkin=${
                     this.primarySkin
                  }&primaryHair=${this.primaryHair}&psrimaryClean=${this.primaryClean}&sceneInOut=${res.data.sceneInOut}`
               });
            } else {
               this.$u.toast('未在磅房，请前往磅房后再试！！');
            }
         });
      },
      // 放空
      evacuation() {
         this.evacuationModalShow = true;
      },
      // 放空弹窗确认
      evacuationConfirm() {
         this.weighData = {
            ...this.weighData,
            weigh: this.globalweigh
         };
         let mix = Object.assign(this.weighData, this.getWeightHouseObj);
         this.$reqPost('getOneEvacuation', mix, 'json').then(res => {
            console.log(res, '第一次放空');
            if (res.code == 0) {
               this.$u.toast('操作成功');
               this.evacuationModalShow = false;
            } else {
               this.$u.toast('操作失败，请稍后重试');
               this.evacuationModalShow = false;
            }
         });
      },
      // 放空弹窗取消
      evacuationCancel() {
         this.evacuationModalShow = false;
                  }&primaryHair=${this.primaryHair}&psrimaryClean=${this.primaryClean}&sceneInOut=${res.data.sceneInOut}&overTmWaixiao=${this.overTmWaixiao}
                  &isWeighing=${this.coalDetailsData.weighingType}`
                  });
               } else {
                  this.$u.toast('未在磅房，请前往磅房后再试！！');
               }
            });
         },
         // 放空
         evacuation() {
            this.evacuationModalShow = true;
         },
         // 放空弹窗确认
         evacuationConfirm() {
            this.weighData = {
               ...this.weighData,
               weigh: this.globalweigh
            };
            let mix = Object.assign(this.weighData, this.getWeightHouseObj);
            this.$reqPost('getOneEvacuation', mix, 'json').then(res => {
               console.log(res, '第一次放空');
               if (res.code == 0) {
                  this.$u.toast('操作成功');
                  this.evacuationModalShow = false;
               } else {
                  this.$u.toast('操作失败，请稍后重试');
                  this.evacuationModalShow = false;
               }
            });
         },
         // 放空弹窗取消
         evacuationCancel() {
            this.evacuationModalShow = false;
         },
         // 完成外销确定
         completeOutSaleConfirm() {
            this.completeOutSaleShow = false
            uni.navigateTo({
               url: `/pages/driver-page/driver-index/bill-of-lading-details/completeOutSale/completeOutSale?deptId=${this.completeOutSale.deptId}&filedId=${this.completeOutSale.filedId}`
            })
         },
         // 完成外销取消
         completeOutSaleCancel() {
            this.completeOutSaleShow = false
         },
         // 查看质量明细
         jumpWeighDetail() {
            uni.navigateTo({
               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 => {
               this.$u.toast(res.msg)
               if (res.data) {
                  uni.hideLoading();
                  // this.$u.toast('打印成功')
                  // this.orderPlanData = res.data
               } 
            }).catch((err) => {
               uni.hideLoading();
                  this.$u.toast('打印失败')
            })
         }
      }
   }
};
   };
</script>

<style lang="scss" scoped>
/deep/.u-steps {
   .u-steps-item {
      .u-steps-item__content {
         .u-text {
            .u-text__value {
               font-size: 31rpx !important;
               font-weight: 300;
               color: #303030;
<style lang="scss"
   scoped>
   /deep/.u-steps {
      .u-steps-item {
         .u-steps-item__content {
            .u-text {
               .u-text__value {
                  font-size: 31rpx !important;
                  font-weight: 300;
                  color: #303030;
               }
            }
         }
      }
   }
}
@mixin flex {
   display: flex;
   justify-content: space-between;
   align-items: center;
}
::v-deep.bill-of-lading-details {
   width: 100%;
   height: 100vh;
   margin: 0 auto;
   display: flex;
   flex-direction: column;
   .top-banner {

   @mixin flex {
      display: flex;
      justify-content: space-between;
      align-items: center;
   }

   ::v-deep.bill-of-lading-details {
      width: 100%;
      height: 346rpx;
      height: 100%;
      margin: 0 auto;

      .top-banner {
         width: 100%;
         height: 346rpx;
         position: fixed;
      }

      .top-information {
         width: 94%;
         margin: 0 auto;
@@ -432,18 +568,33 @@
         color: #ffffff;
         font-size: 31rpx;
         font-weight: 300;


         .cutomer-name {
            width: 100%;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
         }

         .fild-name {
            @include flex;
            justify-content: space-between;
            width: 100%;

            view {
               min-width: 296rpx;
               white-space: nowrap;
               overflow: hidden;
               text-overflow: ellipsis;
            }
         }
      }

      .block-information {
         width: 690rpx;
         height: 396rpx;
         height: 100%;
         min-height: 420rpx;
         margin: vww(40) auto;
         background: #ffffff;
         box-shadow: 4rpx 6rpx 51rpx 0rpx rgba(73, 120, 240, 0.11);
@@ -453,14 +604,18 @@
         font-weight: 300;
         color: #303030;
         overflow: hidden;

         .block-main {
            @include flex width: 94%;
            height: 336rpx;
            display: grid;
            grid-template-columns: auto;
            grid-template-rows: repeat(auto-fit, minmax(40rpx, 1fr));
            gap: auto 5rpx;
            width: 94%;
            height: 100%;
            min-height: 380rpx;
            margin: vww(18) vww(7) vww(11) vww(17);
            flex-direction: column;
            justify-content: space-between;
            align-items: flex-start;
         }

         .status-button {
            width: vww(71);
            height: vww(36);
@@ -472,20 +627,26 @@
            right: vww(10);
            color: #fff;
         }

         .basic {
            width: 100%;
            height: vww(15);
            @include flex;
            justify-content: flex-start;

            .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 {
               width: 2rpx;
               height: 30rpx;
@@ -494,11 +655,13 @@
               top: vww(2);
            }
         }

         .time {
            width: 35%;
            height: vww(12);
            display: flex;
            justify-content: flex-start;

            .send-date {
               width: 148rpx;
               height: 24rpx;
@@ -508,6 +671,7 @@
               color: #515151;
            }
         }

         .coal-code,
         .order-code {
            width: 100%;
@@ -516,100 +680,143 @@
            font-weight: 300;
            color: #7d7d7d;
         }
         .weigh-item {
            width: 100%;
            height: vww(36);
            @include flex;
            justify-content: space-around;
            .item {
               min-width: vww(50);
               height: vww(45);
               font-size: 21rpx;
               font-weight: 400;
               color: #ffffff;
               text-align: center;
               line-height: vww(30);


      }

      // 称重历史
      .weigh-history {
         @extend .block-information;

         .block-main {
            @extend .block-main;
            gap: 10rpx 20rpx;

            .weigh-item {
               width: 100%;
               height: vww(80);
               @include flex;
               .concrete {
                  width: vww(36);
               flex-direction: column;
               justify-content: space-around;
               align-items: flex-start;

               .item-block {
                  width: 100%;
                  height: vww(36);
               }
               .num {
                  font-size: 40rpx;
                  font-weight: 300;
                  color: #303030;
                  @include flex;
                  justify-content: space-around;

                  .item {
                     min-width: vww(50);
                     height: vww(45);
                     font-size: 21rpx;
                     font-weight: 400;
                     color: #ffffff;
                     text-align: center;
                     line-height: vww(30);
                     @include flex;

                     .concrete {
                        width: vww(36);
                        height: vww(36);
                     }

                     .num {
                        font-size: 40rpx;
                        font-weight: 300;
                        color: #303030;
                     }
                  }
               }
            }
         }
      }
   }
   .timeLine {
      height: 40%;
      margin: vww(20);
      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);

      // 时间线
      .timeLine {
         height: 300rpx;
         min-height: 300rpx;
         margin: vww(20);
         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;

               .u-steps-item__line {
                  height: vww(52) !important;
                  background: #e9e6ea !important;
               }
            }
         }
      }
   }
   .utilsBox {
      width: 94%;
      margin: 0 auto;
      position: relative;
      top: vww(80);
      .utils_chil {

      .white-block {
         width: 100%;
         height: vww(20);
         background-color: #fff;
      }

      .utilsBox {
         width: 94%;
         margin: 0 auto;
         .top-button,
         .bottom-button {
         position: relative;
         // top: vww(80);

         .utils_chil {
            width: 100%;
            height: vww(47);
            @include flex;
            margin: 0 auto;

            .top-button,
            .bottom-button {
               width: 100%;
               height: vww(47);
               @include flex;

               .u-button {
                  width: 40%;
                  height: 60rpx;
                  font-size: 28rpx;
                  font-weight: 300;
                  color: #497bfb;
                  border: 2px solid #3b56eb;
               }
            }
         }
      }

      .weigh-ability {
         width: 631rpx;
         height: vww(100);
         margin: vww(20) auto;
         margin-bottom: vww(10);
         @include flex;
         flex-direction: column;

         .weigh-button {
            width: 631rpx;
            height: vww(89);

            .u-button {
               width: 40%;
               height: 60rpx;
               font-size: 28rpx;
               font-weight: 300;
               color: #497bfb;
               border: 2px solid #3b56eb;
               color: #ffffff;
               background: #497bfb;
               letter-spacing: 4rpx;
               border-radius: 37rpx 37rpx 37rpx 37rpx;
               box-shadow: 2rpx 3rpx 13rpx 0rpx rgba(43, 98, 239, 0.5), 0rpx 0rpx 9rpx 0rpx rgba(247, 250, 253, 0.29);
            }
         }
      }
   }
   .weigh-ability {
      width: 631rpx;
      height: vww(100);
      margin: vww(80) auto;
      margin-bottom: vww(10);
      @include flex;
      flex-direction: column;
      .weigh-button {
         width: 631rpx;
         height: vww(89);
         .u-button {
            font-size: 28rpx;
            font-weight: 300;
            color: #ffffff;
            background: #497bfb;
            letter-spacing: 4rpx;
            border-radius: 37rpx 37rpx 37rpx 37rpx;
            box-shadow: 2rpx 3rpx 13rpx 0rpx rgba(43, 98, 239, 0.5), 0rpx 0rpx 9rpx 0rpx rgba(247, 250, 253, 0.29);
         }
      }
   }
}
</style>
</style>