修改样式，修复已知bug

qingyiay

2023-04-24 bb52e0d4baffe8e0486c951e525b6614bd4aaa28

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

@@ -1,8 +1,56 @@
<template>
   <view class="bill-of-lading-details">
      <view class="bangDanMessage">
      <scroll-view class="bangDanMessage" :scroll-top="scrollTop" scroll-y="true">
         <uni-table border stripe emptyText="暂无更多数据">
            <uni-tr>
               <uni-th align="left">客户</uni-th>
               <uni-td align="right">{{ coalDetailsData.customerName || '' }}</uni-td>
            </uni-tr>
            <uni-tr>
               <uni-th align="left">矿场</uni-th>
               <uni-td align="right">{{ coalDetailsData.deptName || '' }}</uni-td>
            </uni-tr>
            <uni-tr>
               <uni-th align="left">毛重</uni-th>
               <uni-td align="right">{{ coalDetailsData.hair || '' }}</uni-td>
            </uni-tr>
            <uni-tr>
               <uni-th align="left">皮重</uni-th>
               <uni-td align="right">{{ coalDetailsData.skin || '' }}</uni-td>
            </uni-tr>
            <uni-tr>
               <uni-th align="left">净重</uni-th>
               <uni-td align="right">{{ coalDetailsData.clean || '' }}</uni-td>
            </uni-tr>
            <uni-tr>
               <uni-th align="left">磅单类型</uni-th>
               <uni-td align="right">{{ coalDetailsData.orderType || '' }}</uni-td>
            </uni-tr>
            <uni-tr>
               <uni-th align="left">状态</uni-th>
               <uni-td align="right">{{ coalStatus[coalDetailsData.status] }}</uni-td>
            </uni-tr>
            <uni-tr>
               <uni-th align="left">煤场</uni-th>
               <uni-td align="right">{{ coalDetailsData.filedName || '' }}</uni-td>
            </uni-tr>
            <uni-tr>
               <uni-th align="left">发运时间</uni-th>
               <uni-td align="right">{{ coalDetailsData.sendDate || '' }}</uni-td>
            </uni-tr>
            <uni-tr>
               <uni-th align="left">提煤单编号</uni-th>
               <uni-td align="right">{{ coalDetailsData.code || '' }}</uni-td>
            </uni-tr>
            <uni-tr>
               <uni-th align="left">订单编号</uni-th>
               <uni-td align="right">{{ coalDetailsData.orderCode || '' }}</uni-td>
            </uni-tr>
         </uni-table>
      </scroll-view>
      <!-- <view class="bangDanMessage">
         <view class="">
            <text>客户：{{ coalDetailsData.customerName || '' }}</text>
            <text>客户：{{}}</text>
            <text>矿场：{{ coalDetailsData.deptName || '' }}</text>
         </view>
         <view class="">
@@ -20,7 +68,7 @@
            <text>提煤单编号：{{ coalDetailsData.code || '' }}</text>
            <text>订单编号：{{ coalDetailsData.orderCode || '' }}</text>
         </view>
      </view>
      </view> -->
      <view class="timeLine" style="font-size: 16rpx;">
         <u--text type="primary" size="30" plain v-for="(item, index) in dayRZ" :key="index" :text="item.taskStatusDes"></u--text>
      </view>
@@ -106,7 +154,8 @@
         // 原发信息
         primarySkin: null,
         primaryHair: null,
         primaryClean: null
         primaryClean: null,
         scrollTop: 0
      };
   },
   onShow() {
@@ -307,47 +356,73 @@
   display: flex;
   flex-direction: column;
   .bangDanMessage {
      padding: vww(10);
      border: vww(2) solid #dddddd;
      border-radius: vww(20);
      margin: vww(20);
      margin-bottom: vww(10);
      height: 40%;
      font-size: vww(18);
      font-weight: 600;
      view {
         margin-bottom: vww(10);
      }
      view:nth-of-type(1) {
         display: flex;
         text {
            width: 50%;
            text-align: center;
      width: 96%;
      margin: 0 auto;
      height: 50%;
   }
   // 表格样式
   .uni-table {
      .uni-table-tr {
         padding: 0;
         border: vww(1) solid #c6c6c6;
         .uni-table-th {
            font-size: vww(14);
            height: vww(20);
            line-height: vww(20);
            // padding: vww(5) vww(10);
            color: #111111;
            font-weight: 500;
            background: #e2e2e2;
         }
      }
      view:nth-of-type(2) {
         display: flex;
         text {
            width: 33%;
            text-align: center;
         }
      }
      view:nth-of-type(3) {
         display: flex;
         text {
            width: 50%;
            text-align: center;
         }
      }
      view:nth-of-type(4) {
         display: flex;
         flex-direction: column;
         text {
            margin-bottom: vww(10);
            text-align: center;
         .uni-table-td {
            font-size: vww(14);
            font-weight: 400;
            height: vww(20);
            line-height: vww(20);
            padding: vww(5) vww(10);
            color: #111111;
         }
      }
   }
   // .bangDanMessage {
   //    margin: vww(20);
   //    margin-bottom: vww(10);
   //    height: 40%;
   //    font-size: vww(18);
   //    font-weight: 600;
   //    view {
   //       margin-bottom: vww(10);
   //    }
   //    view:nth-of-type(1) {
   //       display: flex;
   //       text {
   //          width: 50%;
   //          text-align: center;
   //       }
   //    }
   //    view:nth-of-type(2) {
   //       display: flex;
   //       text {
   //          width: 33%;
   //          text-align: center;
   //       }
   //    }
   //    view:nth-of-type(3) {
   //       display: flex;
   //       text {
   //          width: 50%;
   //          text-align: center;
   //       }
   //    }
   //    view:nth-of-type(4) {
   //       display: flex;
   //       flex-direction: column;
   //       text {
   //          margin-bottom: vww(10);
   //          text-align: center;
   //       }
   //    }
   // }
   .timeLine {
      height: 25%;
      margin: vww(20);