改变称重监听，增加发运详情，修复电子提煤单错误

qingyiay

2023-04-19 3fd84886a15713ece1ba34954f49fd1e075ef7be

 pages/customer-page/customer-my/faYunstatistics/faYunstatistics.vue

@@ -4,7 +4,7 @@
         <view class="content-statistics">
            <view class="content-text">发运统计</view>
            <view class="content-text">共{{ totalLength }}车</view>
            <view class="content-text">共{{ totalTon }}吨</view>
            <view class="content-text">共{{ totalTon.toFixed(2) }}吨</view>
         </view>
      </view>
      <view class="collapse-main">
@@ -119,6 +119,24 @@
                        </view>
                     </view>
                  </view>
                  <view class="filter-body" v-if="roleType == 2">
                     <view class="condition-name">车牌号：</view>
                     <view class="filter-name">
                        <view class="filter-button" v-for="(item, index) in carNoList" :key="index" @click="filterCondition(6, index, item.condition)">
                           <u-button shape="circle" :text="item.condition" :type="item.active ? 'success' : ''" size="small"></u-button>
                        </view>
                        <view class="toggle-button">
                           <u-button
                              shape="circle"
                              :text="carNoShow < carNoTotal ? '查看更多' : '收起'"
                              type="primary"
                              size="small"
                              @click="toggle(6)"
                              v-if="carNoTotal > 3"
                           ></u-button>
                        </view>
                     </view>
                  </view>
                  <view class="filter-body">
                     <view class="condition-name">日期：</view>
                     <view class="filter-name">
@@ -156,10 +174,10 @@
               </view>
            </view>
            <view class="card-main" v-for="(value, i) in item.taskCoalList" :key="i">
               <view class="arrow-right"><u-icon name="arrow-right" size="50"></u-icon></view>
               <view class="arrow-right" @click="faYunDetail(value.id)"><u-icon name="arrow-right" size="50"></u-icon></view>
               <view class="main-body">
                  <view class="coal-name">煤种:{{ value.coalName || '' }}</view>
                  <view class="clean">执行量:{{ value.clean || 0 }}</view>
                  <view class="clean">执行量:{{ value.clean.toFixed(2) || 0 }}</view>
                  <view class="out-time">出场时间:{{ value.outTime || '' }}</view>
                  <view class="car-number">车牌号:{{ value.carNo || '' }}</view>
                  <view class="filedName">矿场:{{ value.filedName || '' }}</view>
@@ -181,6 +199,7 @@
         forwarderList: [],
         fleetList: [],
         filedList: [],
         carNoList: [],
         isactive: false,
         info: {
            lunar: false,
@@ -201,12 +220,18 @@
         forwarderShow: 3,
         fleetShow: 3,
         filedShow: 3,
         carNoShow: 3,
         coalToggeleState: false,
         typeToggeleState: false,
         customerToggeleState: false,
         forwarderToggeleState: false,
         fleetToggeleState: false,
         filedToggeleState: false
         filedToggeleState: false,
         carNoToggeleState: false,
         // 点击右箭头详情弹窗
         faYunDetailobj: {},
         modalShow: false,
         coalStatus: ['领取', '预约', '签到', '入场', '称皮', '称毛', '离场', '入磅房', '出磅房', '入煤场', '出煤仓']
      };
   },
   onShow() {
@@ -283,6 +308,14 @@
                     active: false
                  };
               });
            this.carNoList = res.data
               .filter(v => v.conditionType == 6)
               .map(item => {
                  return {
                     ...item,
                     active: false
                  };
               });
         });
      },
      // 获取数据
@@ -328,6 +361,9 @@
            case 5:
               this.filedList[i].active = !this.filedList[i].active;
               break;
            case 6:
               this.carNoList[i].active = !this.carNoList[i].active;
               break;
         }

         const validateFn = key => (v, arr) => {
@@ -343,7 +379,8 @@
            customerName: this.customerList.filter(v => v.active == true).map(item => item.condition),
            xsUser2Name: this.forwarderList.filter(v => v.active == true).map(item => item.condition),
            fleetName: this.fleetList.filter(v => v.active == true).map(item => item.condition),
            filedName: this.filedList.filter(v => v.active == true).map(item => item.condition)
            filedName: this.filedList.filter(v => v.active == true).map(item => item.condition),
            carNo: this.carNoList.filter(v => v.active == true).map(item => item.condition)
         };

         const mapping = {
@@ -352,7 +389,8 @@
            customerName: validateFn('customerName'),
            xsUser2Name: validateFn('xsUser2Name'),
            fleetName: validateFn('fleetName'),
            filedName: validateFn('filedName')
            filedName: validateFn('filedName'),
            carNo: validateFn('carNo')
         };
         this.filterList = this.taskList.map(val => {
            return {
@@ -439,7 +477,25 @@
                  this.filedToggeleState = false;
               }
               break;
            case 6:
               if (!this.carNoToggeleState) {
                  this.carNoShow = this.carNoTotal;
                  this.carNoToggeleState = true;
               } else {
                  this.carNoShow = 3;
                  this.carNoToggeleState = false;
         }
               break;
         }
      },
      // 跳转发运详情
      faYunDetail(takeCoalId) {
         uni.navigateTo({
            url: `/pages/public-page/faYunstatisticsDetails/faYunstatisticsDetails?id=${takeCoalId}`
         });
      },
      confirm() {
         this.modalShow = false;
      }
   },
   computed: {
@@ -469,6 +525,9 @@
      },
      filedTotal() {
         return this.filedList.length;
      },
      carNoTotal() {
         return this.carNoList.length;
      }
   },
   watch: {
@@ -513,7 +572,7 @@
         justify-content: space-between;
         align-items: center;
         .content-text {
            width: vww(80);
            width: 33.3%;
            height: vww(30);
            font-size: vww(20);
            color: #393a3c;
@@ -560,7 +619,10 @@
                  }
               }
               .toggle-button {
                  margin-top: vww(12);
                  margin: vww(12) auto;
                  position: relative;
                  left: -10%;
                  transform: translateX(-50%);
               }
            }
         }