修改样式，修复已知bug

qingyiay

2023-04-25 d8974c0d693b51760ba5ab935aa240512a873a93

 pages/driver-page/driver-index/driver-index.vue

@@ -13,8 +13,15 @@
         <card v-for="(item, index) in driverBillOfLoadingData.list1" :key="index" :name="item.id" backgroundType="2">
            <template v-slot:left>
               <view class="card-left__top">
                  <text>{{ item.carNum }}</text>
                  张
                  <view>
                     {{ item.carNum }}
                     <text>张</text>
                  </view>

                  <view>
                     {{ item.carNum - item.taskNum }}
                     <text>张</text>
                  </view>
               </view>
               <view class="card-left__utils">
                  <u-button @tap.stop="qiangDanBtn(item)" text="抢单" type="primary" shape="circle" v-if="item.carNum - item.taskNum !== 0"></u-button>
@@ -77,20 +84,18 @@
                     <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-tr>
                     <uni-tr>
                        <uni-td align="left">{{ item.deptName || '' }}</uni-td>
                        <uni-td align="left">{{ item.coalName || '' }}</uni-td>
                        <uni-td align="left">{{ item.cars || 0 }} 车次</uni-td>
                        <uni-td align="left">{{ item.sendDate || '' }}</uni-td>
                     </uni-tr>
                     <uni-tr>
                        <uni-th align="center">发运日期</uni-th>
                     <uni-tr style="margin: 0 auto;">
                        <uni-th align="center">煤场</uni-th>
                        <uni-th align="center">客户</uni-th>
                     </uni-tr>
                     <uni-tr>
                        <uni-td align="left">{{ item.sendDate || '' }}</uni-td>
                     <uni-tr style="margin: 0 auto;">
                        <uni-td align="left">{{ item.filedName || '' }}</uni-td>
                        <uni-td align="left">{{ item.customerName || '' }}</uni-td>
                     </uni-tr>
@@ -109,7 +114,7 @@
            iconSize="1000"
            v-if="driverBillOfLoadingData.list2 ? (driverBillOfLoadingData.list2.length == 0 ? true : false) : true"
         ></u-empty>
         <view class="">
         <view class="Reserved">
            <view @click="list3CardIconClick(item)" class="haveYuYue" v-for="(item, index) in driverBillOfLoadingData.list2" :key="index">
               <view class="haveYuYueTop">
                  <text class="tmcode">提煤单编号：{{ item.code || '' }}</text>
@@ -117,12 +122,12 @@
               <view class="haveYuYueCenter">
                  <view>{{ item.deptName || '' }}</view>
                  <view>{{ item.coalName || '' }}</view>
                  <view>排队数：暂无{{}}</view>
               </view>
               <view class="haveYuYueBottom">
                  <text>{{ item.yuYueSection || '时段' }}</text>
               </view>
            </view>
            <view class="white-block"></view>
         </view>
      </view>
   </view>
@@ -206,7 +211,7 @@
               if (res.code == 0) {
                  this.$u.toast('抢单成功');
               } else {
                  this.$u.toast(res.data ? res.data : '抢单失败');
                  this.$u.toast(res.msg ? res.msg : '抢单失败');
               }
            })
            .then(() => {
@@ -245,12 +250,35 @@
      margin-bottom: vww(56);
      // 卡片样式
      .card-left__top {
         margin-top: vww(26);
         margin: vww(10) 0;
         padding-left: vww(4);
         display: flex;
         flex-direction: column;
         flex-wrap: wrap;
         justify-content: flex-start;
         height: vww(80);
         text-align: center;
         color: #ffffff;
         text {
         &:after {
            content: '';
            position: absolute;
            width: 5px;
            height: vww(80);
            background-color: #fff;
            left: vww(81);
         }
         view {
            font-size: vww(48);
            font-weight: 800;
            width: 50%;
            display: flex;
            flex-direction: column;
            justify-content: flex-start;
            align-items: center;
            text {
               font-size: vww(16);
               font-weight: bold;
            }
         }
      }
      .card-left__utils {
@@ -321,11 +349,19 @@
            }
         }
      }
      .Reserved {
         .white-block {
            width: 100%;
            height: vww(50);
            text-align: center;
            color: #333;
            margin-top: vww(10);
         }
      }
      // 已预约
      .haveYuYue {
         font-size: 16px;
         font-weight: 300;
         margin-top: vww(24);
         &Top {
            background-color: #f5f5f5;
            height: vww(60);