'发运日计划'

zhangxiaoxu123

2022-07-14 a566bf1ca5003c351a87a07a9038bc1f815679a0

 pages/jihua/jihua.vue

@@ -12,6 +12,7 @@
            </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>
@@ -31,22 +32,53 @@
                            placeholder="请输入发运车数"
                            border="surround"
                            v-model="item.numPlan"
                            @change="change"
                               @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-else>
               <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 ? item.order.coalName : item.coalName}}</view>
                        <view>剩余量：{{ item.order ? item.order.executiveSurplus : item.executiveSurplus}}</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="item.numPlan"
                              @change="inputTotalChange(item)"></u--input>
                        </view>
                        <view>实际发车数：{{item.order ? item.order.numReal : item.numReal}}</view>
                     </view>
                  </view>
               </view>
               <u-button class="xiugai-btn" type="primary" text="修改" @click="getOrderCarNum"></u-button>
            </view>
				
         </div>
      </view>
       <u-button class="xiugai-btn" type="primary" text="提交" @click="dataFormSubmit"></u-button>
      <!-- 菜单栏 -->
      <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: '全部',
@@ -57,22 +89,52 @@
            }],
            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.$reqPost('addObj',JSON.stringify(this.fyData)).then(res => {
					
            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) {
@@ -108,7 +170,11 @@
            console.log('tomorrowDate---------222',time)
            return time
          },
         fyList() {
			
         fyList() { //列表查询
            uni.showLoading({
               title: '正在加载...'
            });
            let compId = uni.getStorageSync('userInfo').compId
            let params = {
               current: 1,
@@ -119,11 +185,13 @@
            }
            this.$reqGet('fyList',params).then(res => {
               if(res.code == 0) {
                  this.fyData = res.data
                  this.xscarshippingdayplan(res.data);

               }
            })
         },
         xscarshippingdayplan() {
         xscarshippingdayplan(allList) { //已经设置的
          console.log(allList,'allList==========')
            let params = {
               current: 1,
               size: 50,
@@ -131,7 +199,25 @@
            }
            this.$reqGet('xscarshippingdayplan', params).then(res => {
               if(res.code == 0) {
                  if(!allList) {
                  this.fyData = res.data.records
                  }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;
                  }
                  uni.hideLoading();
               }
            })
         },
@@ -155,8 +241,12 @@
            }
            
         },
         change() {
				
         inputChange(val) {
               console.log(val)
         },
         inputTotalChange(val) {
            console.log(val,'val2=======val2')
            this.editRow = val
         }
      }
   }
@@ -167,20 +257,25 @@
      .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;;
         height: vww(14) !important;
         ;
      }
      
   }

   .qiehuan-box{
      position: sticky;
      top: 0;
@@ -190,12 +285,14 @@
      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%;
@@ -204,16 +301,19 @@
         transform: translateX(-50%);
      }
   }

   .jihua-main{
      display: flex;
      flex-direction: column;
      width: 100%;
      padding:vww(0) vww(10);
      padding: vww(0) vww(10) vww(60) vww(10);
      box-sizing: border-box;

      .main-inside{
         width: 100%;
         height: calc(100% - vww(44));
      }

      .shaixuan-box{
         height: vww(40);
         position: sticky;
@@ -224,6 +324,7 @@
         z-index: 1;
         background-color: #fff;
      }

      .main-block-box{
         box-shadow: 0 0 8px rgba(0,0,0,0.1);
         height: vww(120);
@@ -231,22 +332,28 @@
         box-sizing: border-box;
         margin-top: vww(15);
         border-radius: vww(5);

         .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);