'日计划'

zhangxiaoxu123

2022-07-29 ce114e1f7e349559c1abd106b83d7595d8646393

 pages/jihua/jihua.vue

@@ -1,170 +1,406 @@
<template>
   <view class="jihua-wrap">
      <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">
               <u-radio style="margin-right: 30rpx;" shape="square" label="全部" name="全部"></u-radio>
               <u-radio style="margin-right: 30rpx;" shape="square" label="已设置的计划" name="已设置的计划"></u-radio>
               <u-radio shape="square" label="未设置的计划" name="未设置的计划"></u-radio>
            </u-radio-group>
         </view>
         <view class="main-block-box">
            <view class="jihua-main-line">
               <view class="name">客户名称：武安****</view>
            </view>
            <view class="jihua-main-line">
               <view class="main-flex">
                  <view>煤种：主焦</view>
                  <view>剩余量：277.65</view>
               </view>
            </view>
            <view class="jihua-main-line">
               <view class="main-flex">
                  <view class="carNum-box">
                     <view>发运车数：</view>
                     <u--input
                         focus
                         placeholder="请输入发运车数"
                         border="surround"
                         v-model="carValue"
                         @change="change"
                       ></u--input>
                  </view>
                  <view>实际发车数：4000</view>
               </view>
            </view>
         </view>
         <view class="main-block-box">
            <view class="jihua-main-line">
               <view class="name">客户名称：武安****</view>
            </view>
            <view class="jihua-main-line">
               <view class="main-flex">
                  <view>煤种：主焦</view>
                  <view>剩余量：277.65</view>
               </view>
            </view>
            <view class="jihua-main-line">
               <view class="main-flex">
                  <view class="carNum-box">
                     <view>发运车数：</view>
                     <u--input
                         focus
                         placeholder="请输入发运车数"
                         border="surround"
                         v-model="carValue"
                         @change="change"
                       ></u--input>
                  </view>
                  <view>实际发车数：4000</view>
               </view>
            </view>
            <!-- <u-button class="xiugai-btn" type="primary" text="修改" size="mini"></u-button> -->
         </view>
      </view>
   </view>
</template>

<script>
   export default {
      data() {
         return {
            radioValue: '全部',
            tabList: [{
               name: '今日发运计划'
            },{
               name: '明日发运计划'
            }],
            carValue:0,
         }
      },
      methods: {
         tabClick(item) {
				
         },
         change() {
				
         }
      }
   }
</script>

<style lang="scss" scoped>
   ::v-deep{
      .u-tabs__wrapper__nav{
         padding-left: vww(75.5)
      }
      .u-radio__text{
         span{
            font-size: vww(14);
         }
      }
      .u-radio-group--row{
         height: 100%;
      }
      .u-radio__icon-wrap{
         width: vww(14)!important;
         height: vww(14)!important;;
      }
      .u-button__text{
         font-size: vww(12)!important;
      }
   }
   .jihua-wrap{
      width: 100%;
      display: flex;
      flex-direction: column;
   }
   .jihua-main{
      display: flex;
      flex-direction: column;
      width: 100%;
      padding:vww(10) vww(10);
      box-sizing: border-box;
      .shaixuan-box{
         height: vww(40);
      }
      .main-block-box{
         box-shadow: 0 0 8px rgba(0,0,0,0.1);
         height: vww(120);
         padding: vww(10);
         box-sizing: border-box;
         margin-top: vww(15);
         border-radius: vww(5);
         position: relative;
         .xiugai-btn{
            position: absolute;
            right: vww(10);
            bottom: vww(10);
            width: vww(20);
         }
         .jihua-main-line{
            width: 100%;
            display: flex;
            view{
               font-size: vww(14);
               line-height: 2;
            }
            .name{
               font-weight: 600!important;
            }
            .main-flex{
               width: 100%;
               display: flex;
               justify-content: space-between;
               .carNum-box{
                  display: flex;
                  .u-input{
                     height: vww(20);
                     width: vww(100);
                  }
               }
            }
         }
		
      }
   }
