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

yangan

2025-04-08 aa3438b349bb365bfb4c30a9194b5c10f9f843eb

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

@@ -35,29 +35,47 @@
                  <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">
@@ -65,6 +83,7 @@
         <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"
@@ -86,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">
@@ -117,14 +152,14 @@
            <view class="white-block"></view>
         </scroll-view>
      </view>
      <view style="height: 160rpx;width: 100%;">

      </view>
      <!-- <view style="height: 160rpx;width: 100%;">
         111111
      </view> -->
      <!-- 图片预览弹出框 -->
      <view class="previewImage-container">
            <view class="previewImage-container">
               <previewImage ref="previewImage"
                  :imgs="customerTourImgList"
                  :imgs="qualityTourImgList"
                  :saveBtn='false'></previewImage>
            </view>
         </view>
@@ -175,7 +210,7 @@
         previewImage
      },
      computed: {
         ...mapState(['customerTourImgList']),
         ...mapState(['customerTourImgList','qualityTourImgList']),
         roleType() {
            return uni.getStorageSync('roleType')
         }
@@ -285,13 +320,22 @@
      align-items: center;
   }

  page{
    width: 100%;
    height: 100%;
  }
   .main {
      width: 100%;
      margin: 30px 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;
@@ -307,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);
@@ -316,6 +359,8 @@
         align-items: flex-start;
         justify-content: space-evenly;
         overflow: hidden;
      padding: 20rpx 0;
      box-sizing: border-box;

         .first {
            width: 96%;
@@ -345,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;
            }
         }

@@ -403,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;
@@ -413,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;

@@ -509,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;
@@ -528,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;
               }
            }

@@ -545,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>