'首页添加日发运计划'

zhangxiaoxu123

2022-07-29 e695ab97b46b6cfd984a8234bdc9de950b82e2ec

 pages/home/home.vue

@@ -199,32 +199,32 @@
         </template>

      </combination-card>

      <combined-title title="日发运计划" detailsPath="/pages/jihua/jihua"></combined-title>

      <combination-card :showTop="false">

         <template v-slot:top></template>

         <template v-slot:center>

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

         </template>

          <template v-slot:bottom></template>

      <combination-card :showTop="false"  v-for="(item,index) in fyData" :key="item.id">

           <template v-slot:top></template>

           <template v-slot:center>

              <view class="main-block-box">

                 <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" :disabled="true" v-model="item.numPlan"

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

                       </view>

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

                    </view>

                 </view>

              </view>

           </template>

           <template v-slot:bottom></template>

      </combination-card>



      <!-- 撤回模态框 -->

@@ -680,8 +680,10 @@


<style lang="scss" scoped>

::v-deep.home {

   height: 100%;

   width: 100%;

   display: flex;

   flex-direction: column;

   padding-bottom: vww(20);

   .home_swipe {

     width: 100%;

     .u-swiper {

@@ -698,7 +700,10 @@
      }

     }

    }



   .u-input {

      height: vww(16);

      width: vww(100);

   }

   // 卡片中间

   .center-container {

      display: flex;

@@ -849,5 +854,49 @@
         }

      }

   }

    
   //日发运计划

   .main-block-box {

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

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