yangan
2024-07-16 e2e96137d9b5e5dbac737e69809a941d676ba61e
pages/customer-page/customer-my/faYunstatistics/faYunstatistics.vue
@@ -13,6 +13,10 @@
                     <view class="content-container">{{ totalTon}}</view>
                     <view class="content-num">发运吨数</view>
                  </view>
                  <view class="content-text">
                     <view class="content-container">{{ tmNum}}</view>
                     <view class="content-num">发运件数</view>
                  </view>
               </view>
            </view>
         </view>
@@ -49,20 +53,25 @@
                                            cur.clean=cur.clean||0
                                            return prev + cur.clean;
                                        }, 0)).toFixed(2)}}吨
                         {{Number(item.taskCoalList
                                        .reduce((prev, cur) => {
                                            cur.productQuantity=cur.productQuantity||0
                                            return prev + cur.productQuantity;
                                        }, 0))}}件
                     </view>
                  </view>
                  <view class="card-main"
                     v-for="(value, i) in item.taskCoalList"
                     :key="i"
                     @click="faYunDetail(value.id)">
                     @click="faYunDetail(value.id,value)">
                     <view class="first-line">
                        <view class="main-information">
                           <view class="sign">装</view>
                           <view class="filedname">
                              <text
                                 v-if="value.orderType == '外销' || value.orderType == '内销' || value.orderType == '转出'">{{ value.deptName || '' }}</text>
                                 v-if="value.orderType == '外销' || value.orderType == '内销' || value.orderType == '外销退' || value.orderType == '转出'">{{ value.deptName || '' }}</text>
                              <text
                                 v-else-if="value.orderType == '外购' || value.orderType == '内购' || value.orderType == '转入'">{{ value.customerName || '' }}</text>
                                 v-else-if="value.orderType == '外购' || value.orderType == '内购' || value.orderType == '外购退' || value.orderType == '转入'">{{ value.customerName || '' }}</text>
                           </view>
                        </view>
                        <view class="main-divider"></view>
@@ -73,15 +82,15 @@
                           <view class="sign">卸</view>
                           <view class="filedname">
                              <text
                                 v-if="value.orderType == '外销' || value.orderType == '内销' || value.orderType == '转出'">{{ value.customerName || '' }}</text>
                                 v-if="value.orderType == '外销' || value.orderType == '内销' || value.orderType == '外销退' || value.orderType == '转出'">{{ value.customerName || '' }}</text>
                              <text
                                 v-else-if="value.orderType == '外购' || value.orderType == '内购' || value.orderType == '转入'">{{ value.deptName || '' }}</text>
                                 v-else-if="value.orderType == '外购' || value.orderType == '内购' || value.orderType == '外购退' || value.orderType == '转入'">{{ value.deptName || '' }}</text>
                           </view>
                        </view>
                     </view>
                     <view class="second-line">
                        <view class="coal-name">
                           <view class="">{{ value.coalName }}</view>
                           <view class="">{{ value.productNames || value.productName }}</view>
                           <view class="black-bar"></view>
                           <view class="coal-type"
                              v-if="value.orderType">{{ value.orderType }}</view>
@@ -91,7 +100,7 @@
                     </view>
                     <view class="third-line">
                        <view class="carnum-icon">
                           <image src="https://mx.jzeg.cn:9095/appimg/image/banner/carNO.png"
                           <image src="https://mx.jzeg.cn:9096/appimg/image/banner/carNO.png"
                              mode="widthFix"></image>
                        </view>
                        <view class="carnum-text">{{ value.carNo || '' }}</view>
@@ -134,7 +143,7 @@
                     </view>
                  </view>
                  <view class="filter-body">
                     <view class="condition-name">煤种</view>
                     <view class="condition-name">产品</view>
                     <view class="filter-name">
                        <view class="filter-button"
                           v-for="(item, index) in coalList"
@@ -223,7 +232,7 @@
                     </view> -->
                     </view>
                  </view>
                  <view class="filter-body">
                  <view class="filter-body" v-if="false">
                     <view class="condition-name">矿场</view>
                     <view class="filter-name">
                        <view class="filter-button"
@@ -330,8 +339,8 @@
            // 点击右箭头详情弹窗
            faYunDetailobj: {},
            modalShow: false,
            coalStatus: ['领取', '预约', '签到', '入场', '称皮', '称毛', '离场', '入磅房', '出磅房', '入煤仓', '出煤仓', '放空', '作废', '入场申请',
               '进入场院', '异常审核中'
            coalStatus: ['领取', '预约', '签到', '入场', '称皮', '称毛', '离场', '入磅房', '出磅房', '入仓库', '出仓库', '放空', '作废', '入场申请',
               '进入场院', '异常审核中', '返回加减吨', '超时', '打印中', '打印中', '填写'
            ]
         };
      },
