fix:库管首页异常

yangan

2024-07-25 87a9e71e1d768a1a6471e059109579518fe16271

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

@@ -4,27 +4,44 @@
            <u-search @change="change" :searchIconSize="40" placeholder="请输入车牌号" height="80" clearabled v-model="carNo" @search="search" @custom="custom" @clear="clear" >
            </u-search >
         </view>
         <uni-table border
            stripe
            emptyText="暂无更多数据">
            <uni-tr>
               <uni-th align="center">司机</uni-th>
               <uni-th align="center">产品</uni-th>
               <uni-th align="center">车牌号</uni-th>
               <uni-th align="center">手机号</uni-th>
               <uni-th align="center">预约时间段</uni-th>
               <uni-th align="center">操作</uni-th>
            </uni-tr>
            <uni-tr v-for="(item, index) in driverBillOfLoadingData"
               :key="item.id">
               <uni-td align="center">{{ item.driver  }}</uni-td>
               <uni-td align="center">{{ item.productName || '' }}</uni-td>
               <uni-td align="center">{{ item.carNo || '' }}</uni-td>
               <uni-td align="center">{{ item.phone || '' }}</uni-td>
               <uni-td align="center">{{ item.startTime || '' }}-{{item.endTime || ""}}</uni-td>
               <uni-td>
         <view style="position: relative;top: -120px;">
            <u-empty mode="data"
               icon="http://cdn.uviewui.com/uview/empty/data.png"
               textSize="30"
               iconSize="1000"
               text="暂无车辆"
               v-if="driverBillOfLoadingData.length == 0"></u-empty>
         </view>
         <view class="collection-form">
            <view class="collection-form-item"
               v-for="(item, index) in driverBillOfLoadingData"
               :key="index">
               <view class="first-line">
                  <view class="dispatch-receive">
                     <view class="dispatch-dept">{{ item.carNo || ''  }}</view>
                     <view class="black-bar"></view>
                     <view class="dispatch">{{ item.driver ||'' }}</view>
                  </view>
                  <view class="point-number">
                     <text class="residue">{{ item.productNames || '' }}</text>
                  </view>
               </view>
               <view class="second-line">
                  <view class="coal-name">
                     <text>{{ item.phone || '' }}</text>
                  </view>
               </view>
               <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">
                     </view>
                  </view>
                  <view class="send-date">{{ item.sendDate }} {{ item.startTime || '' }}-{{item.endTime || ""}}</view>
               </view>
               <view class="fourth-line">
                  <view class="buttons">
                     <u-button text="查看运输证"
                     <u-button text="查看"
                        type="primary"
                        class="buttonitem"
                        v-if="item.roadTransportId"
@@ -34,9 +51,9 @@
                        class="buttonitem"
                        @click="yuYueBtnClick(item)"></u-button>
                  </view>
               </uni-td>
            </uni-tr>
         </uni-table>
               </view>
            </view>
         </view>
         <u-popup :show="imgshow"
            @close="closeimg"
            @open="openimg"
@@ -45,12 +62,19 @@
            <view class="imgrPopup">
                  <u--image :showLoading="true"
                     :src="certificateImg != null ? BaseUrl + certificateImg : ''"
                     width="500rpx"
                     width="700rpx"
                     height="400rpx"
                     @click="imageClick(certificateImg)">
                     <view slot="error"
                        style="font-size: 24rpx;">加载失败</view>
                  </u--image>
                  <view class="driveruser">
                     <view>司机：{{ysData.driverName}}</view>  
                  </view>
                  <view class="driveruser">
                     <view>押运员：{{ysData.supercargoInfo?ysData.supercargoInfo.split("|")[0]:null}}</view>  
                     <view>手机号：{{ysData.supercargoInfo?ysData.supercargoInfo.split("|")[2]:null}}</view>
                  </view>
            </view>
         </u-popup>
         <view class="previewImage-container">
@@ -59,8 +83,8 @@
               @close="previewImageClose"
               @open="previewImageOpen">
               <u--image :src="previewImageSrc != null ? BaseUrl + previewImageSrc : ''"
                  width="400px"
                  height="400px"></u--image>
               width="750rpx"
               height="800rpx"></u--image>
            </u-popup>
         </view>
         <u-popup :show="show"
