增加部分限制，增加新功能

qingyiay

2023-05-17 05273ace3da665cb10c36ca0dac4413a8284302a

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

@@ -26,6 +26,7 @@
            </view>
            <view class="filter-condition"></view>
            <view class="date-information">
               <u-empty mode="data" icon="http://cdn.uviewui.com/uview/empty/data.png" textSize="30" iconSize="1000" v-if="filterList.length == 0"></u-empty>
               <view class="statistics-card" v-for="(item, index) in filterList" :key="index">
                  <view class="card-top">
                     <view class="left"><combined-title :title="item.condition"></combined-title></view>
@@ -39,19 +40,24 @@
                  </view>
                  <view class="card-main" v-for="(value, i) in item.taskCoalList" :key="i" @click="faYunDetail(value.id)">
                     <view class="first-line">
                        <view class="dispatch-receive">
                           <view v-if="value.orderType == '外销' || value.orderType == '内销' || value.orderType == '转出'" class="container">
                              <view class="dispatch">{{ value.deptName }}</view>
                              <view class="receive-icon"></view>
                              <view class="receive">{{ value.customerName }}</view>
                           </view>
                           <view v-else-if="value.orderType == '外购' || value.orderType == '内购' || value.orderType == '转入'" class="container">
                              <view class="dispatch">{{ value.customerName }}</view>
                              <view class="receive-icon"></view>
                              <view class="receive">{{ value.deptName }}</view>
                        <view class="main-information">
                           <view class="sign">装</view>
                           <view class="filedname">
                              <text v-if="value.orderType == '外销' || value.orderType == '内销' || value.orderType == '转出'">{{ value.deptName || '' }}</text>
                              <text v-else-if="value.orderType == '外购' || value.orderType == '内购' || value.orderType == '转入'">{{ value.customerName || '' }}</text>
                           </view>
                        </view>
                        <view class="main-divider"></view>
                        <view class="point-number">{{ value.clean.toFixed(2) || 0 }}</view>
                     </view>
                     <view class="first-extra">
                        <view class="main-information">
                           <view class="sign">卸</view>
                           <view class="filedname">
                              <text v-if="value.orderType == '外销' || value.orderType == '内销' || value.orderType == '转出'">{{ value.customerName || '' }}</text>
                              <text v-else-if="value.orderType == '外购' || value.orderType == '内购' || value.orderType == '转入'">{{ value.deptName || '' }}</text>
                           </view>
                        </view>
                     </view>
                     <view class="second-line">
                        <view class="coal-name">
@@ -218,6 +224,8 @@
         },
         first: '',
         last: '',
         firstFilter: '',
         lastFilter: '',
         taskList: [],
         filterList: [],
         totalLength: 0,
