'首页添加日发运计划'

zhangxiaoxu123

2022-07-29 e695ab97b46b6cfd984a8234bdc9de950b82e2ec

'首页添加日发运计划'

 components/common/combination-card/combination-card.vue

@@ -2,7 +2,7 @@
    <!-- 组合卡片 -->

    <view class="combination-card">

        <view class="combination-card_wrapper">

            <view class="combination-card_top" v-show="showTop">

            <view class="combination-card_top" v-if="showTop">

                <view class="combination-card_top__content">

                    <slot name="top"></slot>

                </view>

@@ -10,7 +10,7 @@
            <view class="combination-card_content">

                <slot name="center"></slot>

            </view>

            <view class="combination-card_bottom" v-show="showBottom">

            <view class="combination-card_bottom" v-if="showTop">

                <slot name="bottom" a="$slots.name"></slot>

            </view>

        </view>


 pages/home/home.vue

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

        </combination-card>

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

        <combination-card :showTop="false">

        <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" v-for="(item,index) in fyData" :key="item.id">

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

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

                        <view class="name">客户名称：{{item.customerName || ''}}</view>

                    </view>

@@ -216,7 +216,7 @@
                        <view class="main-flex">

                            <view class="carNum-box">

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

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

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

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

                            </view>

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

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