1.现场收料优化

南骏 池

2025-09-29 9ff58f54d012db7f935ae23d556fa1a6dd7535e5

1.现场收料优化

 H5/Xcsl.aspx

@@ -51,6 +51,23 @@
        flex: 1; /* 等分剩余空间 */
        min-width: 0; /* 防止内容溢出 */
    }


        /* 新增：冻结标题行样式 */
    .sticky-header {
        position: sticky;
        top: 0;
        background-color: #fafafa; /* 背景色，可根据需要调整 */
        z-index: 10;
        border-bottom: 1px solid #ebedf0;
        font-weight: bold;
    }
    
    /* 确保表格容器有固定高度和滚动 */
    .van-tab__pane {
        max-height: 60vh; /* 可根据需要调整高度 */
        overflow-y: auto;
    }
</style>
</asp:Content>

@@ -137,78 +154,86 @@

        <van-tabs color="#000" title-active-color="#0283EF">
            <van-tab title="材料列表" class="mySolid font">
                <van-row>
                    <van-col span="8" class="text-left padding-left">物料</van-col>
                    <van-col span="8" class="text-left padding-left">规格型号</van-col>
                    <van-col span="4">备料数</van-col>
                    <van-col span="4">接收数</van-col>
                </van-row>
                <van-row v-for="(itm,index) in xcslItemList" :key="index">
                    <van-col span="8" class="text-left padding-left">
                        <div class="blue-text">{{itm.item_no}}</div>
                        <div>{{itm.item_name}}</div>
                    </van-col>
                    <van-col span="8" class="text-left padding-left">
                        <div>{{itm.item_model}}</div>
                    </van-col>
                    <van-col span="4" class="blue-text">{{itm.BL_Num}}</van-col>
                    <van-col span="4" class="blue-text">{{itm.JS_Num}}</van-col
                </van-row>
                <div class="van-tab__pane">
                    <van-row class="sticky-header">
                        <van-col span="6" class="text-left padding-left">物料</van-col>
                        <van-col span="6" class="text-left padding-left">规格型号</van-col>
                        <van-col span="4">需领数</van-col>
                        <van-col span="4">备料数</van-col>
                        <van-col span="4">接收数</van-col>
                    </van-row>
                    <van-row v-for="(itm,index) in xcslItemList" :key="index">
                        <van-col span="6" class="text-left padding-left">
                            <div class="blue-text">{{itm.item_no}}</div>
                            <div>{{itm.item_name}}</div>
                        </van-col>
                        <van-col span="6" class="text-left padding-left">
                            <div>{{itm.item_model}}</div>
                        </van-col>
                        <van-col span="4" class="blue-text">{{itm.DAB006}}</van-col>
                        <van-col span="4" class="blue-text">{{itm.BL_Num}}</van-col>
                        <van-col span="4" class="blue-text">{{itm.JS_Num}}</van-col>
                    </van-row>
                </div>
            </van-tab>
            <van-tab title="未接收列表" class="mySolid font">
                <van-row>
                    <van-col span="5" class="text-left padding-left">条码</van-col>
                    <van-col span="8" class="text-left padding-left">物料</van-col>
                    <van-col span="3" class="text-left padding-left">数量</van-col>
                    <van-col span="3" >人员</van-col>
                    <van-col span="5" >时间</van-col>
                </van-row>
                <van-row 
                    v-for="(itm,index) in xcslWjsBarList" 
                    :key="index">
                    <van-col span="5" class="text-left padding-left">{{itm.ITEM_BARCODE}}</van-col>
                    <van-col span="8" class="text-left padding-left">
                        <div class="blue-text">{{itm.item_no}}</div>
                        <div>{{itm.item_name}}</div>
                    </van-col>
                    <van-col span="3" class="text-left padding-left">
                        <div>{{itm.QUANTITY}}</div>
                    </van-col>
                    <van-col span="3">
                        <div>{{itm.USER_NAME}}</div>
                    </van-col>
                    <van-col span="5">
                        <div>{{itm.create_date}}</div>
                    </van-col>
                </van-row>
                <div class="van-tab__pane">
                    <van-row class="sticky-header">
                        <van-col span="5" class="text-left padding-left">条码</van-col>
                        <van-col span="8" class="text-left padding-left">物料</van-col>
                        <van-col span="3" class="text-left padding-left">数量</van-col>
                        <van-col span="3" >人员</van-col>
                        <van-col span="5" >时间</van-col>
                    </van-row>
                    <van-row 
                        v-for="(itm,index) in xcslWjsBarList" 
                        :key="index">
                        <van-col span="5" class="text-left padding-left">{{itm.ITEM_BARCODE}}</van-col>
                        <van-col span="8" class="text-left padding-left">
                            <div class="blue-text">{{itm.item_no}}</div>
                            <div>{{itm.item_name}}</div>
                        </van-col>
                        <van-col span="3" class="text-left padding-left">
                            <div>{{itm.QUANTITY}}</div>
                        </van-col>
                        <van-col span="3">
                            <div>{{itm.USER_NAME}}</div>
                        </van-col>
                        <van-col span="5">
                            <div>{{itm.create_date}}</div>
                        </van-col>
                    </van-row>
                </div>
            </van-tab>

            <van-tab title="已接收列表" class="mySolid font">
                <van-row>
                    <van-col span="5" class="text-left padding-left">条码</van-col>
                    <van-col span="8" class="text-left padding-left">物料</van-col>
                    <van-col span="3" class="text-left padding-left">数量</van-col>
                    <van-col span="3" >接收人</van-col>
                    <van-col span="5" >接收时间</van-col>
                </van-row>
                <van-row 
                    v-for="(itm,index) in xcslYjsBarList" 
                    :key="index">
                    <van-col span="5" class="text-left padding-left">{{itm.ITEM_BARCODE}}</van-col>
                    <van-col span="8" class="text-left padding-left">
                        <div class="blue-text">{{itm.item_no}}</div>
                        <div>{{itm.item_name}}</div>
                    </van-col>
                    <van-col span="3" class="text-left padding-left">
                        <div>{{itm.QUANTITY}}</div>
                    </van-col>
                    <van-col span="3">
                        <div>{{itm.USER_NAME}}</div>
                    </van-col>
                    <van-col span="5">
                        <div>{{itm.XCSL_CREATE_DATE}}</div>
                    </van-col>
                </van-row>
                <div class="van-tab__pane">
                    <van-row class="sticky-header">
                        <van-col span="5" class="text-left padding-left">条码</van-col>
                        <van-col span="8" class="text-left padding-left">物料</van-col>
                        <van-col span="3" class="text-left padding-left">数量</van-col>
                        <van-col span="3" >接收人</van-col>
                        <van-col span="5" >接收时间</van-col>
                    </van-row>
                    <van-row 
                        v-for="(itm,index) in xcslYjsBarList" 
                        :key="index">
                        <van-col span="5" class="text-left padding-left">{{itm.ITEM_BARCODE}}</van-col>
                        <van-col span="8" class="text-left padding-left">
                            <div class="blue-text">{{itm.item_no}}</div>
                            <div>{{itm.item_name}}</div>
                        </van-col>
                        <van-col span="3" class="text-left padding-left">
                            <div>{{itm.QUANTITY}}</div>
                        </van-col>
                        <van-col span="3">
                            <div>{{itm.USER_NAME}}</div>
                        </van-col>
                        <van-col span="5">
                            <div>{{itm.XCSL_CREATE_DATE}}</div>
                        </van-col>
                    </van-row>
                </div>
            </van-tab>
        </van-tabs>
    </div>