feat:质检员历史质检单增加上滑更多

yangan

2025-04-08 aa3438b349bb365bfb4c30a9194b5c10f9f843eb

 pages/driver-page/driver-index/bill-of-lading-details/selectOrderPlan/selectOrderPlan.vue

@@ -5,6 +5,7 @@
            icon="http://cdn.uviewui.com/uview/empty/data.png"
            textSize="30"
            iconSize="1000"
            text="暂无数据"
            v-if="orderPlanData.length===0"></u-empty>
      </view>
      <view class="collection-form">
@@ -29,29 +30,52 @@
                     v-if="item.orderType">{{ item.orderType||'' }}</view>
               </view>
            </view>
            <view class="second-line">
               <view class="coal-name">
                  <view class="">{{ item.orderCode ||''}}</view>
               </view>
            </view>
            <view class="second-line">

                  <text class="car-num " style="font-size: 28rpx;">供应商：{{ item.customerName }}</text>

            </view>
            <!-- 添加创建时间 -->
            <view class="second-line">

                  <text class="car-num " style="font-size: 28rpx;">创建时间：</text>

               <view style="font-size: 28rpx;">{{ item.createTime }}</view>
            </view>
        <view class="second-line">
          <text class="car-num " style="font-size: 28rpx;">司机：{{ item.xsUser1Name }}</text>
        </view>
            <view class="third-line">
               <view class="time-icon">
                  <view
                     :style="{backgroundImage: `url(${onlineurl}/appimg/image/banner/carNO.png)`,backgroundSize: 'cover',backgroundRepeat: 'no-repeat',width:'24rpx',height:'24rpx',lineHeight:'24rpx'}">
                  </view>
               </view>
               <view class="car-num">{{ item.carNo||''}}</view>
               <view class="car-num">{{ item.noCarNo == 1 ? '无车牌' : (item.carNo || '') }}</view>
            </view>
            <view class="third-line">
               <view class="time-icon">
                  <view
                     :style="{backgroundImage: `url(${onlineurl}/appimg/image/banner/clock.png)`,backgroundSize: 'cover',backgroundRepeat: 'no-repeat',width:'24rpx',height:'24rpx',lineHeight:'24rpx'}">
                  </view>
               </view>
               <view class="send-date">{{ item.sendDate }}</view>
            </view>
            <view class="fourth-line">
               <view class="forward"
                  @click.stop="validateClick(item)"
                  v-if='roleType===4'>
                  <view class="button-image">选择</view>
               </view>
            </view>
        <view class="fourth-line-outside">
          <view class="third-line">
            <view class="time-icon">
              <view
                  :style="{backgroundImage: `url(${onlineurl}/appimg/image/banner/clock.png)`,backgroundSize: 'cover',backgroundRepeat: 'no-repeat',width:'24rpx',height:'24rpx',lineHeight:'24rpx'}">
              </view>
            </view>
            <view class="send-date">{{ item.sendDate }}</view>
          </view>
          <view class="fourth-line">
            <view class="forward"
                  @click.stop="validateClick(item)"
                  v-if='roleType===4'>
              <view class="button-image">选择</view>
            </view>
          </view>
        </view>

         </view>
      </view>
      <view class="history-numbers">
@@ -59,11 +83,13 @@
         <scroll-view :scroll-top="scrollTop"
            scroll-y="true"
            class="scroll-Y"
            style="height:85vh"
            @scrolltolower="historyScrolltolower">
            <u-empty mode="data"
               icon="http://cdn.uviewui.com/uview/empty/data.png"
               textSize="30"
               iconSize="1000"
               text="暂无数据"
               v-if="historyCoalData.length==0"></u-empty>
            <view class="history-information"
               v-for="(item, index) in historyCoalData"
