yangan
2024-04-25 66dcc0a49022cf23198f399f274abee89d876991
pages/driver-page/driver-index/bill-of-lading-details/bill-of-lading-details.vue
@@ -42,7 +42,7 @@
                  style="color: #475bfd;"
                  @click="streamView"
                  v-show="timeLineStatus===9">
                  查看实时车辆
                  查看装载情况
               </view>
               <view class="weigh-item">
                  <view class="item">
@@ -205,9 +205,10 @@
               @click="cengZhongClick"
               type="primary"
               shape="circle"
               :disabled="haveInputOrigin&&!isSpecial"></u-button>
               :disabled="haveInputOrigin&&!isSpecial"
               :loading="weighHouseLoading"></u-button>
         </view>
         <view class="weigh-button"
         <!-- <view class="weigh-button"
            v-show='ablePrintInduction&&!(coalDetailsData.skin&&coalDetailsData.hair)'>
            <u-button text="打印入门证"
               @click="printBefore('in')"
@@ -215,8 +216,8 @@
               shape="circle"
               :loading="enterLoading"
               loadingText="打印中,请稍候"></u-button>
         </view>
         <view class="weigh-button"
         </view> -->
         <!-- <view class="weigh-button"
            v-show="ablePrintOut">
            <u-button text="打印出门证"
               @click="printBefore('out')"
@@ -224,9 +225,14 @@
               shape="circle"
               :loading="outLoading"
               loadingText="打印中,请稍候"></u-button>
         </view>
         </view> -->
         <view class="weigh-button"><u-button text="展示提煤单"
               @click="showCaolPickUpBill"
               type="primary"
               shape="circle"></u-button></view>
               <!-- 查看路线指引 -->
   <view class="weigh-button"><u-button text="查看路线指引"
               @click="reviewGuidelines"
               type="primary"
               shape="circle"></u-button></view>
      </view>
@@ -254,6 +260,31 @@
            :show="servieceShow"
            cancelText="取消"></u-action-sheet>
      </view>
      <u-popup :show="guideLineshow" mode="bottom"   @close="close">
        <view style="margin-top: 35rpx;padding-left: 20rpx;">
         <u-radio-group
            v-model="radioValue"
            placement="row"
            @change="radioChange"
            >
            <u-radio label="煤场" :name="'煤场'" :labelSize="30" :size="30"></u-radio>
            <u-radio label="单位"  :name="'单位'":labelSize="30" :size="30"></u-radio>
         </u-radio-group>
            <div class="guidebox">
            <u-swiper
            v-if="guideLineshow"
            :height="200"
            @click="swiperClick"
            :list="swiperList"
            keyName="image"
            circular
      ></u-swiper>
        <view>{{ activeText }}</view>
        <u-album :urls="swiperList"  ref="swiperAlbum" keyName="src2"></u-album>
         </div>
        </view>
   </u-popup>
      <!-- 磅房忙碌提示弹窗 -->
      <view class="">
         <u-modal :show="wsgShow"
@@ -322,9 +353,18 @@
      },
      data() {
         return {
            swiperList:[],
            orderPlanId: null,
            radioValue:'煤场',
            currentNum:0,
            guideLineshow:false,
            yyId: null,
            dayRZ: [],
            activeText:'',
            activeObj:{
               affiliationId:'',
               type:2,
            },
            coalDetailsData: {}, // 提煤单详情
            currentPageCoalStatus: 0, // 当前页面提煤单状态
            // 获取所在磅房参数
@@ -418,6 +458,7 @@
            ischeckedDefault: 0,
            isSpecial: null, //1 是特殊 0不是特殊
            printerType: '', //判断打印的是出门证还是入门证 
            weighHouseLoading: false
         };
      },
      watch: {
@@ -576,7 +617,9 @@
               }
            }).then(() => {
               // 判断当前时间是否超出预约时间
               setTimeout(() => {
               ;
               if([1, 2, 13].includes(this.coalDetailsData.status) ){
                  setTimeout(() => {
                  let endTime = this.coalDetailsData.yuYueSection.slice(0, 10) + ' ' + this
                     .coalDetailsData
                     .yuYueSection.slice(-5);
@@ -590,6 +633,8 @@
                     this.timeout = '1'
                  }
               }, 1000)
               }
            })
         },
         // 日志查询
