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

qingyiay

2023-05-17 05273ace3da665cb10c36ca0dac4413a8284302a

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

@@ -40,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">
@@ -554,10 +559,10 @@
         return uni.getStorageSync('roleType');
      },
      dateRange() {
         return `${this.firstFilter}-${this.lastFilter}`;
         return `${this.firstFilter}至${this.lastFilter}`;
      },
      dateselect() {
         return `${this.first}-${this.last}`;
         return `${this.first}至${this.last}`;
      },
      coalTotal() {
         return this.coalList.length;
@@ -583,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();
@@ -600,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%;
@@ -663,10 +677,13 @@
            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-weight: bold;
                  color: #3b56eb;
@@ -674,7 +691,7 @@
               }
               .content-num {
                  width: 96rpx;
                  height: 24rpx;
                  min-height: 24rpx;
                  font-size: 24rpx;
                  font-weight: 400;
                  color: #333333;
@@ -702,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);
@@ -736,6 +753,15 @@
            @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;
@@ -752,53 +778,80 @@
            }
            .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-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 {
@@ -835,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;
@@ -860,6 +913,7 @@
                  display: flex;
                  justify-content: flex-start;
                  align-items: center;
                  color: #515151;
                  .time-icon {
                     margin-right: vww(10);
                  }
@@ -869,7 +923,7 @@
      }
   }
   .filter-main {
      height: 950rpx;
      min-height: 950rpx;
      width: 100%;
      display: flex;
      flex-direction: column;