feat:门卫

wk

2024-09-09 f55341e6502b6071c674d98ca025aad99b54f099

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

@@ -4,6 +4,14 @@
            <u-search @change="change" :searchIconSize="40" placeholder="请输入车牌号" height="60" clearabled v-model="carNo" @search="search" @custom="custom" @clear="clear" >
            </u-search >
         </view>
         <u-collapse
               ref="myCollapse"
               :value='["1"]'
               >
                <u-collapse-item
                name='1'
               class="collItem"
               :title="'待检查司机'">	
         <view style="position: relative;top: -40px;">
            <u-empty mode="data"
               icon="http://cdn.uviewui.com/uview/empty/data.png"
@@ -23,7 +31,7 @@
                     <view class="dispatch">{{ item.customerName ||'' }}</view>
                  </view>
                  <view class="point-number">
                     <text class="order-type">{{ item.productNames || '' }}</text>
                     <text class="order-type">{{ item.productNames?limitString(item.productNames,20,'...'):'' || '' }}</text>
                  </view>
               </view>
               <view class="second-line">
@@ -38,7 +46,7 @@
               <view class="third-line">
                  <view class="time-icon">
                     <view
                        style="width: 24rpx;height: 24rpx;li ne-height: 24rpx;background: url('https://mx.jzeg.cn:9096/appimg/image/banner/clock.png') no-repeat;background-size: cover">
                        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>
@@ -47,7 +55,7 @@
                  <view class="receive"
                  v-if="item.roadTransportId"
                     @click.stop="lookRoad(item)">
                     <view class="button-image">道路运输证</view>
                     <view class="button-image">剧毒运输证</view>
                  </view>
                  <view class="forward"
                     @click.stop="yuYueBtnClick(item)">
@@ -56,6 +64,66 @@
               </view>
            </view>
         </view>
         </u-collapse-item>
         </u-collapse>
         <u-collapse
               ref="myCollapse"
               :value='["2"]'
               >
                <u-collapse-item
                name='2'
               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="driverBillOfLoadingDatas.length == 0"></u-empty>
         </view>
         <view class="collection-form" style="margin-bottom: 60px;">
            <view class="collection-form-item"
               v-for="(item, index) in driverBillOfLoadingDatas"
               :key="index">
               <view class="first-line">
                  <view class="dispatch-receive">
                     <view class="dispatch-dept">{{ item.code || ''  }}</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="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.inTime?item.inTime.slice(10,19):null }} </view>
               </view>
               <view class="fourth-line">
                  <view class="receive"
                  v-if="item.roadTransportId"
                     @click.stop="lookRoad(item)">
                     <view class="button-image">剧毒运输证</view>
                  </view>
               </view>
            </view>
         </view>
         </u-collapse-item>
         </u-collapse>
         <u-popup :show="imgshow"
            @close="closeimg"
            @open="openimg"
@@ -64,7 +132,7 @@
            <view class="imgrPopup">
                  <u--image :showLoading="true"
                     :src="certificateImg != null ? BaseUrl + certificateImg : ''"
                     width="700rpx"
                     width="100%"
                     height="400rpx"
                     @click="imageClick(certificateImg)">
                     <view slot="error"
@@ -136,6 +204,7 @@

<script>
   import { BaseUrl } from '@/api/publicInterface.js';
   import combinedTitle from '@/components/combined-title/combined-title.vue';
   import previewImage from '@/components/kxj-previewImage/kxj-previewImage.vue';
   export default {
      components: {
@@ -145,6 +214,7 @@
         return {
            show: false, // 弹出全部领取提示
            driverBillOfLoadingData:[],
            driverBillOfLoadingDatas:[],
            inspectData:[],
            isAllSelected:false,
            form:{},            
@@ -166,6 +236,26 @@
         this.init();
      },
      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()
            });
								
               },
         limitString(str, limit, suffix = '...') {
            if (str.length <= limit) return str;
            return str.slice(0, limit) + suffix;
         },
         falseConfirm(){
            this.inspectData=[]
            uni.showLoading({ title: '加载中...' });
@@ -313,22 +403,36 @@
            uni.showLoading({
               title: '加载中...'
            });
				
            if(!this.carNo){
               this.$reqGet('getCheckTaskCoal',{flag:0}).then(res => {
                  uni.hideLoading();
                  this.driverBillOfLoadingData = 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();
               });
            }
				
				
            if(!this.carNo){
               this.$reqGet('getAlreadyCheckTaskCoal',{flag:0}).then(res => {
                  uni.hideLoading();
                  this.driverBillOfLoadingDatas = res.data;
                  uni.stopPullDownRefresh();
                  this.handleOpenChange();
               });
            }else{
               this.$reqGet('getAlreadyCheckTaskCoal',{flag:0,carNo:this.carNo}).then(res => {
                  uni.hideLoading();
                  this.driverBillOfLoadingDatas = res.data;
                  uni.stopPullDownRefresh();
                  this.handleOpenChange();
               });
            }
         },
         change(res) {
         },
@@ -353,7 +457,7 @@
      }
   }
   .imgrPopup{
      width: 700rpx;
      width: 80vw;
      background-color: #ffffff;
      .driveruser{
         display: flex;
@@ -361,10 +465,11 @@
      }
   }
   .receiverPopup {
      height: vww(110);
      width: 300rpx;
      height: vww(153);
      width: 60vw;
      
      .receiverPopup__title {
         font-size: 1.4vw;
         margin: vww(10) auto 0;
         width: 80%;
         text-align: center;
@@ -379,6 +484,19 @@
            height: vww(20);
         }
      }
   }
   /deep/.u-button {
      width: 100%;
      height: 28px !important;
      line-height: 40px;
      padding: 0 12px;
      font-size: 28rpx;
      font-weight: 300;
      color: #ffffff;
      background: #497bfb !important;
      letter-spacing: 4rpx;
      border-radius: 37rpx 37rpx 37rpx 37rpx !important;
      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 {
      .appointment-description {
@@ -400,25 +518,29 @@

         .uni-table {
            min-width: 0 !important;

            .checkbox {
               background: #ffffff;
            }
            .uni-table-tr {
               padding: 0;
               font-size: vww(10);

               .uni-table-th {
                  height: vww(32);
                  line-height: vww(20);
                  padding: vww(5) vww(10);
                  color: #111111;
                  font-size: 2vw;
                  font-weight: 550;
                  background: #f5f5f5;
                  background: #ffffff;
               }

               .uni-table-td {
                  height: vww(32);
                  line-height: vww(20);
                  padding: vww(5) vww(5);
                  font-size: 1.5vw;
                  color: #111111;
                  background: #ffffff;
                  .u-button {
                     height: vww(23);
                  }
@@ -439,7 +561,7 @@
   }
   .collection-form-item {
         margin: 0 vww(15);
         width: 690rpx;
         width: 95%;
         height: 370rpx;
         background: #ffffff;
         box-shadow: 4rpx 6rpx 25rpx 0rpx rgba(73, 120, 240, 0.15);
@@ -486,12 +608,10 @@
            }
   
            .point-number {
               width: 15%;
               width: 33%;
               .order-type {
                  color: #035cfb;
                  border: 2px solid #035cfb;
                  border-radius: 4rpx;
                  padding: vww(2) vww(4);
                  text-align: center;
               }
               // text {
@@ -568,7 +688,7 @@
            justify-content: flex-start;
            position: relative;
            bottom: vww(10);
            left: 25%;
            left: 30%;
         
            .receive,
            .forward {