@@ -702,8 +747,10 @@
         // 称重
         cengZhongClick() {
            this.changeglobalIsFirstWeighing(2)
            this.weighHouseLoading = true
            this.$reqGet('getWeighHouse', this.getWeightHouseObj).then(res => {
               console.log(res, '获取磅房');
               this.weighHouseLoading = false
               if (res.code == 0) {
                  this.weighData.sceneId = res.data.id;
                  this.weighData.gateCameraId = res.data.lastEquipmentId;
@@ -722,12 +769,14 @@
                     res.data.id
                  }&gateCameraId=${res.data.lastEquipmentId}&gateCameraCode=${res.data.lastEquipmentCode}&weighHouseCode=${res.data.code}&primarySkin=${
                     this.primarySkin
                  }&primaryHair=${this.primaryHair}&primaryClean=${this.primaryClean}&sceneInOut=${res.data.sceneInOut}&overTmWaixiao=${this.overTmWaixiao}`
                  }&primaryHair=${this.primaryHair}&primaryClean=${this.primaryClean}&sceneInOut=${res.data.sceneInOut}&overTmWaixiao=${this.overTmWaixiao}&deptId=${this.getWeightHouseObj.deptId }`
                  });
               } else {
                  this.$u.toast(res.msg ? res.msg : '未在磅房,请前往磅房后再试!!');
               }
            });
            }).catch(() => {
               this.weighHouseLoading = false
            })
         },
         // 放空
         evacuation() {
@@ -969,13 +1018,78 @@
            uni.navigateTo({
               url: `/pages/public-page/driverStream/driverStream?eqCode=${this.timeLineEqCode}`
            })
         },
         getguideFun(){
            this.$reqGet('getRoute', this.activeObj).then((res)=>{
               console.log(res,'res');
               if(res.data.length){
                  this.swiperList = res.data[0].guideImg.split(',').map(item=>{
                     return BaseUrl + item;
                  });//数组
                  console.log(this.swiperList,'swiperList');
                  this.activeText = res.data[0].guideText;
               }else{
                  this.swiperList = [];
                  this.activeText = '暂无数据'
               }
            })
         },
         reviewGuidelines(){
            this.guideLineshow = true;
            this.swiperList = [];
            this.activeText = '';
            this.activeObj.affiliationId = this.coalDetailsData.filedId; //默认查煤场
            this.getguideFun();
         },
         close(){
            this.guideLineshow = false;
         },
         radioChange(item){
            console.log(item);
            if(item == '煤场'){
               this.activeObj.affiliationId = this.coalDetailsData.filedId;
               this.activeObj.type = 2
            }else{
               this.activeObj.affiliationId = this.coalDetailsData.deptId;
               this.activeObj.type = 1
            }
            this.getguideFun();
         },
         //打开图片预览
         swiperClick(){
            console.log(this.$refs.swiperAlbum,'swiperAlbum')
            this.$nextTick(()=>{
               this.$refs.swiperAlbum.onPreviewTap();
               this.$refs.swiperAlbum.openPage();
            })
         }
      }
   };
</script>
<style lang="scss"
   scoped>
<style lang="scss"   scoped>
   .guidebox{
      height:600rpx;
      padding: 20rpx
   }
    .indicator-num {
        padding: 2px 0;
        background-color: rgba(0, 0, 0, 0.35);
        border-radius: 100px;
        width: 35px;
        @include flex;
        justify-content: center;
        &__text {
             color: #FFFFFF;
             font-size: 12px;
         }
    }
   /deep/.u-steps {
      .u-steps-item {
         .u-steps-item__content {
@@ -1011,7 +1125,8 @@
            width: 94%;
            margin: 0 auto;
            height: vww(52);
            @include flex position: relative;
            @include flex;
             position: relative;
            flex-direction: column;
            justify-content: space-between;
            align-items: flex-start;
@@ -1055,7 +1170,8 @@
            overflow: hidden;
            .block-main {
               @include flex width: 94%;
               @include flex ;
               width: 94%;
               height: 336rpx;
               margin: vww(18) vww(7) vww(11) vww(17);
               flex-direction: column;
@@ -1350,4 +1466,7 @@
         }
      }
   }
   ::v-deep .u-album{
      display: none!important;
   }
</style>