From 9ff58f54d012db7f935ae23d556fa1a6dd7535e5 Mon Sep 17 00:00:00 2001
From: 南骏 池 <chiffly@163.com>
Date: 星期一, 29 九月 2025 23:23:03 +0800
Subject: [PATCH] 1.现场收料优化

---
 H5/Xcsl.aspx |  159 ++++++++++++++++++++++++++++++----------------------
 1 files changed, 92 insertions(+), 67 deletions(-)

diff --git a/H5/Xcsl.aspx b/H5/Xcsl.aspx
index 6db0d46..64cdd20 100644
--- a/H5/Xcsl.aspx
+++ b/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>

--
Gitblit v1.9.3