@@ -89,13 +113,31 @@
                     :loading="ClickLoading"></u-button></view>
            </view>
         </u-popup>
         <view class="logoutModel">
            <u-modal :show="logoutShow"
               :title="logoutTitle"
               showCancelButton
               :content="logoutContent"
               @confirm="logoutConfirm"
               @cancel="logoutCancel"></u-modal>
         </view>
         <view class="falseModel">
            <u-modal :show="falseShow"
               :title="logoutTitle"
               showCancelButton
               :content="logoutContent"
               @confirm="falseConfirm"
               @cancel="falseCancel"></u-modal>
         </view>
      </view>
</template>

<script>
   import { BaseUrl } from '@/api/publicInterface.js';
   import previewImage from '@/components/kxj-previewImage/kxj-previewImage.vue';
   export default {
      components: {
         previewImage,
      },
      data() {
         return {
@@ -110,18 +152,77 @@
            imgshow:false,
            ClickLoading:false,
            certificateImg:"",
            previewImageSrc:""
            logoutShow: false,
            falseShow:false,
            logoutTitle: '提示',
            logoutContent: '是否检查完毕',
            previewImageSrc:"",
            ysData:{}
         }
      },
      onShow() {
         this.init();
      },
      methods: {
         imageClick(data) {
            this.previewImageSrc = data;
            this.$nextTick(() => {
               this.previewImageShow = true;
            });
         falseConfirm(){
            this.inspectData=[]
            uni.showLoading({ title: '加载中...' });
            this.$reqPost('addCheckLog',{
                        carNo:this.form.carNo,
                        taskId:this.form.id,
                        taskcode:this.form.code,
                     }, 'json').then(res => {
               if (res.code === 0) {
                  uni.$u.toast('检查成功')
                  this.form={}
                  this.ClickLoading = false;
                  this.show = false;
                  this.TaskCoalList()
                  this.falseShow = false;
               } else {
                  uni.$u.toast(res.msg ? res.msg : '检查失败')
                  this.falseShow = false;
               }
            })
         },
         logoutConfirm() {
            if(this.isAllSelected==true){
               this.ClickLoading = true;
               this.inspectData=this.inspectData.map(item=>{
                  return {
                     ...item,
                     valve:"通过"
                  }
               })
               uni.showLoading({ title: '加载中...' });
               this.$reqPost('addCheckLog',{
                           carNo:this.form.carNo,
                           taskId:this.form.id,
                           taskcode:this.form.code,
                           inspectedResult:JSON.stringify(this.inspectData)
                        }, 'json').then(res => {
                  if (res.code === 0) {
                     uni.$u.toast('检查成功')
                     this.form={}
                     this.ClickLoading = false;
                     this.inspectData=[]
                     this.show = false;
                     this.logoutShow = false;
                     this.TaskCoalList()
                  } else {
                     uni.$u.toast(res.msg ? res.msg : '检查失败')
                     this.logoutShow = false;
                  }
               })
            }else{
               uni.$u.toast('必须全部检测')
            }
         },
         logoutCancel() {
            this.logoutShow = false;
         },
         falseCancel() {
            this.falseShow = false;
         },
         previewImageClose() {
            this.previewImageShow = false;
@@ -136,6 +237,7 @@
         lookRoad(item){
            this.$reqGetId('getById', item.roadTransportId).then(res => {
               this.certificateImg=res.data.certificateImg
               this.ysData=res.data
               this.imgshow=true
            });
         },
@@ -176,24 +278,8 @@
                  this.form=item
                  this.show = true;
               }else{
                  this.inspectData=[]
               this.falseShow = true;
                  this.form=item
                  uni.showLoading({ title: '加载中...' });
                  this.$reqPost('addCheckLog',{
                              carNo:this.form.carNo,
                              taskId:this.form.id,
                              taskcode:this.form.code,
                           }, 'json').then(res => {
                     if (res.code === 0) {
                        uni.$u.toast('检查成功')
                        this.form={}
                        this.ClickLoading = false;
                        this.show = false;
                        this.TaskCoalList()
                     } else {
                        uni.$u.toast(res.msg ? res.msg : '检查失败')
                     }
                  })
               }
            }
            
@@ -210,35 +296,7 @@
            this.certificateImg=""
         },
         popClick() {
               if(this.isAllSelected==true){
                  this.ClickLoading = true;
                  this.inspectData=this.inspectData.map(item=>{
                     return {
                        ...item,
                        valve:"通过"
                     }
                  })
                  uni.showLoading({ title: '加载中...' });
                  this.$reqPost('addCheckLog',{
                              carNo:this.form.carNo,
                              taskId:this.form.id,
                              taskcode:this.form.code,
                              inspectedResult:JSON.stringify(this.inspectData)
                           }, 'json').then(res => {
                     if (res.code === 0) {
                        uni.$u.toast('检查成功')
                        this.form={}
                        this.ClickLoading = false;
                        this.inspectData=[]
                        this.show = false;
                        this.TaskCoalList()
                     } else {
                        uni.$u.toast(res.msg ? res.msg : '检查失败')
                     }
                  })
               }else{
                  uni.$u.toast('必须全部检测')
               }
            this.logoutShow = true;
         },
         open() {},
         close() {
@@ -258,28 +316,27 @@
               this.$reqGet('getCheckTaskCoal',{flag:0}).then(res => {
                  uni.hideLoading();
                  this.driverBillOfLoadingData = res.data;
                  uni.stopPullDownRefresh();
               });
            }else{
               this.$reqGet('getCheckTaskCoal',{flag:0,carNo:this.carNo}).then(res => {
                  uni.hideLoading();
                  this.driverBillOfLoadingData = res.data;
                  uni.stopPullDownRefresh();
               });
            }
            
            
         },
         change(res) {
            console.log(res)
         },
         search(res) {
            console.log(res)
            this.TaskCoalList()
         },
         clear(res) {
            this.carNo=""
         },
         custom(res) {
            console.log(res)
         }
      }
   };