@@ -482,7 +491,7 @@
               }
            };
            let conditionMapping = {
               coalName: this.coalList.filter(v => v.active == true).map(item => item.condition),
               productName: this.coalList.filter(v => v.active == true).map(item => item.condition),
               orderType: this.typeList.filter(v => v.active == true).map(item => item.condition),
               customerName: this.customerList.filter(v => v.active == true).map(item => item.condition),
               xsUser2Name: this.forwarderList.filter(v => v.active == true).map(item => item.condition),
@@ -492,7 +501,7 @@
            };
            const mapping = {
               coalName: validateFn('coalName'),
               productName: validateFn('productName'),
               orderType: validateFn('orderType'),
               customerName: validateFn('customerName'),
               xsUser2Name: validateFn('xsUser2Name'),
@@ -554,12 +563,15 @@
            this.filedList.forEach(v => {
               v.active = false;
            });
        this.getTmTaskCoalData()
         },
         confirm(e) {
            console.log(e, '日期选择');
            this.first = e.range.before;
            this.last = e.range.after;
            this.conditinonShow = false;
        this.$nextTick(() => {
          this.$refs.calendar.close()
        })
         },
         opencalendar() {
            this.$refs.calendar.open();
@@ -633,9 +645,16 @@
            }
         },
         // 跳转发运详情
         faYunDetail(takeCoalId) {
         faYunDetail(takeCoalId,value) {
            console.log(takeCoalId,'tackle')
            uni.navigateTo({
               url: `/pages/public-page/faYunstatisticsDetails/faYunstatisticsDetails?id=${takeCoalId}`
               url: `/pages/public-page/faYunstatisticsDetails/faYunstatisticsDetails?id=${takeCoalId}&orderType=${value.orderType}`,
               success(res) {
                  console.log(res);
                  },
                  fail(err) {
                  console.log(err,'跳转不过去');
                  }
            });
         },
         // 打开筛选条件弹窗
@@ -677,7 +696,36 @@
         },
         carNoTotal() {
            return this.carNoList.length;
         }
         },
         //发运件数
         tmNum(){
            console.log(this.filterList,'result')
            if( !this.filterList.length){
               return  0
            }else{
               const result =   this.filterList.map(v =>
                  v.taskCoalList.reduce((prev, cur) => {
                     let  cleanvalue
                     if(!cur.isWeight){
                       cleanvalue = Number(cur.productQuantity)  || 0
                     }else{
                       cleanvalue = 0;
                     }
                     return cleanvalue + prev
                  }, 0)
               );
               if(result.length){
               return  result.reduce((x, y) => {
                     let xx = new BigNumber(x)
                     let yy = new BigNumber(y)
                     return xx.plus(yy).toNumber()
                  }, new BigNumber(0));;
               }else{
                  return 0;
               }
            }
         },
      },
      watch: {
         dateselect(newV, old) {
@@ -905,7 +953,8 @@
                  margin-left: vww(20);
                  padding-bottom: vww(12);
                  position: relative;
                  @include flex flex-direction: column;
                  @include flex;
                  flex-direction: column;
                  align-items: flex-start;
                  .first-line {
@@ -928,12 +977,19 @@
                           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: url('https://mx.jzeg.cn:9096/appimg/image/banner/blueblock.png') no-repeat;
                           background-size: contain;
                           font-size: 30rpx;
                           font-weight: 400;
                           color: #ffffff;
                           margin-right: vww(20);
                        }
                        .filedname {
                           white-space: nowrap;
                           overflow: hidden;
                           text-overflow: ellipsis;
                           flex: 1;
                        }
                     }
@@ -961,6 +1017,7 @@
                  .first-extra {
                     @include firstLine;
                     height: vww(32);
                     align-items: center;
                     .main-information {
                        width: 100%;
@@ -974,12 +1031,22 @@
                           height: vww(28);
                           line-height: vww(28);
                           text-align: center;
                           background: url('https://mx.jzeg.cn:9095/appimg/image/banner/redblock.png') no-repeat;
                           // display: flex;
                           // justify-content: center;
                           // align-items: center;
                           background: url('https://mx.jzeg.cn:9096/appimg/image/banner/redblock.png') no-repeat;
                           background-size: contain;
                           font-size: 30rpx;
                           font-weight: 400;
                           color: #ffffff;
                           margin-right: vww(20);
                        }
                        .filedname {
                           white-space: nowrap;
                           overflow: hidden;
                           text-overflow: ellipsis;
                           flex: 1;
                        }
                     }
                  }
@@ -1181,4 +1248,4 @@
      //    }
      // }
   }
</style>
</style>