feat:门卫检查

wk

2024-09-26 98a16020cbc9b777735705e8fb72200dde1b68bd

 pages/doorkeeper-page/doorkeeper-index/doorkeeper-index.vue

@@ -12,7 +12,7 @@
                ref="collapseHeight"
                name='1'
               class="collItem"
               :title="'待检查司机'">	
               :title="'待检查车辆'">	
         <view style="position: relative;top: -40px;">
            <u-empty mode="data"
               icon="http://cdn.uviewui.com/uview/empty/data.png"
@@ -71,9 +71,66 @@
               ref="myCollapse"
               >
                <u-collapse-item
                ref="collapseHeights"
                name='3'
               class="collItem"
               :title="'临时入场车辆'">	
         <view style="position: relative;top: -40px;">
            <u-empty mode="data"
               icon="http://cdn.uviewui.com/uview/empty/data.png"
               textSize="30"
               iconSize="1000"
               text="暂无车辆"
               v-if="driverTemporaryEntry.length == 0"></u-empty>
         </view>
         <view class="collection-form">
            <view class="collection-form-item"
               v-for="(item, index) in driverTemporaryEntry"
               :key="index">
               <view class="second-line">
                  <view class="coal-name">
                     <view class="dispatch-dept">{{ item.carNo || ''  }}</view>
                     <view class="black-bar"></view>
                     <view class="dispatch">{{ item.driver ||'' }}</view>
                     <view class="black-bar"></view>
                     <text>{{ item.phone || '' }}</text>
                  </view>
               </view>
               <view class="third-line">
                  <view class="time-icon">
                     <view
                        style="width: 24rpx;height: 24rpx;line-height: 24rpx;background: url('https://wrzs.czjlchem.com:9090/appimg/image/banner/clock.png') no-repeat;background-size: cover">
                     </view>
                  </view>
                  <view class="send-date">{{ item.sendDate }} {{ item.startTime || '' }}-{{item.endTime || ""}}</view>
               </view>
               <view class="first-line">
                  <view class="dispatch-receive">
                     <view class="dispatch-dept">{{ item.coalName || ''  }}</view>
                     <view class="black-bar"></view>
                     <view class="dispatch">{{ item.customerName ||'' }}</view>
                  </view>
                  <view class="point-number">
                     <text class="order-type">{{ item.productNames?limitString(item.productNames,20,'...'):'' || '' }}</text>
                  </view>
               </view>
               <view class="fourth-line">
                  <view class="forward"
                     @click.stop="yuYueLiShBtnClick(item)">
                     <view class="button-image">检查</view>
                  </view>
               </view>
            </view>
         </view>
         </u-collapse-item>
         </u-collapse>
         <u-collapse
               ref="myCollapse"
               >
                <u-collapse-item
                name='2'
               class="collItem"
               :title="'已检查司机'">	
               :title="'已检查车辆'">	
         <view style="position: relative;top: -40px;">
            <u-empty mode="data"
               icon="http://cdn.uviewui.com/uview/empty/data.png"
@@ -111,7 +168,7 @@
                        style="width: 24rpx;height: 24rpx;line-height: 24rpx;background: url('https://wrzs.czjlchem.com:9090/appimg/image/banner/clock.png') no-repeat;background-size: cover">
                     </view>
                  </view>
                  <view class="send-date">{{ item.inTime?item.inTime.slice(10,19):null }} </view>
                  <view class="send-date">{{ item.inInspectedTime?item.inInspectedTime.slice(10,19):null }} </view>
               </view>
               <view class="fourth-line">
                  <view class="receive"
@@ -199,6 +256,14 @@
               @confirm="falseConfirm"
               @cancel="falseCancel"></u-modal>
         </view>
         <view class="falseModel">
            <u-modal :show="TemporaryEntryShow"
               :title="logoutTitle"
               showCancelButton
               :content="logoutContent"
               @confirm="TemporaryEntryConfirm"
               @cancel="TemporaryEntryCancel"></u-modal>
         </view>
      </view>
</template>