@@ -242,7 +250,7 @@
         // 点击右箭头详情弹窗
         faYunDetailobj: {},
         modalShow: false,
         coalStatus: ['领取', '预约', '签到', '入场', '称皮', '称毛', '离场', '入磅房', '出磅房', '入煤场', '出煤仓']
         coalStatus: ['领取', '预约', '签到', '入场', '称皮', '称毛', '离场', '入磅房', '出磅房', '入煤仓', '出煤仓', '放空', '作废', '入场申请', '进入场院']
      };
   },
   onShow() {
@@ -258,6 +266,7 @@
         let d = '01';
         m = m < 10 ? '0' + m : m; //月份补 0
         this.first = [y, m, d].join('-');
         this.firstFilter = [y, m, d].join('-');
      },
      lastDate() {
         let y = new Date().getFullYear(); //获取年份
@@ -266,6 +275,7 @@
         m = m < 10 ? '0' + m : m; //月份补 0
         d = d < 10 ? '0' + d : d; //日数补 0
         this.last = [y, m, d].join('-');
         this.lastFilter = [y, m, d].join('-');
      },
      // 筛选条件
      getShipping() {
@@ -431,19 +441,8 @@
      // 重置筛选
      resetCondition() {
         this.conditinonShow = false;
         this.filterList = this.taskList;
         if (this.filterList.length != 0) {
            this.totalLength = this.filterList.map(v => v.taskCoalList.length).reduce((x, y) => x + y);
            this.totalTon = this.filterList.map(v =>
               v.taskCoalList.reduce((prev, cur) => {
                  return cur.clean + prev;
               }, 0)
            );
            this.totalTon = this.totalTon.reduce((x, y) => x + y);
         } else {
            this.totalLength = 0;
            this.totalTon = 0;
         }
         this.first = this.dateRange.slice(0, 10);
         this.last = this.dateRange.slice(11);
         this.coalList.forEach(v => {
            v.active = false;
         });
@@ -560,10 +559,10 @@
         return uni.getStorageSync('roleType');
      },
      dateRange() {
         return `日期:${this.first}-${this.last}`;
         return `${this.firstFilter}至${this.lastFilter}`;
      },
      dateselect() {
         return `${this.first}-${this.last}`;
         return `${this.first}至${this.last}`;
      },
      coalTotal() {
         return this.coalList.length;
@@ -589,8 +588,8 @@
   },
   watch: {
      dateselect(newV, old) {
         let tempDate = `${this.first}-${this.last}`;
         if (newV != old && old != '-') {
         let tempDate = `${this.first}至${this.last}`;
         if (newV != old && old != '至') {
            this.first = newV.slice(0, 10);
            this.last = newV.slice(11);
            this.getTmTaskCoalData();
@@ -606,11 +605,20 @@
   justify-content: space-between;
   align-items: center;
}
@mixin firstLine {
   width: 80%;
   height: vww(68);
   margin: vww(10) vww(16) 0 0;
   display: flex;
   justify-content: space-between;
}
::v-deep .toggle-button .u-button {
   width: vww(40);
}
.scroll-Y {
   height: 900rpx;
   height: 1000rpx;
   position: relative;
   top: 20rpx;
}
.utils-button {
   width: 94%;
@@ -669,21 +677,22 @@
            align-items: center;
            .content-text {
               height: vww(40);
               @include flex flex-direction: column;
               @include flex;
               flex-direction: column;
               margin-top: 31rpx;
               margin-bottom: 31rpx;
               .content-container {
                  width: 100%;
                  height: vww(16);
                  min-height: vww(16);
                  font-size: 40rpx;
                  font-family: Source Han Sans CN;
                  font-weight: bold;
                  color: #3b56eb;
                  text-align: center;
               }
               .content-num {
                  width: 96rpx;
                  height: 24rpx;
                  min-height: 24rpx;
                  font-size: 24rpx;
                  font-family: Source Han Sans CN;
                  font-weight: 400;
                  color: #333333;
               }
@@ -693,7 +702,6 @@
            width: 160rpx;
            height: 38rpx;
            font-size: 40rpx;
            font-family: Adobe Heiti Std;
            font-weight: normal;
            color: #ffffff;
            line-height: 69rpx;
@@ -711,11 +719,11 @@
      flex-direction: column;
      overflow: hidden;
      position: relative;
      top: -170rpx;
      top: -145rpx;
      .data-filter {
         width: 635rpx;
         height: 68rpx;
         border: 2px solid #5b95fd;
         border: 2px solid rgba(73, 95, 252, 0.6);
         box-shadow: 0rpx 5rpx 13rpx 0rpx rgba(73, 95, 252, 0.6);
         border-radius: 34rpx;
         margin-top: vww(21);
@@ -724,7 +732,6 @@
            width: 330rpx;
            height: 40rpx;
            font-size: 28rpx;
            font-family: Source Han Sans CN;
            font-weight: 400;
            color: #494949;
         }
@@ -746,72 +753,105 @@
            @include flex;
            flex-direction: column;
            margin-top: vww(5);
            margin-bottom: vww(5);
            overflow: hidden;
            &:last-child {
               .card-main {
                  &:last-child {
                     border-bottom: 0;
                  }
               }
            }
            .card-top {
               width: 96%;
               @include flex;
               .left {
                  font-size: 30rpx;
                  font-family: Microsoft YaHei;
                  font-weight: 400;
                  color: #494949;
               }
               .card-top_num {
                  font-size: 40rpx;
                  font-family: CTCuHeiSJ;
                  font-weight: 400;
                  color: #6074ee;
               }
            }
            .card-main {
               width: 100%;
               height: vww(120);
               height: vww(150);
               border-bottom: vww(1) solid #d6d6d6;
               margin-top: vww(12);
               margin-left: vww(20);
               padding-bottom: vww(12);
               position: relative;
               @include flex flex-direction: column;
               align-items: flex-start;
               .first-line {
                  width: 94%;
                  width: 80%;
                  height: vww(32);
                  color: #303030;
                  display: flex;
                  justify-content: space-between;
                  align-items: center;
                  .dispatch-receive {
                     width: 90%;
                  .main-information {
                     width: 88%;
                     height: vww(28);
                     display: flex;
                     justify-content: space-between;
                     justify-content: flex-start;
                     align-items: center;
                     margin-right: vww(12);
                     .container {
                        width: 100%;
                        display: flex;
                        justify-content: space-between;
                        align-items: center;
                     .sign {
                        width: vww(28);
                        height: vww(28);
                        line-height: vww(28);
                        text-align: center;
                        background: url('https://mx.jzeg.cn:9095/appimg/image/banner/blueblock.png') no-repeat;
                        background-size: contain;
                        font-size: 30rpx;
                        font-weight: 400;
                        color: #ffffff;
                        margin-right: vww(20);
                     }
                     .receive-icon {
                        width: 62rpx;
                        height: 14rpx;
                        border-bottom: 3px solid #275fa5;
                        position: relative;
                        &:after {
                           content: '';
                           position: absolute;
                           width: 3px;
                           height: 10px;
                           background-color: #275fa5;
                           right: 0;
                           transform: rotate(-45deg);
                        }
                     }
                  }
                  .main-divider {
                     width: 530rpx;
                     height: 1rpx;
                     background: #e3e3e3;
                     position: absolute;
                     top: 80rpx;
                     left: vww(50);
                  }
                  .point-number {
                     width: 20%;
                     font-size: 40rpx;
                     font-family: CTCuHeiSJ;
                     font-weight: 400;
                     color: #f81414;
                     position: absolute;
                     right: 12rpx;
                     display: flex;
                     flex-wrap: wrap;
                  }
               }
               .first-extra {
                  @include firstLine;
                  height: vww(32);
                  .main-information {
                     width: 100%;
                     height: vww(28);
                     display: flex;
                     justify-content: flex-start;
                     align-items: center;
                     .sign {
                        width: vww(28);
                        height: vww(28);
                        line-height: vww(28);
                        text-align: center;
                        background: url('https://mx.jzeg.cn:9095/appimg/image/banner/redblock.png') no-repeat;
                        background-size: contain;
                        font-size: 30rpx;
                        font-weight: 400;
                        color: #ffffff;
                        margin-right: vww(20);
                     }
                  }
               }
               .second-line {
@@ -824,7 +864,6 @@
                     flex-grow: 1;
                     height: 30rpx;
                     font-size: 30rpx;
                     font-family: Microsoft YaHei;
                     font-weight: 300;
                     color: #515151;
                     position: relative;
@@ -842,7 +881,6 @@
                        height: 30rpx;
                        line-height: 30rpx;
                        font-size: 30rpx;
                        font-family: Microsoft YaHei;
                        font-weight: 300;
                        color: #515151;
                     }
@@ -850,10 +888,10 @@
               }
               .third-line {
                  width: 40%;
                  height: vww(14);
                  min-height: vww(15);
                  display: flex;
                  justify-content: flex-start;
                  align-items: center;
                  align-items: flex-start;
                  .carnum-icon {
                     width: 28rpx;
                     height: 28rpx;
@@ -865,7 +903,6 @@
                  }
                  .carnum-text {
                     font-size: 28rpx;
                     font-family: Microsoft YaHei;
                     font-weight: 300;
                     color: #515151;
                  }
@@ -876,6 +913,7 @@
                  display: flex;
                  justify-content: flex-start;
                  align-items: center;
                  color: #515151;
                  .time-icon {
                     margin-right: vww(10);
                  }
@@ -885,7 +923,7 @@
      }
   }
   .filter-main {
      height: 950rpx;
      min-height: 950rpx;
      width: 100%;
      display: flex;
      flex-direction: column;