fix:库管首页异常

yangan

2024-07-25 87a9e71e1d768a1a6471e059109579518fe16271

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

@@ -4,27 +4,50 @@
            <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-tr>
            <uni-tr v-for="(item, index) in driverBillOfLoadingData"
               :key="item.id">
               <uni-td align="center">{{ item.carNo || '' }}</uni-td>
               <uni-td align="center">{{ item.productName || '' }}</uni-td>
               <uni-td align="center">{{ item.driver  }}</uni-td>
               <uni-td align="center">{{ item.phone || '' }}</uni-td>
               <uni-td><u-button text="检查"
                     type="primary"
                     @click="yuYueBtnClick(item)"></u-button></uni-td>
            </uni-tr>
         </uni-table>
         <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="检查"
                        type="primary"
                        @click="yuYueBtnClick(item)"></u-button>
                  </view>
               </view>
            </view>
         </view>
         <u-popup :show="show"
            @close="close"
            @open="open"
@@ -52,6 +75,14 @@
            </view>
         </u-popup>
         <tab-bar :current="1"></tab-bar>
         <view class="logoutModel">
            <u-modal :show="logoutShow"
               :title="logoutTitle"
               showCancelButton
               :content="logoutContent"
               @confirm="logoutConfirm"
               @cancel="logoutCancel"></u-modal>
         </view>
      </view>
</template>

@@ -67,6 +98,10 @@
            isAllSelected:false,
            form:{},
            carNo:'',
            logoutShow: false,
            logoutTitle: '提示',
            logoutContent: '是否检查完毕',
            previewImageSrc:"",
            ClickLoading:false
         }
      },
@@ -74,24 +109,33 @@
         this.init();
      },
      methods: {
         logoutConfirm() {

            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.TaskCoalList()
                  this.logoutShow = false;
               } else {
                  uni.$u.toast(res.msg ? res.msg : '检查失败')
                  this.logoutShow = false;
               }
            })
         },
         logoutCancel() {
            this.logoutShow = false;
         },
         yuYueBtnClick(item){
               this.inspectData=[]
               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.TaskCoalList()
                  } else {
                     uni.$u.toast(res.msg ? res.msg : '检查失败')
                  }
               })
            this.logoutShow = true;
            this.inspectData=[]
            this.form=item
         },
         selectionChange(items){
           const allIds = this.inspectData.map(item => item);
@@ -148,15 +192,18 @@
               this.$reqGet('getCheckTaskCoal',{flag:1}).then(res => {
                  uni.hideLoading();
                  this.driverBillOfLoadingData = res.data;
                  uni.stopPullDownRefresh();
               });
            }else{
               this.$reqGet('getCheckTaskCoal',{flag:1,carNo:this.carNo}).then(res => {
                  uni.hideLoading();
                  this.driverBillOfLoadingData = res.data;
                  uni.stopPullDownRefresh();
               });
            }
				
				
         },
         onPullDownRefresh() {
            this.TaskCoalList()
         },
         change(res) {
            console.log(res)
@@ -280,4 +327,125 @@
      position: relative;
      top: vww(-120);
   }
   @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>