@@ -294,8 +351,12 @@
      }
   }
   .imgrPopup{
      width: 500rpx;
      height: 400rpx;
      width: 700rpx;
      background-color: #ffffff;
      .driveruser{
         display: flex;
         justify-content: space-between
      }
   }
   .receiverPopup {
      height: vww(110);
@@ -401,4 +462,127 @@
         width: 30%;
      }
   }
   @mixin flex {
      display: flex;
      justify-content: space-between;
      align-items: center;
   }
   .collection-form-item {
         margin: 0 vww(15);
         width: 690rpx;
         height: 370rpx;
         background: #ffffff;
         box-shadow: 4rpx 6rpx 25rpx 0rpx rgba(73, 120, 240, 0.15);
         border-radius: 20rpx;
         overflow: hidden;
         @include flex;
         flex-direction: column;
         position: relative;
         align-items: flex-start;
         margin-top: vww(10);
	
         .first-line {
            width: 94%;
            height: vww(30);
            margin: vww(10) vww(16) 0 vww(16);
            display: flex;
            justify-content: space-between;
	
            .dispatch-receive {
               width: 70%;
               display: flex;
               justify-content: flex-start;
               align-items: center;
	
               .dispatch-dept {
	
                  display: flex;
                  align-items: center;
               }
	
               .black-bar {
                  width: 2rpx;
                  height: 30rpx;
                  background: #515151;
                  margin-left: vww(12);
               }
	
               .dispatch {
                  margin-left: vww(12);
                  min-width: vww(50);
               }
	
            }
	
            .point-number {
               width: 15%;
	
               text {
                  font-size: 24rpx;
                  font-weight: 400;
                  color: #c78a64;
               }
	
               .residue {
                  font-size: 40rpx;
                  font-weight: 400;
                  color: #f81414;
               }
            }
         }
	
         .second-line {
            width: 100%;
            height: vww(30);
            margin-left: vww(16);
            display: flex;
            align-items: center;
            justify-content: flex-start;
	
            .coal-name {
               flex-grow: 1;
               height: 30rpx;
               font-size: 30rpx;
               font-weight: 300;
               color: #515151;
               position: relative;
               display: flex;
               align-items: center;
	
               .black-bar {
                  width: 2rpx;
                  height: 30rpx;
                  background: #515151;
                  margin-left: vww(12);
               }
	
               .coal-type {
                  margin-left: vww(12);
                  min-width: vww(50);
                  height: 30rpx;
                  line-height: 30rpx;
                  font-size: 30rpx;
                  font-weight: 300;
                  color: #515151;
               }
            }
         }
	
         .third-line {
            height: vww(30);
            margin-left: vww(15);
            display: flex;
            justify-content: flex-start;
            align-items: center;
	
            .send-date {
               margin-left: vww(14);
               height: 24rpx;
               line-height: 24rpx;
               font-size: 28rpx;
               font-weight: 300;
               color: #515151;
            }
         }
      }
</style>