@@ -79,13 +105,29 @@
                  <view class="coal-name">{{ item.coalName || '' }}</view>
                  <view class="order-type">{{ item.orderType || '' }}</view>
               </view>
               <!-- 添加创建时间 -->
               <view class="third">
               <view class="third-line">
               <view class="time-icon">
                  <text class="car-num " style="font-size: 28rpx;">创建时间：</text>
               </view>

               <view style="font-size: 28rpx;">{{ item.createTime }}</view>
            </view>
            </view>
            <view class="third">
               <text class="car-num " style="font-size: 28rpx;">供应商：{{ item.customerName }}</text>
            </view>
          <view class="third">
            <text class="car-num " style="font-size: 28rpx;">司机：{{ item.xsUser1Name }}</text>
          </view>
               <view class="third">
                  <view class="third-line">
                     <view
                        :style="{backgroundImage: `url(${onlineurl}/appimg/image/banner/carNO.png)`,backgroundSize: 'cover',backgroundRepeat: 'no-repeat',width:'24rpx',height:'24rpx',lineHeight:'24rpx'}">
                     </view>
                     <view class="third-line_num"
                        style=" color: #303030;">{{ item.carNo }}</view>
                        style=" color: #303030;">{{ item.noCarNo == 1 ? '无车牌' : (item.carNo || '') }}</view>
                  </view>
               </view>
               <view class="fourth">
@@ -110,15 +152,44 @@
            <view class="white-block"></view>
         </scroll-view>
      </view>
      <view style="height: 160rpx;width: 100%;">

      </view>
      <tab-bar :current="1"></tab-bar>
      <!-- <view style="height: 160rpx;width: 100%;">
         111111
      </view> -->
      <!-- 图片预览弹出框 -->
      <view class="previewImage-container">
            <view class="previewImage-container">
               <previewImage ref="previewImage"
                  :imgs="qualityTourImgList"
                  :saveBtn='false'></previewImage>
            </view>
         </view>
         <view class="noob-tour"
               v-if="roleType===4&&isFirstLogin">
               <combined-title title="操作指引"></combined-title>
               <u-cell-group>
                  <u-cell title="新手指引"
                     name='1'
                     :clickable="true"
                     @click="noobTour">
                     <u-badge type="primary"
                        value="01"
                        slot='icon'></u-badge>
                     <u-icon slot="value"
                        name="arrow-right"
                        size="30"
                        color="#b8b8b8"></u-icon>
                  </u-cell>
               </u-cell-group>
            </view>
      <tab-bar :current="0"></tab-bar>
   </view>
</template>

