yangan
2025-04-10 f1950b48fec6421b50580f2a8899b360b314b73c
pages/driver-page/driver-index/bill-of-lading-details/bill-of-lading-details.vue
@@ -29,9 +29,10 @@
               <view class="time-icon"><u-icon name="clock"
                     color="#515151"
                     size="40"></u-icon></view>
               <view class="send-date">{{ coalDetailsData.sendDate }}</view>
               <view class="send-date" >{{ coalDetailsData.sendDate }}</view>
            </view>
            <view class="coal-code">通知单编号:&nbsp;&nbsp;{{ coalDetailsData.code || '' }}</view>
            <view class="coal-code">车牌号:&nbsp;&nbsp;{{ coalDetailsData.carNo || '' }}</view>
            <view class="order-code">
               订单编号:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{ coalDetailsData.orderCode || '' }}</view>
            <view class="coal-code"
@@ -72,36 +73,67 @@
                  plain
                  @click="printOrder"
                  shape="circle"
                  :disabled="(currentPageCoalStatus  < 3) || printNum"></u-button>
                  :disabled="(currentPageCoalStatus  != 3) || !printNum"></u-button>
          <u-button text="呼叫客服"
                    type="primary"
                    plain
                    @click="callCustomerService"
                    shape="circle"></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>
            </view>
<!--            <view class="bottom-button">-->
<!--               <u-button text="放空"-->
<!--                  type="primary"-->
<!--                  plain-->
<!--                  @click="evacuation"-->
<!--                  throttleTime="500"-->
<!--                  shape="circle"-->
<!--                  :disabled="!isFangKong"></u-button>-->
<!--            </view>-->
         </view>
      </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="btns-box-main">
      <view class="weigh-ability" v-if="!isReservation && noCarNo != 1">
        <!--      <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="weigh-ability">-->
<!--        <view class="weigh-button"><u-button-->
<!--            :disabled="!isapproach"-->
<!--            text="申请复磅"-->
<!--            @click="shenqingFubangClick"-->
<!--            type="primary"-->
<!--            shape="circle"></u-button></view>-->
<!--      </view>-->
      <view class="weigh-ability" v-if="noCarNo == 1">
        <view class="weigh-button"><u-button
            :disabled="!isapproach"
            text="申请计量"
            @click="shenqingjiliangClick"
            type="primary"
            shape="circle"></u-button></view>
      </view>
      <view class="weigh-ability" v-if="isShenqingFubangShow">
        <view class="weigh-button"><u-button
            :loading="shenQingFuBangLoading"
            text="申请复磅"
            @click="shenqingFubangClick"
            type="primary"
            shape="circle"></u-button></view>
      </view>
    </view>
      <view class="evacuationModal">
         <u-modal :show="evacuationModalShow"
            :title="evacuationTitle"
@@ -118,20 +150,40 @@
            @confirm="completeOutSaleConfirm"
            @cancel="completeOutSaleCancel"></u-modal>
      </view>
      <u-action-sheet
      <u-action-sheet
      :actions="list"
      :show="show"
      :closeOnClickOverlay="true"
      :closeOnClickAction="true"
      @select="selectClick"
      @close="sheetClose" ></u-action-sheet>
      @close="sheetClose" >
    </u-action-sheet>
         <view class="serviece-customer">
         <u-action-sheet
              v-if="serviceInfoObj.serviecePhone"
            :actions="hujiaolist"
            @select="selectClickhujiao"
            @close='serviceClose'
            title="呼叫方式"
            :show="servieceShow"
            cancelText="取消"></u-action-sheet>
      </view>
<!--  磅房列表  -->
    <u-action-sheet
        :actions="bangfangList"
        title="选择磅房"
        :closeOnClickAction="true"
        :closeOnClickOverlay="true"
        @select="bangfangSelectClick"
        :show="bangfangListShow"
        @close="bangfangSheetClose"></u-action-sheet>
   </view>
