司机称重页面，签到页面

付延余

2023-03-21 d36eb757af8867278125c6999fcaa5bdb902151c

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

@@ -1,13 +1,15 @@
<template>
   <view class="bill-of-lading-details">
      <view class="bangDanMessage"><text>磅单信息</text></view>
      <view class="timeLine" style="font-size: 16rpx;"><u-text v-for="(item, index) in dayRZ" :key="index" :text="item.taskStatusDes"></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>
      <view class="utilsBox">
         <view class="utils_chil utils_chilTop">
            <u-button text="签到" type="primary" @click="arriveClick"></u-button>
            <u-button text="入场申请" type="primary" @click="rcsqClick"></u-button>
            <u-button text="放空" type="primary"></u-button>
            <u-button text="呼叫客服" type="primary"></u-button>
            <u-button text="签到" type="primary" plain @click="arriveClick"></u-button>
            <u-button text="入场申请" type="primary" plain @click="rcsqClick"></u-button>
            <u-button text="放空" type="primary" plain></u-button>
            <u-button text="呼叫客服" type="primary" plain></u-button>
         </view>
         <view class="utils_chil"><u-button text="展示提煤单" @click="showCaolPickUpBill" type="primary"></u-button></view>
         <view class="utils_chil"><u-button text="上磅计量" @click="cengZhongClick" type="primary"></u-button></view>
@@ -28,24 +30,56 @@
      return {
         orderPlanId: null,
         yyId: null,
         dayRZ: []
         dayRZ: [],
         coalDetailsData: {}, // 提煤单详情
         getWeightHouseObj: {
            // 获取所在磅房
            deptId: '',
            filedId: '',
            tmId: '',
            tmCode: '',
            carNo: ''
         }
      };
   },
   onShow() {
      this.init();
   },
   computed: {
      userName() {
         return uni.getStorageSync('username');
      },
      openid() {
         return uni.getStorageSync('openid');
      }
   },
   methods: {
      init() {
         this.coalDayPage();
         this.getTakeCoal();
      },
      // 日志查询
      coalDayPage() {
         this.$reqGet('coalDayPage').then(res => {
      // 获取提煤单详情
      getTakeCoal() {
         this.$reqGet('getTakeCoal', { takeCoalId: this.orderPlanId }).then(res => {
            if (res.code == 0) {
               this.dayRZ = res.data.records;
               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;
            }
         });
      },
      // 日志查询
      coalDayPage() {
         this.$reqGet('coalDayPage', { id: this.orderPlanId }).then(res => {
            if (res.code == 0) {
               this.dayRZ = res.data;
            }
         });
      },
      // 展示提煤单详情
      showCaolPickUpBill() {
         uni.navigateTo({
            url: `/pages/driver-page/driver-index/bill-of-lading-details/coal-pick-up-bill/coal-pick-up-bill?orderPlanId=${this.orderPlanId}`
@@ -53,19 +87,38 @@
      },
      // 签到
      arriveClick() {
         this.$reqPost('arrive', { id: this.orderPlanId }, 'params').then(res => {
            console.log(res, '签到');
         uni.navigateTo({
            url: `/pages/driver-page/driver-index/bill-of-lading-details/punchTheClock/punchTheClock?orderPlanId=${this.orderPlanId}`
         });
      },
      // 入场申请
      rcsqClick() {
         uni.navigateTo({
            url: `/pages/driver-page/appointment/appointment?takeCoalId=${this.orderPlanId}&type=入场申请&yyId=${this.yyId}`
         });
      },
      cengZhongClick() {}
      /**
       * @desc 等待取煤单接口
       * */
      // 呼叫客服
      callCustomerService() {
         wx.join1v1Chat({
            caller: { nickname: this.userName, openid: this.openid },
            listener: { nickname: '客服', openid: 'orutI5YT0yEvARVngdsTmBpisWmw' }, // 这里的openid是fyy的，充当固定的客服openid
            backgroundType: 2,
            roomType: 'voice'
         });
      },
      // 称重
      cengZhongClick() {
         this.$reqGet('getWeighHouse', this.getWeightHouseObj).then(res => {
            console.log(res, '获取磅房');
            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.gateCameraId}&gateCameraCode=${res.data.gateCameraCode}&weighCode=${res.data.weighCode}`
               });
            }else{
               this.$u.toast('未在磅房，请前往磅房后再试！！')
            }
         });
      }
   }
};
</script>
@@ -81,7 +134,7 @@
   .bangDanMessage {
      font-size: vww(20);
      font-weight: 500;
      border: vww(1) solid #dddddd;
      border: vww(2) solid #dddddd;
      border-radius: vww(20);
      margin: vww(20);
      margin-bottom: vww(10);
@@ -92,12 +145,18 @@
      justify-content: center;
   }
   .timeLine {
      height: 45%;
      margin: vww(20);
      margin-top: vww(10);
      margin-bottom: vww(10);
      border: vww(1) solid #dddddd;
      border: vww(2) solid #dddddd;
      border-radius: vww(20);
      flex: 2;
      padding: vww(20);
      box-sizing: border-box;
      overflow-y: overlay; //行为与 auto 相同，但是滚动条绘制在内容之上，而不是占据空间。
      .u-text {
         margin-bottom: vww(5) !important;
      }
   }
   .utilsBox {
      padding: vww(20);