qingyiay
2023-09-18 e96eb325b42b25ecd83c065c4abd8ce9999cd468
pages/driver-page/driver-index/bill-of-lading-details/bill-of-lading-details.vue
@@ -39,19 +39,19 @@
                     <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 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 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 class="num">{{ coalDetailsData.clean||""  }}</view>
                  </view>
               </view>
            </view>
@@ -103,6 +103,24 @@
         </view>
      </view>
      <view class="weigh-ability">
         <view class="weigh-button"
            v-show='ablePrintInduction'>
            <u-button text="打印入门证"
               @click="printEntryCertificate"
               type="primary"
               shape="circle"
               :loading="enterLoading"
               loadingText="打印中,请稍候"></u-button>
         </view>
         <view class="weigh-button"
            v-show="ablePrintOut">
            <u-button text="打印出门证"
               @click="printExitPermit"
               type="primary"
               shape="circle"
               :loading="outLoading"
               loadingText="打印中,请稍候"></u-button>
         </view>
         <view class="weigh-button"><u-button text="展示提煤单"
               @click="showCaolPickUpBill"
               type="primary"
@@ -128,6 +146,21 @@
            @confirm="completeOutSaleConfirm"
            @cancel="completeOutSaleCancel"></u-modal>
      </view>
      <view class="serviece-customer">
         <u-action-sheet :actions="list"
            @select="selectClick"
            @close='serviceClose'
            title="呼叫方式"
            :show="servieceShow"
            cancelText="取消"></u-action-sheet>
      </view>
      <!-- 磅房忙碌提示弹窗 -->
      <view class="">
         <u-modal :show="wsgVisiable"
            title="提示"
            :content="wsgContent"
            @confirm="wsgContentConfirm"></u-modal>
      </view>
   </view>
</template>
@@ -142,6 +175,9 @@
            this.overTmWaixiao = value.overTmWaixiao
            this.getWeightHouseObj.overTmWaixiao = value.overTmWaixiao
         }
      },
      onShow() {
         this.init();
      },
      data() {
         return {
@@ -172,7 +208,8 @@
            // 客服信息
            serviceInfoObj: {
               openId: null,
               openName: ''
               openName: '',
               serviecePhone: ''
            },
            coalStatus: ['领取', '预约', '签到', '入场', '称皮', '称毛', '离场', '入磅房', '出磅房', '入煤仓', '出煤仓', '放空', '作废', '入场申请',
               '进入场院', '异常审核中'
@@ -206,12 +243,14 @@
               clean: ""
            },
            completeOutSaleShow: false,
            overTmWaixiao: null
            overTmWaixiao: null,
            list: [{ name: '手机号', subname: '1213456', id: 1 }, { name: '微信语音', id: 2 }], //呼叫客服选项
            servieceShow: false,
            ablePrintInduction: false, //入门证是否显示
            ablePrintOut: false, //出门证是否显示
            enterLoading: false, //入门按钮loading
            outLoading: false, //出门按钮loading
         };
      },
      onShow() {
         this.init();
      },
      onHide() {
         clearInterval(this.interval);
@@ -220,7 +259,7 @@
         clearInterval(this.interval);
      },
      computed: {
         ...mapState(['globalweigh', 'globalinfraredStatus']),
         ...mapState(['globalweigh', 'globalinfraredStatus', 'wsgVisiable', 'wsgContent']),
         name() {
            return uni.getStorageSync('name');
         },
@@ -246,6 +285,7 @@
         }
      },
      methods: {
         ...mapMutations(['changewsgVisiable']),
         init() {
            this.$reqGet('coalDayPage', { id: this.orderPlanId }).then(res => {
               if (res.code == 0) {
@@ -265,7 +305,7 @@
            });
            this.coalDayPage(); //获取日志
            this.getTakeCoal(); //获取提煤单详情
            this.getgetService(); //获取客服
         },
         // 获取客服openid
         getgetService() {
@@ -276,6 +316,8 @@
               } else {
                  this.serviceInfoObj.openId = res.data.openId;
                  this.serviceInfoObj.openName = res.data.openName;
                  this.serviceInfoObj.serviecePhone = res.data.serviecePhone
                  this.$set(this.list[0], 'subname', this.serviceInfoObj.serviecePhone)
                  uni.setStorageSync('customeropenId', this.serviceInfoObj.openId);
                  uni.setStorageSync('customerName', this.serviceInfoObj.openName);
               }
@@ -316,6 +358,9 @@
                  this.primarySkin = this.coalDetailsData.skinTwo;
                  this.primaryHair = this.coalDetailsData.hairTwo;
                  this.primaryClean = this.coalDetailsData.cleanTwo;
                  // 入门证 和 出门证 是否显示
                  this.ablePrintInduction = this.coalDetailsData.hair || this.coalDetailsData.skin
                  this.ablePrintOut = this.coalDetailsData.hair && this.coalDetailsData.skin
               } else {
                  this.$u.toast('加载失败');
               }
@@ -335,6 +380,8 @@
                     })
                  }
               }
            }).then(() => {
               this.getgetService(); //获取客服
            })
         },
         // 日志查询
