增加新功能，修复bug

qingyiay

2023-05-30 4b74ae71c84d7c3a2fcc83d1ef75f11f8f8c05e0

 pages/customer-page/customer-index/fayunPlanDetails/fayunPlanDetails.vue

@@ -3,7 +3,10 @@
      <view class="fayunPlan">
         <view class="plan-banner">
            <view class="top-container">
               <view class="back-icon" @click="backPage"><u-icon name="arrow-left" size="50" color="#fff"></u-icon></view>
               <view class="back-icon"
                  @click="backPage"><u-icon name="arrow-left"
                     size="50"
                     color="#fff"></u-icon></view>
               <view class="top-title">发运计划详情</view>
            </view>
            <view class="middle-container">
@@ -12,34 +15,34 @@
                  <text v-show="deptName">({{ coalName }})</text>
               </view>
               <view class="dept-num">
                  <text
                     style="font-size: 46rpx;
                  <text style="font-size: 46rpx;
                  font-weight: 400;
                  color: #FFFFFF;
                  text-shadow: 0rpx 4rpx 0rpx #1A66FE;"
                  >
                  text-shadow: 0rpx 4rpx 0rpx #1A66FE;">
                     {{ orderPlanDetail.fowardSum || 0 }}
                  </text>
                  <text
                     style="font-size: 24rpx;
                  <text style="font-size: 24rpx;
                  font-weight: 400;
                  color: #F81414;
                  text-shadow: 0rpx 4rpx 0rpx #1A66FE;"
                  >
                     /{{ cars2 || 0 }}
                  text-shadow: 0rpx 4rpx 0rpx #1A66FE;">
                     /{{ cars2 ||carNum||'' }}
                  </text>
               </view>
            </view>
            <view class="bottom-container">
               <view class="bottom-block">
                  <view class="bottom-content" v-for="(item, index) in orderPlanDetail.huodaiList" :key="index">
                  <view class="bottom-content"
                     v-for="(item, index) in orderPlanDetail.huodaiList"
                     :key="index">
                     <view class="forward-name">{{ item.huoDaiName }}</view>
                     <view class="forward-num">
                        {{ item.fleetOrHuodaiNub }}
                        <text>张</text>
                     </view>
                  </view>
                  <view class="bottom-content" v-for="(item, index) in orderPlanDetail.cheduiList" :key="index">
                  <view class="bottom-content"
                     v-for="(item, index) in orderPlanDetail.cheduiList"
                     :key="index">
                     <view class="fleet-name">{{ item.cheduiName }}</view>
                     <view class="fleet-num">
                        {{ item.fleetOrHuodaiNub }}
@@ -60,15 +63,21 @@
            <combined-title title="提煤单历史"></combined-title>
            <view class="total">
               总净重
               <text>{{ total || 0 }}</text>
               <text>{{ total.toFixed(2) || 0 }}</text>
            </view>
         </view>
         <view class="main-banner">
            <view class="empty-pointer" v-if="!yyDailyList">暂无更多数据</view>
            <view class="empty-pointer"
               v-if="!yyDailyList">暂无更多数据</view>
            <view class="main-block">
               <view class="main-container">
                  <view class="main-container_content" v-for="(item, index) in yyDailyList" :key="index" @click="showMore(item)">
                     <view class="arrow-icon"><u-icon name="arrow-right" size="30" color="#999999"></u-icon></view>
                  <view class="main-container_content"
                     v-for="(item, index) in yyDailyList"
                     :key="index"
                     @click="showMore(item)">
                     <view class="arrow-icon"><u-icon name="arrow-right"
                           size="30"
                           color="#999999"></u-icon></view>
                     <view class="divider"><u-divider></u-divider></view>
                     <view class="first-line">
                        <view class="car-num">{{ item.carNo || '' }}</view>
@@ -77,11 +86,11 @@
                     <view class="second-line">
                        <view class="line-content">
                           <view class="line-content_text">净重</view>
                           <view class="line-content_num">{{ item.clean || 0 }}</view>
                           <view class="line-content_num">{{ item.clean.toFixed(2)  || 0 }}</view>
                        </view>
                        <view class="line-content">
                           <view class="line-content_text">余量</view>
                           <view class="line-content_num">{{ item.allowance || 0 }}</view>
                           <view class="line-content_num">{{ item.allowance.toFixed(2)  || 0 }}</view>
                        </view>
                     </view>
                  </view>
@@ -102,9 +111,10 @@
   onLoad(value) {
      this.orderPlanId = value.orderPlanId;
      this.orderCode = value.code;
      this.cars2 = value.cars2;
         this.cars2 = value.cars2 ? value.cars2 : null;
      this.deptName = value.deptName;
      this.coalName = value.coalName;
         this.carNum = value.carNum ? value.carNum : null
      console.log(value, '发运计划参数');
   },
   data() {
@@ -112,13 +122,16 @@
         orderPlanId: null,
         orderCode: null,
         orderPlanDetail: {},
         coalStatus: ['领取', '预约', '签到', '入场', '称皮', '称毛', '离场', '入磅房', '出磅房', '入煤仓', '出煤仓', '放空', '作废', '入场申请', '进入场院'],
            coalStatus: ['领取', '预约', '签到', '入场', '称皮', '称毛', '离场', '入磅房', '出磅房', '入煤仓', '出煤仓', '放空', '作废', '入场申请',
               '进入场院'
            ],
         yyDailyList: [],
         // 领取数量
         cars2: '',
         coalName: '',
         deptName: '',
         total: 0
            total: 0,
            carNum: ''
      };
   },
   onShow() {
@@ -165,41 +178,48 @@
};
</script>

<style lang="scss" scoped>
<style lang="scss"
   scoped>
