付延余
2022-08-23 a88092021b14abc67c2f2e53ce722d609632aeb5
pages/jihua/jihua.vue
@@ -1,8 +1,6 @@
<template>
   <view class="jihua-wrap">
      <view class="qiehuan-box">
         <u-tabs :list="tabList" @click="tabClick"></u-tabs>
      </view>
      <view class="qiehuan-box"><u-tabs :list="tabList" @click="tabClick"></u-tabs></view>
      <view class="jihua-main">
         <view class="shaixuan-box">
            <u-radio-group v-model="radioValue" @change="groupChange">
@@ -11,11 +9,12 @@
               <!-- <u-radio shape="square" label="未设置的计划" name="未设置的计划"></u-radio> -->
            </u-radio-group>
         </view>
         <div class="main-inside">
         <view class="main-inside">
            <view v-if="isTomJihua == '全部'">
               <view class="main-block-box" v-for="(item,index) in fyData" :key="item.id">
                  <view class="jihua-main-line">
                     <view class="name">客户名称:{{item.customerName || ''}}</view>
                     <!-- <view class="name">客户名称:{{item.customerName || ''}}</view> -->
                     <view class="name">收货单位:{{ item.customerAddressName || '' }}</view>
                  </view>
                  <view class="jihua-main-line">
                     <view class="main-flex">
@@ -27,12 +26,7 @@
                     <view class="main-flex">
                        <view class="carNum-box">
                           <view>计划车数:</view>
                           <u--input
                               placeholder="请输入发运车数"
                               border="surround"
                               v-model="item.numPlan"
                               @change="inputChange"
                             ></u--input>
                           <u--input placeholder="请输入发运车数" border="surround" v-model="item.numPlan" @change="inputChange"></u--input>
                        </view>
                        <view>实际发车数:{{item.numReal || ''}}</view>
                     </view>
@@ -55,8 +49,7 @@
                     <view class="main-flex">
                        <view class="carNum-box">
                           <view>计划车数:</view>
                           <u--input placeholder="请输入发运车数" border="surround" v-model="item.numPlan"
                              @change="inputTotalChange(item)"></u--input>
                           <u--input placeholder="请输入发运车数" border="surround" v-model="item.numPlan" @change="inputTotalChange(item)"></u--input>
                        </view>
                        <view>实际发车数:{{item.order.numReal || ''}}</view>
                     </view>
@@ -70,7 +63,7 @@
                icon=""
             >
            </u-empty> -->
         </div>
         </view>
      </view>
      <!-- 菜单栏 -->
      <popup-menu @menuShow="menushow" ref="menuRef"></popup-menu>