@@ -380,8 +427,23 @@
            }&sendDate=${this.getYuYueDataParams.sendDate}`
            });
         },
         // 呼叫客服
         callCustomerService() {
            this.servieceShow = true
         },
         serviceClose() {
            this.servieceShow = false
         },
         selectClick(v) {
            if (v.id === 2) {
               this.callCustomerServiceImpl()
            } else if (v.id === 1) {
               wx.makePhoneCall({
                  phoneNumber: this.serviceInfoObj.serviecePhone
               })
            }
         },
         // 呼叫客服
         callCustomerServiceImpl() {
            // if (!this.serviceInfoObj.openId) {
            // this.$u.toast('无客服信息');
            // }
@@ -401,7 +463,7 @@
                  } else {
                     wx.join1v1Chat({
                        caller: {
                           nickname: uni.getStorageSync('name'),
                           nickname: uni.getStorageSync('username'),
                           openid: uni.getStorageSync(
                              'openid')
                        },
@@ -425,14 +487,6 @@
                  console.log('获取失败');
               }
            });
         },
         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() {
@@ -493,6 +547,42 @@
         completeOutSaleCancel() {
            this.completeOutSaleShow = false
         },
         // 打印入门证
         printEntryCertificate() {
            uni.showLoading({
               title: '正在打印中,请稍后'
            })
            this.enterLoading = true
            this.$reqGet('printer', { type: 2, tmId: this.coalDetailsData.id }).then(res => {
               uni.hideLoading()
               this.enterLoading = false
               console.log(res);
               if (res.code === 0) {
                  this.$u.toast('打印成功')
               } else {
                  this.$u.toast(res.msg ? res.msg : '打印失败')
               }
            })
         },
         // 打印出门证
         printExitPermit() {
            uni.showLoading({
               title: '正在打印中,请稍后'
            })
            this.outLoading = true
            this.$reqGet('printer', { type: 3, tmId: this.coalDetailsData.id }).then(res => {
               uni.hideLoading()
               this.outLoading = false
               if (res.code === 0) {
                  this.$u.toast('打印成功')
               } else {
                  this.$u.toast(res.msg ? res.msg : '打印失败')
               }
            })
         },
         wsgContentConfirm() {
            this.changewsgVisiable(false)
         }
      }
   };
</script>
@@ -521,7 +611,7 @@
   ::v-deep.bill-of-lading-details {
      width: 100%;
      height: 100vh;
      height: 100%;
      margin: 0 auto;
      display: flex;
      flex-direction: column;
@@ -680,7 +770,7 @@
      }
      .timeLine {
         height: 40%;
         height: 300rpx;
         margin: vww(20);
         position: relative;
         top: vww(120);
@@ -742,15 +832,18 @@
      .weigh-ability {
         width: 631rpx;
         height: vww(100);
         height: vww(200);
         margin: vww(80) auto;
         margin-bottom: vww(10);
         margin-top: vww(100);
         margin-bottom: vww(20);
         @include flex;
         flex-direction: column;
         justify-content: flex-start;
         .weigh-button {
            width: 631rpx;
            height: vww(89);
            height: vww(40);
            margin: vww(10);
            .u-button {
               font-size: 28rpx;