'日发运'

zhangxiaoxu123

2022-07-14 8c2bdac410ae06761c997d534883bd845237c33f

 pages/jihua/jihua.vue

@@ -5,70 +5,47 @@
      </view>
      <view class="jihua-main">
         <view class="shaixuan-box">
            <u-radio-group v-model="radioValue">
            <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 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>
         <div class="main-inside">
            <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>
            <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 class="jihua-main-line">
                  <view class="main-flex">
                     <view>煤种：{{item.coalName}}</view>
                     <view>剩余量：{{item.executiveSurplus}}</view>
                  </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 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="change"
                          ></u--input>
                     </view>
                     <view>实际发车数：{{item.numReal}}</view>
                  </view>
                  <view>实际发车数：4000</view>
               </view>
            </view>
            <!-- <u-button class="xiugai-btn" type="primary" text="修改" size="mini"></u-button> -->
         </view>
         </div>
      </view>
       <u-button class="xiugai-btn" type="primary" text="提交" @click="dataFormSubmit"></u-button>
   </view>
</template>

<script>
	
   export default {
      data() {
         return {
@@ -79,10 +56,103 @@
               name: '明日发运计划'
            }],
            carValue:0,
            fyData: [],
            info: {
               shippingDate: this.todayDate()
            },
            isTomJihua:'',
         }
      },
      onShow() {
         this.init()
      },
      methods: {
         tabClick(item) {
         init() {
            this.fyList()
         },
         dataFormSubmit() { //提交订单
            this.$reqPost('addObj',JSON.stringify(this.fyData)).then(res => {
					
            })
         },
         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() {
            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.fyData = res.data
               }
            })
         },
         xscarshippingdayplan() {
            let params = {
               current: 1,
               size: 50,
               shippingDate: this.info.shippingDate
            }
            this.$reqGet('xscarshippingdayplan', params).then(res => {
               if(res.code == 0) {
                  this.fyData = res.data.records
               }
            })
         },
         tabClick(item) {  //切换今日和明日
            console.log(item.name,'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()
               }
            }
            
         },
         change() {
@@ -109,23 +179,50 @@
         width: vww(14)!important;
         height: vww(14)!important;;
      }
      .u-button__text{
         font-size: 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%);
      }
   }
   .jihua-main{
      display: flex;
      flex-direction: column;
      width: 100%;
      padding:vww(10) vww(10);
      padding:vww(0) 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: 0 0 8px rgba(0,0,0,0.1);
@@ -134,13 +231,6 @@
         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;