新框架PDA前端(祈禧6月初版本)
南骏 池
2025-11-25 408b576b8aa155c9f7c8b919be3cd82be52a1da8
H5/Xcsl.aspx
@@ -51,6 +51,37 @@
        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;
    }
    /* 行背景颜色样式 */
    .row-red {
        background-color: #f24343; /* 红色背景 */
    }
    .row-green {
        background-color: #5ff55f; /* 绿色背景 */
    }
    .row-yellow {
        background-color: #fbd12b; /* 黄色背景 */
    }
    .row-blue {
        background-color: #1eb8fa; /* 蓝色背景 */
    }
</style>
</asp:Content>
@@ -87,14 +118,32 @@
                    >
                </van-field>
                <van-field
                    ref="DAA021"
                    v-model="DAA021"
                    v-model="DaaInfo.workNo"
                    label="任务单号"
                    clearable
                    :right-icon-size="19"
                    placeholder="任务单号"
                    autofocus="true"
                    readonly
                    >
                    disabled>
                </van-field>
                <van-field
                    v-model="DaaInfo.startTime"
                    label="开工时间"
                    clearable
                    :right-icon-size="19"
                    placeholder="开工时间"
                    disabled>
                </van-field>
                <van-field
                    v-model="DaaInfo.lineName"
                    label="线体名称"
                    clearable
                    :right-icon-size="19"
                    placeholder="线体名称"
                    disabled>
                </van-field>
                <van-field
                    v-model="DAANum"
                    label="工单数量"
@@ -119,26 +168,31 @@
        <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>
                <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="8" class="text-left padding-left">
                    <van-row v-for="(itm,index) in xcslItemList" :key="index" :class="getRowColorClass(itm)">
                        <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="8" class="text-left padding-left">
                        <van-col span="6" 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-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>
                <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>
@@ -148,25 +202,27 @@
                <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="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>
                            <div>{{itm.QUANTITY}}</div>
                    </van-col>
                    <van-col span="3">
                        <div>{{itm.useR_NAME}}</div>
                            <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>
                <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>
@@ -176,21 +232,22 @@
                <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="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>
                            <div>{{itm.QUANTITY}}</div>
                    </van-col>
                    <van-col span="3">
                        <div>{{itm.useR_NAME}}</div>
                            <div>{{itm.USER_NAME}}</div>
                    </van-col>
                    <van-col span="5">
                        <div>{{itm.xcsL_CREATE_DATE}}</div>
                            <div>{{itm.XCSL_CREATE_DATE}}</div>
                    </van-col>
                </van-row>
                </div>
            </van-tab>
        </van-tabs>
    </div>
@@ -201,5 +258,5 @@
</asp:Content>
<asp:Content ID="Content4" ContentPlaceHolderID="ContentPlaceHolder4" Runat="Server">
    <script src="Js/Xcsl.js?<%=11111111 %>"></script>
    <script src="Js/Xcsl.js?<%=11111116 %>"></script>
</asp:Content>