@@ -212,9 +277,11 @@
      },
      data() {
         return {
            temporaryPlanId:"",
            show: false, // 弹出全部领取提示
            driverBillOfLoadingData:[],
            driverBillOfLoadingDatas:[],
            driverTemporaryEntry:[],
            inspectData:[],
            isAllSelected:false,
            form:{},            
@@ -226,6 +293,7 @@
            certificateImg:"",
            logoutShow: false,
            falseShow:false,
            TemporaryEntryShow:false,
            logoutTitle: '提示',
            logoutContent: '是否检查完毕',
            previewImageSrc:"",
@@ -237,21 +305,13 @@
      },
      methods: {
         handleOpenChange() {
                       // 方法一
           console.log(this.$refs.collapseHeight);
         //   let long = this.$refs.collapseHeight.length;
         //   setTimeout(() => {
         //     for (let i = 0; i < long; i++) {
         //       this.$refs.collapseHeight[i].queryRect();// 计算高度
         //     }
         //   }, 20);
			 
             // 方法二
             this.$nextTick(() => {
             this.$refs.collapseHeight.init()
               this.$refs.collapseHeight.init()
            });
								
               },
            this.$nextTick(() => {
               this.$refs.collapseHeights.init()
            });
         },
         limitString(str, limit, suffix = '...') {
            if (str.length <= limit) return str;
            return str.slice(0, limit) + suffix;
@@ -274,6 +334,23 @@
               } else {
                  uni.$u.toast(res.msg ? res.msg : '检查失败')
                  this.falseShow = false;
               }
            })
         },
         TemporaryEntryConfirm(){
            this.$reqPost('temporaryEntryConfirmation',{
                        temporaryPlanId:this.temporaryPlanId,
                     }, 'json').then(res => {
               if (res.code === 0) {
                  this.form={}
                  this.ClickLoading = false;
                  this.show = false;
                  uni.$u.toast('检查成功')
                  this.TaskCoalList()
                  this.TemporaryEntryShow = false;
               } else {
                  uni.$u.toast(res.msg ? res.msg : '检查失败')
                  this.TemporaryEntryShow = false;
               }
            })
         },
@@ -316,6 +393,9 @@
         falseCancel() {
            this.falseShow = false;
         },
         TemporaryEntryCancel() {
            this.TemporaryEntryShow = false;
         },
         previewImageClose() {
            this.previewImageShow = false;
         },
@@ -332,6 +412,10 @@
               this.ysData=res.data
               this.imgshow=true
            });
         },
         yuYueLiShBtnClick(item){
            this.temporaryPlanId=item.id
            this.TemporaryEntryShow = true;
         },
         yuYueBtnClick(item){
            let char = "通行证";
@@ -410,10 +494,22 @@
                  uni.stopPullDownRefresh();
                  this.handleOpenChange();
               });
               this.$reqGet('getTemporaryEntryInspectionList',{}).then(res => {
                  uni.hideLoading();
                  this.driverTemporaryEntry = res.data;
                  uni.stopPullDownRefresh();
                  this.handleOpenChange();
               });
            }else{
               this.$reqGet('getCheckTaskCoal',{flag:0,carNo:this.carNo}).then(res => {
                  uni.hideLoading();
                  this.driverBillOfLoadingData = res.data;
                  uni.stopPullDownRefresh();
                  this.handleOpenChange();
               });
               this.$reqGet('getTemporaryEntryInspectionList',{carNo:this.carNo}).then(res => {
                  uni.hideLoading();
                  this.driverTemporaryEntry = res.data;
                  uni.stopPullDownRefresh();
                  this.handleOpenChange();
               });
@@ -499,6 +595,7 @@
      box-shadow: 2rpx 3rpx 13rpx 0rpx rgba(43, 98, 239, 0.5), 0rpx 0rpx 9rpx 0rpx rgba(247, 250, 253, 0.29);
   }
   ::v-deep.appointment {
      margin-bottom:  vww(100);
      .appointment-description {
         margin: vww(8) 0;
         color: #fd1446;