@@ -86,11 +79,14 @@
      data() {
         return {
            radioValue: '全部',
            tabList: [{
         tabList: [
            {
               name: '今日发运计划'
            }, {
            },
            {
               name: '明日发运计划'
            }],
            }
         ],
            carValue: 0,
            fyData: [],
            fyData2: [],
@@ -99,87 +95,90 @@
            },
            isTomJihua: '全部',
            editRow:'', //修改行的行
            menuShow:false,
         }
         menuShow: false
      };
      },
      onShow() {
         if(this.menuShow == true){
            this.$refs.menuRef.menuClick()
         this.$refs.menuRef.menuClick();
         }
         this.init()
      this.init();
      },
      // 点击导航栏菜单后
      onNavigationBarButtonTap(e) {
         // console.log(e);
         this.$refs.menuRef.menuClick()
      this.$refs.menuRef.menuClick();
      },
      methods: {
         init() {
            this.fyList()
         this.fyList();
         },
         menushow(e){
            this.menuShow = e;
         },
         dataFormSubmit() { //提交订单
      dataFormSubmit() {
         //提交订单
            this.fyData.forEach(e => {
               e.shippingDate = this.info.shippingDate
            e.shippingDate = this.info.shippingDate;
               if (e.planId && !e.numPlan) {
                  e.numPlan = -1; //删除设置为空的计划
               }
               let orderId = e.id;
               e.id = e.planId;
               e.orderId = orderId;
            })
         });
            this.$reqPost('addObj', this.fyData).then(res => {
               this.$u.toast('添加成功')
               this.fyList()
            })
            this.$u.toast('添加成功');
            this.fyList();
         });
         },
         getOrderCarNum() { //修改
      getOrderCarNum() {
         //修改
            this.$reqPost('setCarNums',this.editRow).then(res => {
               this.$u.toast('修改成功')
               this.xscarshippingdayplan()
            })
            this.$u.toast('修改成功');
            this.xscarshippingdayplan();
         });
         },
         groupChange(n) {
            console.log(n, 'n================')
            this.isTomJihua = n
         console.log(n, 'n================');
         this.isTomJihua = n;
            if (n == '已设置的计划') {
               this.xscarshippingdayplan()
            this.xscarshippingdayplan();
            } else {
               this.fyList()
            this.fyList();
            }
         },
         todayDate() {
            let yes = new Date().getTime()
            let date = new Date(yes)
            let y = date.getFullYear()
            let m = date.getMonth() + 1
            m = m < 10 ? ('0' + m) : m
            let d = date.getDate()
            d = d < 10 ? ('0' + d) : d
            const time = y + '-' + m + '-' + d
            console.log('todayDate---------', time)
            return time
         let yes = new Date().getTime();
         let date = new Date(yes);
         let y = date.getFullYear();
         let m = date.getMonth() + 1;
         m = m < 10 ? '0' + m : m;
         let d = date.getDate();
         d = d < 10 ? '0' + d : d;
         const time = y + '-' + m + '-' + d;
         console.log('todayDate---------', time);
         return time;
         },
         tomorrowDate() {
          let yes = new Date().getTime() + 60 * 24 * 60 * 1000
            let date = new Date(yes)
            let y = date.getFullYear()
            let m = date.getMonth() + 1
            m = m < 10 ? ('0' + m) : m
            let d = date.getDate()
            d = d < 10 ? ('0' + d) : d
            const time = y + '-' + m + '-' + d
            console.log('tomorrowDate---------222', time)
            return time
         let yes = new Date().getTime() + 60 * 24 * 60 * 1000;
         let date = new Date(yes);
         let y = date.getFullYear();
         let m = date.getMonth() + 1;
         m = m < 10 ? '0' + m : m;
         let d = date.getDate();
         d = d < 10 ? '0' + d : d;
         const time = y + '-' + m + '-' + d;
         console.log('tomorrowDate---------222', time);
         return time;
         },
         
         fyList() { //列表查询
      fyList() {
         //列表查询
            uni.showLoading({
               title: '正在加载...'
            });
            let compId = uni.getStorageSync('userInfo').compId
         let compId = uni.getStorageSync('userInfo').compId;
            
            let params = {
               current: 1,
@@ -187,28 +186,29 @@
               status: 2,
               trainType: 1,
               compId: compId
            }
         };
            this.$reqGet('fyList', params).then(res => {
               if (res.code == 0) {
                  this.xscarshippingdayplan(res.data);
               }
            })
         });
         },
         xscarshippingdayplan(allList) { //已经设置的
          console.log(allList,'allList==========')
      xscarshippingdayplan(allList) {
         //已经设置的
         console.log(allList, 'allList==========');
            let params = {
               current: 1,
               size: 50,
               shippingDate: this.info.shippingDate
            }
            this.$reqGet('xscarshippingdayplan', params).then(res => {
         };
         this.$reqGet('xscarshippingdayplan', params)
            .then(res => {
               if (res.code == 0) {
                  if(!allList) {
                     this.fyData = res.data.records
                     console.log(this.fyData,'this.fyData=========11111111')
                     this.fyData = res.data.records;
                     console.log(this.fyData, 'this.fyData=========11111111');
                  }else {
                     let l = res.data.records
                     let l = res.data.records;
                     allList.forEach(e => {
                        l.forEach(ee => {
                           if (e.id == ee.orderId) {
@@ -219,53 +219,53 @@
                                 e.carNums = ee.carNums;
                              }
                           }
                        })
                     })
                        });
                     });
                     this.fyData = allList;
                     console.log(this.fyData,'this.fyData=========22222222')
                     console.log(this.fyData, 'this.fyData=========22222222');
                  }
                  console.log(this.fyData,'this.fyData=========333333333')
                  console.log(this.fyData, 'this.fyData=========333333333');
                  uni.hideLoading();
               }
            }).catch(e => {
               uni.hideLoading();
            })
            .catch(e => {
               uni.hideLoading();
            });
         },
         tabClick(item) { //切换今日和明日
            console.log(item, 'item==========')
      tabClick(item) {
         //切换今日和明日
         console.log(item, 'item==========');
            if (item.index == 1) {
               this.info.shippingDate = this.tomorrowDate()
            this.info.shippingDate = this.tomorrowDate();
               if (this.isTomJihua == '已设置的计划') {
                  this.xscarshippingdayplan()
               this.xscarshippingdayplan();
               } else {
                  this.fyList()
               this.fyList();
               }
            } else {
               this.info.shippingDate = this.todayDate()
            this.info.shippingDate = this.todayDate();
               if (this.isTomJihua == '已设置的计划') {
                  this.xscarshippingdayplan()
               this.xscarshippingdayplan();
               } else {
                  this.fyList()
               this.fyList();
               }
            }
         },
         inputChange(val) {
               console.log(val)
         console.log(val);
         },
         inputTotalChange(val) {
            console.log(val,'val2=======val2')
            this.editRow = val
         console.log(val, 'val2=======val2');
         this.editRow = val;
         }
      }
   }
};
</script>
<style lang="scss" scoped>
   ::v-deep {
      .u-tabs__wrapper__nav {
         padding-left: vww(75.5)
      padding-left: vww(75.5);
      }
      .u-radio__text {
@@ -307,23 +307,23 @@
         font-size: vww(12)!important;
         line-height: vww(12)!important;
      }
   }
   .qiehuan-box {
      position: sticky;
   position: fixed;
      top: 0;
      left: 0;
      right: 0;
      width: 100%;
      z-index: 1;
   height:vww(44);
   // z-index: 1;
      background-color: #fff;
   }
   .jihua-wrap {
      width: 100%;
      height: 100%;
      overflow-y: auto;
   // overflow-y: auto; // 会引起键盘弹出页面布局
      display: flex;
      flex-direction: column;
@@ -343,7 +343,7 @@
      width: 100%;
      padding: vww(0) vww(10) vww(70) vww(10);
      box-sizing: border-box;
   margin-top: vww(44);
      .main-inside {
         width: 100%;
         height: calc(100% - vww(44));
@@ -356,12 +356,12 @@
         left: 0;
         right: 0;
         width: 100%;
         z-index: 1;
      // z-index: 1;
         background-color: #fff;
      }
      .main-block-box {
         box-shadow: 0px 0px 8px 0px rgba(216,218,238,0.80);
      box-shadow: 0px 0px 8px 0px rgba(216, 218, 238, 0.8);
         height: vww(120);
         padding: vww(10);
         box-sizing: border-box;
@@ -396,11 +396,9 @@
                           font-size: vww(14);
                            line-height: vww(32);
                        }
               }
            }
         }
      }
   }
</style>