@mixin flex {
   display: flex;
   justify-content: space-between;
   align-items: center;
}

.empty-pointer {
   position: absolute;
   top: 50%;
   left: 38%;
   color: #909399;
}

.white-block {
   width: 100%;
   height: vww(50);
   margin-top: vww(10);
}

::v-deep.fayunPlan {
   width: 100%;
   margin: 0 auto;
   background-color: #f4f4f4;
   display: flex;
   flex-direction: column;

   .plan-banner {
      width: 100%;
      background: linear-gradient(0deg, #ffffff 0%, #0055fe 100%);
      background-size: contain;
      position: relative;
      top: 0;

      .top-container {
         width: 468rpx;
         height: 38rpx;
         position: relative;
         top: vww(48);
         @include flex margin-left: vww(10);

         .top-title {
            width: 226rpx;
            height: 36rpx;
@@ -209,6 +229,7 @@
            line-height: 69rpx;
         }
      }

      .middle-container {
         width: 626rpx;
         height: 34rpx;
@@ -216,6 +237,7 @@
         @include flex;
         position: relative;
         top: vww(54);

         .dept-name {
            min-width: 100rpx;
            font-size: 32rpx;
@@ -225,11 +247,13 @@
            text-shadow: 0rpx 4rpx 0rpx #1a66fe;
         }
      }

      .bottom-container {
         width: 100%;
         @include flex;
         justify-content: center;
         margin-top: vww(80);

         .bottom-block {
            width: 690rpx;
            min-height: 185rpx;
@@ -240,11 +264,13 @@
            justify-content: space-around;
            flex-wrap: wrap;
            padding: 0 vww(8);

            .bottom-content {
               @include flex;
               flex-direction: column;
               height: vww(56);
               margin-right: vww(5);

               .forward-name,
               .fleet-name {
                  font-size: 28rpx;
@@ -252,12 +278,14 @@
                  color: #757575;
                  line-height: 69rpx;
               }

               .forward-num,
               .fleet-num {
                  font-size: 40rpx;
                  font-weight: 400;
                  color: #303030;
                  line-height: 69rpx;

                  text {
                     font-size: 30rpx;
                  }
@@ -266,16 +294,19 @@
         }
      }
   }

   .block-top {
      width: 94%;
      margin: vww(15);
      @include flex;

      .total {
         height: 30rpx;
         line-height: vww(15);
         font-size: 28rpx;
         font-weight: normal;
         color: #757575;

         text {
            width: 118rpx;
            height: 30rpx;
@@ -286,21 +317,25 @@
         }
      }
   }

   .main-banner {
      width: 100%;
      @include flex;
      justify-content: center;

      .main-block {
         width: 690rpx;
         background: #ffffff;
         box-shadow: 4rpx 6rpx 51rpx 0rpx rgba(73, 120, 240, 0.11);
         border-radius: 20rpx;

         .main-container {
            width: 100%;
            @include flex;
            justify-content: center;
            flex-direction: column;
            background-color: #fff;

            &_content {
               width: 96%;
               height: 194rpx;
@@ -310,11 +345,13 @@
               align-items: flex-start;
               margin-top: vww(8);
               position: relative;

               .arrow-icon {
                  position: absolute;
                  right: vww(10);
                  top: vww(17);
               }

               .divider {
                  position: absolute;
                  width: 94%;
@@ -324,16 +361,19 @@
                  left: vww(15);
                  bottom: vww(18);
               }

               .first-line {
                  width: 50%;
                  @include flex;
                  margin: 0 vww(15);

                  .car-num {
                     height: 31rpx;
                     font-size: 30rpx;
                     font-weight: 300;
                     color: #303030;
                  }

                  .order-type {
                     border: 2px solid #035cfb;
                     border-radius: 4rpx;
@@ -342,14 +382,17 @@
                     text-align: center;
                  }
               }

               .second-line {
                  width: 94%;
                  height: vww(14);
                  margin: 0 vww(15);
                  @include flex;
                  justify-content: space-between;

                  .line-content {
                     width: 40%;

                     @include flex &_text {
                        width: 69rpx;
                        height: 29rpx;
@@ -358,6 +401,7 @@
                        font-weight: 400;
                        color: #919090;
                     }

                     &_num {
                        height: 29rpx;
                        line-height: 29rpx;
@@ -371,6 +415,7 @@
         }
      }
   }

   .fayunPlanBody {
      width: 94%;
      margin: 0 auto;
@@ -378,6 +423,7 @@
      .compDetails {
         width: 94%;
         margin: vww(24) auto 0 auto;

         .comp {
            font-size: vww(16);
            font-weight: 400;
@@ -389,6 +435,7 @@
            background-color: #f5f5f5;
         }
      }

      .card {
         width: 94%;
         height: vww(150);
@@ -400,6 +447,7 @@
         display: flex;
         justify-content: center;
         align-items: flex-start;

         .coal-status,
         .coal-clean,
         .coal-allowance,
@@ -408,15 +456,18 @@
            margin-top: vww(30);
            height: vww(50);
            text-align: center;

            .label-title {
               color: #909399;
            }

            .label-value {
               min-width: vww(85);
               margin-top: vww(10);
               color: #606266;
            }
         }

         .more-button {
            width: vww(60);
            position: absolute;
@@ -425,11 +476,13 @@
            justify-content: center;
         }
      }

      // 表格样式
      .uni-table {
         .uni-table-tr {
            padding: 0;
            border: vww(1) solid #c6c6c6;

            .uni-table-th {
               font-size: vww(14);
               height: vww(30);
@@ -439,6 +492,7 @@
               font-weight: 500;
               background: #e2e2e2;
            }

            .uni-table-td {
               font-size: vww(14);
               font-weight: 400;