</template>
<script>
   import { onlineurl } from '@/api/request.js'
   import { webSocketUrl } from '@/api/request.js';
   import { mapState, mapMutations } from 'vuex';
   import { mapState, mapMutations,mapGetters } from 'vuex';
   import weighItem from '@/components/weighItem.vue'
   export default {
      components: {
@@ -151,6 +203,8 @@
            orderPlanId: null,
            yyId: null,
            show:false,
            hujiaolist: [{ name: '手机号', subname: '', id: 1 }], //呼叫客服选项 { name: '微信语音', id: 2 }
            servieceShow:false,
            chengZhongFlag:true, // 上榜称重状态
            dayRZ: [],
            list: [
@@ -188,9 +242,10 @@
            // 客服信息
            serviceInfoObj: {
               openId: null,
               openName: ''
               openName: '',
               serviecePhone: ''
            },
            coalStatus: ['未称重', '称重中', '验质中', '称重完成', '处理完成'], // 状态
            coalStatus: ['未称重', '称重中', '验质中', '称重完成', '质检完成'], // 状态[0,1,3,4]
            weighHouseCode: '',
            // 放空弹窗控制变量
            evacuationModalShow: false,
@@ -225,6 +280,11 @@
            // 判读网络状态,
            normalCode: true,
            onlineurl,
        bangfangListShow: false,
        bangfangList: [],
        noCarNo:0,  //是否有车牌号(有车牌0,无车牌1)
        shenQingFuBangLoading: false, //申请复磅loading
        orderCode:''
         };
      },
      onShow() {
@@ -237,7 +297,8 @@
         clearInterval(this.interval);
      },
      computed: {
         ...mapState(['globalweigh', 'globalinfraredStatus']),
         ...mapState(['globalinfraredStatus']),
      ...mapGetters(['globalweigh']),
         name() {
            return uni.getStorageSync('name');
         },
@@ -257,26 +318,59 @@
         //
         isEvacuation() {
            return this.coalDetailsData.hair !== 0 || this.coalDetailsData.skin !== 0;
         },
      },
      isFangKong() {
        if(this.coalDetailsData.hair !== 0 || this.coalDetailsData.skin !== 0) {
          console.log(Math.abs(Number(this.coalDetailsData.hair) - Number(this.globalweigh)).toFixed(1),'hair')
          console.log(Math.abs(Number(this.coalDetailsData.skin) - Number(this.globalweigh)).toFixed(1),'skin')
          console.log(Number(this.globalweigh),'globalweigh')
          console.log(Math.abs(Number(this.coalDetailsData.hair) - Number(this.globalweigh)) <= 0.1,'1111111111111')
          console.log(Math.abs(Number(this.coalDetailsData.skin) - Number(this.globalweigh)) <= 0.1,'222222222222222')
          if(Math.abs(Number(this.coalDetailsData.hair) - Number(this.globalweigh)).toFixed(2) <= 0.1 || Math.abs(Number(this.coalDetailsData.skin) - Number(this.globalweigh)).toFixed(2) <= 0.1) {
            return true
          }else {
            return false
          }
          // if((this.coalDetailsData.hair == this.globalweigh) || (this.coalDetailsData.skin == this.globalweigh)) {
          //   return true
          // }else {
          //   return false
          // }
        }else {
          return false
        }
      },
         isapproach() {
            return this.currentPageCoalStatus < 3;
            return this.currentPageCoalStatus != 3 || this.coalDetailsData.isSendErp ==1;
         },
         // 展示皮毛净
         showWeigh() {
            return this.coalDetailsData.tmTaskCoalItems ? this.coalDetailsData.tmTaskCoalItems : []
         },
         //司机领取状态按钮全不展示
         //司机领取状态按钮全不展示
         isReservation(){
            return this.reservationIsShow < 1;
         },
         //判断打印单次数
         printNum(){
            return this.coalDetailsData.printTimes2 <= this.coalDetailsData.tmTaskCoalItems.length
         }
            return this.coalDetailsData.printTimes2 <= this.coalDetailsData.tmTaskCoalItems?.length
         },
      roleType() {
        console.log(uni.getStorageSync('userInfo').type,'roleType')
        return uni.getStorageSync('userInfo').type;
      },
      isShenqingFubangShow() {  //申请复磅按钮是否显示
        //条件: 不是 称重完成+不是 未称重+司机  【未称重0,称重中1,验质中2,称重完成3,验质完成4】  noCarNo 是否有车牌号(有车牌0,无车牌1)
        if((this.currentPageCoalStatus != 0) && this.roleType == 3) {
          return true
        }else {
          return false
        }
      }
      },
      methods: {
         init() {
            this.$reqGet('coalDayPage', { id: this.orderPlanId }).then(res => {
          init() {
             this.$reqGet('coalDayPage', { id: this.orderPlanId }).then(res => {
               if (res.code == 0) {
                  this.dayRZ = res.data.map(v => {
                     let slicedate = v.taskStatusDes.slice(0, 10);
@@ -291,9 +385,8 @@
                  });
               }
            });
            this.coalDayPage(); //获取日志
            this.getTakeCoal(); //获取通知单详情
            this.getgetService(); //获取客服
         this.coalDayPage(); //获取日志
         this.getTakeCoal(); //获取通知单详情
         },
         // 获取客服openid
         getgetService() {
@@ -304,6 +397,8 @@
               } else {
                  this.serviceInfoObj.openId = res.data.openId;
                  this.serviceInfoObj.openName = res.data.openName;
                  this.serviceInfoObj.serviecePhone = res.data.serviecePhone
                  this.$set(this.hujiaolist[0], 'subname', this.serviceInfoObj.serviecePhone)
                  uni.setStorageSync('customeropenId', this.serviceInfoObj.openId);
                  uni.setStorageSync('customerName', this.serviceInfoObj.openName);
               }
@@ -319,8 +414,11 @@
               if (res.code == 0) {
                  console.log(res, '通知单详情');
                  this.coalDetailsData = res.data;
            console.log('coalDetailsData',this.coalDetailsData)
            this.orderCode = res.data.orderCode
                  this.orderType = this.coalDetailsData.orderType;
                  // 判断是否完成外销订单
            this.noCarNo = res.data.noCarNo
                // 判断是否完成外销订单
                  this.completeOutSale.orderType = this.coalDetailsData.orderType;
                  this.completeOutSale.deptId = this.coalDetailsData.deptId;
                  this.completeOutSale.filedId = this.coalDetailsData.filedId;
@@ -339,16 +437,18 @@
                  this.getServiceOpenid.deptId = this.coalDetailsData.deptId;
                  this.getServiceOpenid.filedId = this.coalDetailsData.filedId;
                  // 获取通知单状态
                  this.currentPageCoalStatus = this.coalDetailsData.statusWeigh;
                  this.currentPageCoalStatus = this.coalDetailsData.statusWeigh;  //【未称重0,称重中1,验质中2,称重完成3,验质完成4】
                  this.reservationIsShow = this.coalDetailsData.status;
                  // 获取原发信息
                  this.primarySkin = this.coalDetailsData.skinTwo;
                  this.primaryHair = this.coalDetailsData.hairTwo;
                  this.primaryClean = this.coalDetailsData.cleanTwo;
                  //初始化磅单数据
                  this.list = this.coalDetailsData.tmTaskCoalItems.map(item=>{
                     return  {name:item.breed + '/' + item.spec,id:item.id}
                     return  {name:item.breed + '/' + item.spec,id:item.id,tmId:item.tmId}
                  })
            this.getPoundRoomByList()
               } else {
                  this.$u.toast('加载失败');
               }
@@ -368,6 +468,7 @@
                     })
                  }
               }
                   this.getgetService(); //获取客服
            })
         },
         // 日志查询
