提煤单详情页面修改，其他逻辑修改

qingyiay

2023-06-28 b119f9e139d8cabaa4d1a44227f76e691f84d761

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

@@ -2,6 +2,7 @@
   <view class="bill-of-lading-details">
      <view class="top-banner"
         style="background: url('https://mx.jzeg.cn:9095/appimg/image/banner/loadingbanner.png') no-repeat;background-size: cover;">
      </view>
         <view class="top-information">
            <view class="cutomer-name"
               v-if="orderType == '转入' || orderType == '转出'">煤场:{{ coalDetailsData.toFiledName || '' }}</view>
@@ -39,29 +40,31 @@
                  style="color: rgb(73, 123, 251);">
                  查看明细
               </view>
               <view class="weigh-item">
            <view class="weigh-item"
               v-for='item in showWeigh'
               :key="item.id">
                  <view class="item">
                     <view class="concrete"
                        style="background: url('https://mx.jzeg.cn:9095/appimg/image/banner/skin.png') no-repeat;background-size: cover;">
                        皮</view>
                     <view class="num">{{ showWeigh.skin }}</view>
                  <view class="num">{{ item.skin }}</view>
                  </view>
                  <view class="item">
                     <view class="concrete"
                        style="background: url('https://mx.jzeg.cn:9095/appimg/image/banner/hair.png') no-repeat;background-size: cover;">
                        毛</view>
                     <view class="num">{{ showWeigh.hair }}</view>
                  <view class="num">{{ item.hair }}</view>
                  </view>
                  <view class="item">
                     <view class="concrete"
                        style="background: url('https://mx.jzeg.cn:9095/appimg/image/banner/clean.png') no-repeat;background-size: cover;">
                        净</view>
                     <view class="num">{{ showWeigh.clean }}</view>
                  <view class="num">{{ item.clean }}</view>
                  </view>
               </view>
            </view>
         </view>
      </view>


      <view class="timeLine">
         <u-steps :current="dayRZ.length - 1"
@@ -249,8 +252,7 @@
         },
         // 展示皮毛净
         showWeigh() {
            return this.coalDetailsData.tmTaskCoalItems ? (this.coalDetailsData.tmTaskCoalItems[0] ? this
               .coalDetailsData.tmTaskCoalItems[0] : {}) : {}
            return this.coalDetailsData.tmTaskCoalItems ? this.coalDetailsData.tmTaskCoalItems : []
         }
      },
      methods: {
@@ -535,14 +537,14 @@

   ::v-deep.bill-of-lading-details {
      width: 100%;
      height: 100vh;
      height: 100%;
      margin: 0 auto;
      display: flex;
      flex-direction: column;

      .top-banner {
         width: 100%;
         height: 346rpx;
         position: fixed;
      }

         .top-information {
            width: 94%;
@@ -556,6 +558,7 @@
            color: #ffffff;
            font-size: 31rpx;
            font-weight: 300;


            .cutomer-name {
               width: 100%;
@@ -580,7 +583,8 @@

         .block-information {
            width: 690rpx;
            height: 396rpx;
         height: 100%;
         min-height: 420rpx;
            margin: vww(40) auto;
            background: #ffffff;
            box-shadow: 4rpx 6rpx 51rpx 0rpx rgba(73, 120, 240, 0.11);
@@ -592,12 +596,17 @@
            overflow: hidden;

            .block-main {
               @include flex width: 94%;
               height: 336rpx;
            display: grid;
            grid-template-columns: auto;
            grid-template-rows: repeat(auto-fit, minmax(40rpx, 1fr));
            gap: auto 5rpx;
            width: 94%;
            height: 100%;
            min-height: 380rpx;
               margin: vww(18) vww(7) vww(11) vww(17);
               flex-direction: column;
               justify-content: space-between;
               align-items: flex-start;
            // flex-direction: column;
            // justify-content: space-between;
            // align-items: flex-start;
            }

            .status-button {
@@ -691,13 +700,14 @@
               }
            }
         }
      }


      .timeLine {
         height: 40%;
         min-height: 300rpx;
         margin: vww(20);
         position: relative;
         top: vww(120);
         // top: vww(120);
         overflow-y: overlay;
         padding: vww(20);

@@ -730,7 +740,7 @@
         width: 94%;
         margin: 0 auto;
         position: relative;
         top: vww(80);
         // top: vww(80);

         .utils_chil {
            width: 100%;
@@ -757,7 +767,7 @@
      .weigh-ability {
         width: 631rpx;
         height: vww(100);
         margin: vww(80) auto;
         margin: vww(20) auto;
         margin-bottom: vww(10);
         @include flex;
         flex-direction: column;