</style>
<template>

   <view class="jihua-wrap">

      <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">

               <u-radio style="margin-right: 30rpx;" shape="square" label="全部" name="全部"></u-radio>

               <u-radio style="margin-right: 30rpx;" shape="square" label="已设置的计划" name="已设置的计划"></u-radio>

               <!-- <u-radio shape="square" label="未设置的计划" name="未设置的计划"></u-radio> -->

            </u-radio-group>

         </view>

         <div 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>

                  <view class="jihua-main-line">

                     <view class="main-flex">

                        <view>煤种：{{ item.coalName || ''}}</view>

                        <view>剩余量：{{ item.executiveSurplus || ''}}</view>

                     </view>

                  </view>

                  <view class="jihua-main-line">

                     <view class="main-flex">

                        <view class="carNum-box">

                           <view>计划车数：</view>

                           <u--input

                               placeholder="请输入发运车数"

                               border="surround"

                               v-model="item.numPlan"

                               @change="inputChange"

                             ></u--input>

                        </view>

                        <view>实际发车数：{{item.numReal || ''}}</view>

                     </view>

                  </view>

               </view>

               <u-button class="xiugai-btn" type="primary" text="提交" @click="dataFormSubmit"></u-button>

            </view>

            <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>

                  <view class="jihua-main-line">

                     <view class="main-flex">

                        <view>煤种：{{item.order.coalName || ''}}</view>

                        <view>剩余量：{{item.order.executiveSurplus || ''}}</view>

                     </view>

                  </view>

                  <view class="jihua-main-line">

                     <view class="main-flex">

                        <view class="carNum-box">

                           <view>计划车数：</view>

                           <u--input placeholder="请输入发运车数" border="surround" v-model="item.numPlan"

                              @change="inputTotalChange(item)"></u--input>

                        </view>

                        <view>实际发车数：{{item.order.numReal || ''}}</view>

                     </view>

                  </view>

               </view>

               <u-button class="xiugai-btn" type="primary" text="修改" @click="getOrderCarNum"></u-button>

            </view>

             <!-- <u-empty

                v-if="fyData.length == 0"

                mode="data"

                icon=""

             >

            </u-empty> -->

         </div>

      </view>

      <!-- 菜单栏 -->

      <popup-menu @menuShow="menushow" ref="menuRef"></popup-menu>

   </view>

</template>