@@ -425,6 +526,63 @@
            // 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('获取失败');
            //    }
            // });
               this.servieceShow = true
         },
         serviceClose() {
            this.servieceShow = false
         },
         selectClickhujiao(v){
            console.log(v,'vvvv')
            if (v.id === 2) {
               this.callCustomerServiceImpl()
            } else if (v.id === 1) {
               console.log(this.serviceInfoObj,'w123456+')
               wx.makePhoneCall({
                  phoneNumber: this.serviceInfoObj.serviecePhone
               })
            }
         },
         callCustomerServiceImpl(){
            wx.getSetting({
               success(res) {
                  console.log('授权success', res);
@@ -441,7 +599,7 @@
                  } else {
                     wx.join1v1Chat({
                        caller: {
                           nickname: uni.getStorageSync('name'),
                           nickname: uni.getStorageSync('username'),
                           openid: uni.getStorageSync(
                              'openid')
                        },
@@ -476,6 +634,7 @@
                  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
@@ -485,10 +644,62 @@
                  &isWeighing=${this.coalDetailsData.weighingType}`
                  });
               } else {
                  this.$u.toast('未在磅房,请前往磅房后再试!!');
                  this.$u.toast(res.msg ? res.msg : '未在磅房,请前往磅房后再试!!');
               }
            });
         },
      //申请计量
      shenqingjiliangClick() {
        this.bangfangListShow = true
      },
      bangfangSelectClick(val) {  //选中磅房(司机选择磅房)
        console.log(val,'id----')
        this.$reqPost('applyWeight',{tmId:this.getWeightHouseObj.tmId,houseId:val.id},'params').then(res => {
          console.log(res,'选择磅房====')
          if(res.code == 0) {
            uni.navigateTo({
              url: `/pages/driver-page/driver-index/bill-of-lading-details/nocarNoWeighingDevice/nocarNoWeighingDevice?tmId=${this.getWeightHouseObj.tmId}&houseId=${val?.id}&weighHouseCode=${val?.code}`
            })
          }else {
            this.$u.toast(res.msg);
          }
        })
      },
      bangfangSheetClose() {
         this.bangfangListShow = false
      },
      getPoundRoomByList() {
        console.log(this.getWeightHouseObj.tmId,'this.getWeightHouseObj.tmId===')
        this.$reqGet('getPoundRoomByList',{tmId:this.getWeightHouseObj.tmId}).then(res => {
          console.log(res,'res')
          if(res.data) {
            this.bangfangList = res.data
          }
        })
      },
      shenqingFubangClick() {  //申请复磅
         let params = {
           deptId:this.coalDetailsData.deptId,
           filedId:this.coalDetailsData.filedId,
           tmId:this.coalDetailsData.id
         }
         this.shenQingFuBangLoading = true
        this.$reqPost('applyForRepeatedCarNew',params,'json').then(res => {
          console.log(res,'申请复磅-----')
          if(res.code == 0) {
            this.$u.toast(res.msg);
            this.shenQingFuBangLoading = false
          }else {
            this.$u.toast(res.msg);
            this.shenQingFuBangLoading = false
          }
        }).catch(() => {
          this.shenQingFuBangLoading = false
        }).finally(() => {
          this.shenQingFuBangLoading = false
        })
      },
         // 放空
         evacuation() {
            this.evacuationModalShow = true;
@@ -537,30 +748,77 @@
           this.show = true;
         },
         selectClick(obj){
            this.$reqGet('printerHandler',{tmItemId:obj.id}).then(res => {
               uni.hideLoading();
               this.$u.toast(res.msg)
               if (res.data) {
            console.log(obj,'tmiod')
         this.startProlling(obj.id,obj.tmId);
         },
         //打印任务
         printPolling(id){
          return new Promise((resolve, reject) => {
          this.$reqGet('printerHandler',{tmItemId:id}).then(res => {
             uni.hideLoading();
            this.$u.toast(res.msg ? res.msg : '去打印')
            if (res.data) {
                  // this.$u.toast('打印成功')
                  // this.orderPlanData = res.data
               }
                  resolve(true)
               }
            }).catch((err) => {
               uni.hideLoading();
                  this.$u.toast('打印失败')
               reject(false)
            this.$u.toast('打印失败')
            }).finally(() => {
               this.show = false;
            })
            })
         },
         //推送erp
         pushErp(id,tmId)
         {
             return new Promise((resolve, reject) => {
          this.$reqPost('reSendErp',{tmId:tmId},'json').then(res => {
             uni.hideLoading();
            if (res.data) {
                  resolve(true)
               }
            }).catch((err) => {
               uni.hideLoading();
               reject(false)
            this.$u.toast('推送失败')
            })
            })
         },
         //执行打印任务
         startProlling(id,tmId){
            Promise.all([this.pushErp(id,tmId), this.printPolling(id)]).then(res => {
               console.log('所有异步请求均已成功加载完毕',res)
                this.$u.toast('推送成功');
            }).catch(err => {
               console.log(err)
            })
         },
         sheetClose(){
            this.show = false;
         }
         },
      onPullDownRefresh() {  //下拉刷新
        setTimeout(() => {
          this.getTakeCoal(() => {  //获取通知单详情
            uni.stopPullDownRefresh()
          })
        },1000)
      }
      }
   };
</script>
<style lang="scss"
   scoped>
   .send-date{
      font-size: 12px;
      color: #eee;
   }
   .weighing-item{
      min-height: 200rpx!important;
   }
@@ -633,8 +891,8 @@
      .block-information {
         width: 690rpx;
         height: 100%;
         min-height: 420rpx;
         margin: vww(40) auto;
         min-height: 400rpx;
         margin: vww(40) auto 0rpx;
         background: #ffffff;
         box-shadow: 4rpx 6rpx 51rpx 0rpx rgba(73, 120, 240, 0.11);
         border-radius: 20rpx;
@@ -651,8 +909,8 @@
            gap: auto 5rpx;
            width: 94%;
            height: 100%;
            min-height: 380rpx;
            margin: vww(18) vww(7) vww(11) vww(17);
            min-height: 360rpx;
            margin: vww(18) vww(7) vww(8) vww(17);
         }
         .status-button {
@@ -696,7 +954,7 @@
         }
         .time {
            width: 35%;
            width: 100%;
            height: vww(12);
            display: flex;
            justify-content: flex-start;
@@ -725,12 +983,7 @@
      // 称重历史
      .weigh-history {
         @extend .block-information;
         .block-main {
            @extend .block-main;
            gap: 10rpx 20rpx;
            .weigh-item {
               width: 100%;
               height: vww(80);
@@ -775,7 +1028,6 @@
      .timeLine {
         height: 300rpx;
         min-height: 300rpx;
         margin: vww(20);
         position: relative;
         // top: vww(120);
         overflow-y: overlay;
@@ -820,9 +1072,11 @@
            .bottom-button {
               width: 100%;
               height: vww(47);
               @include flex;
               display: flex;
          justify-items: flex-start;
               .u-button {
            margin: 0 20rpx;
                  width: 40%;
                  height: 60rpx;
                  font-size: 28rpx;
@@ -836,7 +1090,6 @@
      .weigh-ability {
         width: 631rpx;
         height: vww(100);
         margin: vww(20) auto;
         margin-bottom: vww(10);
         @include flex;
@@ -844,8 +1097,6 @@
         .weigh-button {
            width: 631rpx;
            height: vww(89);
            .u-button {
               font-size: 28rpx;
               font-weight: 300;
@@ -858,4 +1109,17 @@
         }
      }
   }
</style>
  ::v-deep{
    .u-action-sheet{
      max-height: 900rpx;
      overflow-y: auto;
    }
    .u-action-sheet__item-wrap__item{
      padding: 10px 15px!important;
    }
  }
  .btns-box-main{
    width: 100%;
    margin-bottom: 60rpx;
  }
</style>