<script>
   import { onlineurl } from '@/api/request.js'
   import { mapState } from 'vuex'
   import { BaseUrl } from '@/api/publicInterface.js'
   import previewImage from '@/components/kxj-previewImage/kxj-previewImage.vue';
   export default {
      data() {
         return {
@@ -131,19 +202,31 @@
            // 是否显示更多数据
            showMoreData: false,
            total: null,
            isFirstLogin:false,
            onlineurl,
         };
      },
      components:{
         previewImage
      },
      computed: {
         ...mapState(['customerTourImgList','qualityTourImgList']),
         roleType() {
            return uni.getStorageSync('roleType')
         }
      },
      mounted() {
         this.getLogOn();
      },
      onShow() {
         this.GetOrderPlan()
         this.qualityInspectionHistory()
      },
      methods: {
         init(){
            this.GetOrderPlan()
         this.qualityInspectionHistory()
         },
         GetOrderPlan() {
            uni.showLoading({ title: '加载中...' });
            this.$reqGet('qualityInspection').then(res => {
@@ -202,7 +285,29 @@
            uni.navigateTo({
               url: `/pages/driver-page/driver-index/bill-of-lading-details/weighDetail/weighDetail?orderPlanId=${item.id}&flag=${true}`
            })
         }
         },
         noobTour(v) {
            this.$refs.previewImage.open('https://mx.jzeg.cn:9095/appimg/image/tour/quality/quality1.jpg')
         },
         getLogOn() {
            this.$reqGet('getUserEntity').then(res => {
               this.phone = res.data.phone
            }).then(() => {
               uni.request({
                  url: `${BaseUrl}/admin/log/getLogOnType?phone=${this.phone}`,
                  success: res => {
                     // res.data.data 为1 代表第一次登录  为0取消学习指引  为2代表存在
                     if (res.data.data === 1) {
                        this.noobTour()
                     } else if (res.data.data === 2) {
                        this.isFirstLogin = true
                     } else {
                        this.isFirstLogin = false
                     }
                  }
               });
            })
         },
      },
   }
</script>
@@ -215,13 +320,22 @@
      align-items: center;
   }

  page{
    width: 100%;
    height: 100%;
  }
   .main {
      width: 100%;
      margin: 0 auto;
    height: 100%;
      margin: 30rpx auto;
    padding-bottom: 60rpx;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
   }

   .scroll-Y {
      height: 900rpx;
      height: 100%;

      .more_text {
         color: #333;
@@ -237,7 +351,6 @@

      .history-information {
         width: 690rpx;
         height: 398rpx;
         margin: vww(10) vww(15);
         background: #ffffff;
         box-shadow: 0rpx 0rpx 14rpx 0rpx rgba(73, 120, 240, 0.14), 0rpx 7rpx 45rpx 0rpx rgba(73, 120, 240, 0.12);
@@ -246,6 +359,8 @@
         align-items: flex-start;
         justify-content: space-evenly;
         overflow: hidden;
      padding: 20rpx 0;
      box-sizing: border-box;

         .first {
            width: 96%;
@@ -275,10 +390,12 @@

            .order-type {
               color: #035cfb;
               border: 2px solid #035cfb;
               border: 1px solid #035cfb;
               border-radius: 4rpx;
               padding: vww(2) vww(4);
               padding: vww(4) vww(12);
               text-align: center;
          font-size: 20rpx;
          line-height: 1;
            }
         }

@@ -333,7 +450,6 @@

      .collection-form-item {
         width: 690rpx;
         height: 320rpx;
         background: #ffffff;
         box-shadow: 4rpx 6rpx 25rpx 0rpx rgba(73, 120, 240, 0.15);
         border-radius: 20rpx;
@@ -343,11 +459,13 @@
         position: relative;
         align-items: flex-start;
         margin-top: vww(10);
      padding: 20rpx 0;
      box-sizing: border-box;

         .first-line {
            width: 94%;
            height: vww(30);
            margin: vww(10) vww(16) 0 vww(16);
            margin: vww(0) vww(16) 0 vww(16);
            display: flex;
            justify-content: space-between;

@@ -439,18 +557,12 @@
         }

         .fourth-line {
            width: 100%;
            height: vww(30);
            @include flex;
            justify-content: flex-end;
            position: relative;
            bottom: vww(10);
            left: 25%;

            .receive,
            .forward {
               width: vww(123);
               height: vww(48);

               @include flex;
               justify-content: center;
               color: #ffffff;
@@ -458,15 +570,19 @@
               position: absolute;

               .button-image {
                  width: 100%;
                  height: 100%;
                  background: url('https://mx.jzeg.cn:9095/appimg/image/banner/button.png') no-repeat;
                  background-size: cover;
                  border: 1px solid #3b56eb;
            border-radius: 40rpx;
            width: vww(90);
            height: vww(28);
                  background-size: 100% 100%;
                  font-size: 28rpx;
                  font-weight: 300;
                  color: #ffffff;
                  text-align: center;
                  line-height: vww(45);
            display: flex;
            justify-content: center;
            align-items: center;
            margin-right: 20rpx;
               }
            }

@@ -475,22 +591,28 @@
            }

            .forward {
               width: vww(106);
               left: vww(140);
          @include flex;

               .button-image {
                  width: 100%;
                  height: 100%;
                  background: url('https://mx.jzeg.cn:9095/appimg/image/banner/transpartent.png') no-repeat;
                  background-size: cover;
                  font-size: 28rpx;
                  font-weight: 300;
                  color: #3b56eb;
                  text-align: center;
                  line-height: vww(45);
               }
            }

         }
      }
   }
</style>
  .fourth-line-outside{
    width: 100%;
    display: flex;
    justify-content: space-between;
    .third-line{
      width: auto!important;
    }
    .fourth-line{
      width:auto!important;
    }
  }
</style>