<script>

   import popupMenu from '@/components/common/popup-menu/popup-menu.vue';

   export default {

      components: {

         popupMenu

      },

      data() {

         return {

            radioValue: '全部',

            tabList: [{

               name: '今日发运计划'

            }, {

               name: '明日发运计划'

            }],

            carValue: 0,

            fyData: [],

            fyData2: [],

            info: {

               shippingDate: this.todayDate()

            },

            isTomJihua: '全部',

            editRow:'', //修改行的行

            menuShow:false,

         }

      },

      onShow() {

         if(this.menuShow == true){

            this.$refs.menuRef.menuClick()

         }

         this.init()

      },

      // 点击导航栏菜单后

      onNavigationBarButtonTap(e) {

         // console.log(e);

         this.$refs.menuRef.menuClick()

      },

      methods: {

         init() {

            this.fyList()

         },

         menushow(e){

            this.menuShow = e;

         },

         dataFormSubmit() { //提交订单

            this.fyData.forEach(e => {

               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()

            })

         },

         getOrderCarNum() { //修改

            this.$reqPost('setCarNums',this.editRow).then(res => {

               this.$u.toast('修改成功')

               this.xscarshippingdayplan()

            })

         },

         groupChange(n) {

            console.log(n, 'n================')

            this.isTomJihua = n

            if (n == '已设置的计划') {

               this.xscarshippingdayplan()

            } else {

               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

         },

         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

         },

			
         fyList() { //列表查询

            uni.showLoading({

               title: '正在加载...'

            });

            let compId = uni.getStorageSync('userInfo').compId

				
            let params = {

               current: 1,

               size: 100,

               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==========')

            let params = {

               current: 1,

               size: 50,

               shippingDate: this.info.shippingDate

            }

            this.$reqGet('xscarshippingdayplan', params).then(res => {

               if (res.code == 0) {

                  if(!allList) {

                     this.fyData = res.data.records

                     console.log(this.fyData,'this.fyData=========11111111')

                  }else {

                     let l = res.data.records

                     allList.forEach(e => {

                        l.forEach(ee => {

                           if (e.id == ee.orderId) {

                              e.numPlan = ee.numPlan;

                              e.numReal = ee.numReal;

                              e.planId = ee.id;

                              if (ee.carNums != null) {

                                 e.carNums = ee.carNums;

                              }

                           }

                        })

                     })

                     this.fyData = allList;

                     console.log(this.fyData,'this.fyData=========22222222')

                  }

                  console.log(this.fyData,'this.fyData=========333333333')

                  uni.hideLoading();

               }

            }).catch(e => {

               uni.hideLoading();

            })

         },

         tabClick(item) { //切换今日和明日

            console.log(item, 'item==========')

            if (item.index == 1) {

               this.info.shippingDate = this.tomorrowDate()

               if (this.isTomJihua == '已设置的计划') {

                  this.xscarshippingdayplan()

               } else {

                  this.fyList()

               }



            } else {

               this.info.shippingDate = this.todayDate()

               if (this.isTomJihua == '已设置的计划') {

                  this.xscarshippingdayplan()

               } else {

                  this.fyList()

               }

            }



         },

         inputChange(val) {

               console.log(val)

         },

         inputTotalChange(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)

      }



      .u-radio__text {

         span {

            font-size: vww(14);

         }

      }

      .u-radio{

         margin-right: vww(10);

      }

      .u-radio__text{

         font-size: vww(14)!important;

      }

      .u-input {

         height: vww(16);

         width: vww(100);

      }

      .u-button{

         position: fixed!important;

         left: 50%;

         bottom: vww(20);

         width: vww(200)!important;

         transform: translateX(-50%);

         border-radius: vww(20);

         z-index: 9999;

      }

      .u-radio-group--row {

         height: 100%;

         width: 100%;

         display: flex;

         justify-content: right;

      }



      .u-radio__icon-wrap {

         width: vww(18) !important;

         height: vww(18) !important;

      }

      .u-icon__icon{

         font-size: vww(12)!important;

         line-height: vww(12)!important;

      }



   }



   .qiehuan-box {

      position: sticky;

      top: 0;

      left: 0;

      right: 0;

      width: 100%;

      z-index: 1;

      background-color: #fff;

   }



   .jihua-wrap {

      width: 100%;

      height: 100%;

      overflow-y: auto;

      display: flex;

      flex-direction: column;



      // .xiugai-btn {

      //    position: absolute;

      //    left: 50%;

      //    bottom: vww(20);

      //    width: vww(200);

      //    transform: translateX(-50%);

      //    border-radius: vww(20);

      // }

   }



   .jihua-main {

      display: flex;

      flex-direction: column;

      width: 100%;

      padding: vww(0) vww(10) vww(70) vww(10);

      box-sizing: border-box;



      .main-inside {

         width: 100%;

         height: calc(100% - vww(44));

      }



      .shaixuan-box {

         height: vww(40);

         position: sticky;

         top: vww(44);

         left: 0;

         right: 0;

         width: 100%;

         z-index: 1;

         background-color: #fff;

      }



      .main-block-box {

         box-shadow: 0px 0px 8px 0px rgba(216,218,238,0.80); 
         height: vww(120);

         padding: vww(10);

         box-sizing: border-box;

         margin-top: vww(12);

         border-radius: vww(8);

            &:first-child{

            margin-top: vww(5);

         }

         .jihua-main-line {

            width: 100%;

            display: flex;



            view {

               font-size: vww(14);

            }



            .name {

               font-weight: 600 !important;

            }



            .main-flex {

               width: 100%;

               display: flex;

               justify-content: space-between;

                    view{

                  font-size: vww(14);

                  line-height: vww(32);

               }

               .carNum-box {

                  display: flex;

                        view {

                           font-size: vww(14);

                            line-height: vww(32);

                        }

						
               }

            }

         }



      }

   }

</style>