优化

MrShi

2025-09-24 0e555ff7887e46c5bdd9d8ca237f7ed1e1634c0f

 h5/pages/waybill/list.vue

@@ -2,7 +2,7 @@
   <view class="main_app">
      <view class="title_wrap">
         <view class="name">{{ waybillInfo.realname || waybillInfo.username || waybillInfo.mobile }}，欢迎登录～</view>
         <view class="btn" @click="loginOut">退出登录</view>
         <view class="btn" @click="loginOut">账号解绑</view>
      </view>

      <view class="head_wrap" @click="openModal">

         <view class="search_box">

@@ -19,9 +19,10 @@
      <scroll-view scroll-y="true" class="scroll_Y" @scrolltolower="scrolltolower">

         <view class="main_list">

            <view class="item" v-for="item,index in list" :key="index">

               <view class="head">

               <view class="head"

               :style="{ backgroundColor: item.orderStatus === 9 ? 'linear-gradient(270deg, #FEFEFF 0%, #FEE1E1 100%)' : 'linear-gradient(270deg, #FEFEFF 0%, #E1F7FE 100%)' }">

                  <view class="code">{{item.contractNumber}}</view>

                  <view class="status">{{item.orderStatusDesc }}</view>

                  <view :class="item.orderStatus === 9 ? 'error' : 'status'">{{item.orderStatusDesc }}</view>

               </view>

               <view class="content">

                  <view class="line">

@@ -232,7 +233,7 @@
                  ...form

               },

               pager: {

                  rows: 10,

                  rows: 16,

                  page

               }

            }).then(res => {

@@ -256,9 +257,9 @@
      // align-items: center;
      background-color: #fff;
      width: 750rpx;
      height: 70rpx;
      height: 90rpx;
      margin: -10rpx -30rpx 0;
      padding: 12rpx 30rpx;
      padding: 24rpx 30rpx 0;
      .name {
         font-weight: 600;
         font-size: 34rpx;
@@ -269,9 +270,9 @@
         width: 144rpx;
         height: 56rpx;
         border-radius: 36rpx;
         border: 1rpx solid $uni-color-primary;
         border: 1rpx solid #B2B2B2;
         font-size: 26rpx;
         color: $uni-color-primary;
         color: #666666;
         display: flex;
         justify-content: center;
         align-items: center;
@@ -347,7 +348,7 @@
               width: 690rpx;

               height: 84rpx;

               margin: 0 -30rpx;

               background: linear-gradient(270deg, #FEFEFF 0%, #E1F7FE 100%);

               // background: linear-gradient(270deg, #FEFEFF 0%, #E1F7FE 100%);



               .code {

                  font-weight: 500;

@@ -358,6 +359,10 @@
               .status {

                  color: $uni-color-primary;

               }

					
               .error {

                  color: #EE3821;

               }

            }



            .content {