From 2f6c0d658b15685742384057ca4c860d7654dcf8 Mon Sep 17 00:00:00 2001
From: 南骏 池 <chiffly@163.com>
Date: 星期五, 14 三月 2025 15:41:11 +0800
Subject: [PATCH] 1.样式1
---
H5/Scll.aspx | 307 ++++++++++++++++++++++++++++++++-------------------
1 files changed, 192 insertions(+), 115 deletions(-)
diff --git a/H5/Scll.aspx b/H5/Scll.aspx
index c59d35a..f5f4f52 100644
--- a/H5/Scll.aspx
+++ b/H5/Scll.aspx
@@ -1,123 +1,200 @@
锘�<%@ Page Title="鐢熶骇棰嗘枡" Language="C#" MasterPageFile="~/Mst.master" AutoEventWireup="true" CodeFile="Scll.aspx.cs" Inherits="H5_Scll" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
- <style>
- .bg-info {
- background-color: #fff;
- }
- .van-col {
- font-size: 12px; /* 璋冩暣瀛椾綋澶у皬 */
- word-wrap: break-word;
- word-break: break-all;
- }
- .blue-text {
- color: #1989fa; /* 璁剧疆瀛椾綋棰滆壊涓鸿摑鑹� */
- font-weight: bold; /* 瀛椾綋鍔犵矖 */
- }
- </style>
-</asp:Content>
-<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder2" Runat="Server">
- <van-nav-bar
- title="鐢熶骇棰嗘枡"
- left-text="杩斿洖"
- left-arrow
- @click-left="GoBack()"
-></van-nav-bar>
- <div class="mySolid">
- <van-cell-group>
- <van-field
- ref="daa001"
- v-model="modeInfo.daa001"
- label="宸ュ崟鍗曞彿"
- clearable
- placeholder="璇锋壂鐮�"
- :right-icon-size="19"
- v-focus.noKeyboard
- @keyup.enter.native="getModel" autofocus="true"
- ></van-field>
- <van-field
- v-model="modeInfo.planNo"
- label="浠诲姟鍗曞彿"
- clearable
- :right-icon-size="19"
- placeholder="浠诲姟鍗曞彿"
- disabled
-></van-field>
- <van-field
- ref="barcode"
- v-model="scanInfo.barcode"
- label="鐗╂枡鏉＄爜"
- clearable
- placeholder="璇锋壂鐮�"
- :right-icon-size="19"
- v-focus.noKeyboard
- @keyup.enter.native="getScan"
-></van-field>
- <van-field
- v-model="scanInfo.barcodeNum"
- label="鏉＄爜鏁伴噺"
- placeholder="鏉＄爜鏁伴噺"
- disabled
-></van-field>
- <van-field
- ref="splitNum"
- v-model="scanInfo.splitNum"
- center
- clearable
- label="鍙戞枡鏁伴噺"
- placeholder="鍙戞枡鏁伴噺"
- >
- <van-button slot="button" type="info" size="small" plain @click="getChaiFen">
- 鏉＄爜鎷嗗垎
- </van-button>
- </van-field>
-</van-cell-group>
- </div>
- <van-tabs color="#000" title-active-color="#0283EF">
- <van-tab title="寰呭彂鐗╂枡" class="mySolid font">
+ <style>
+/* 鍏ㄥ眬鏍峰紡浼樺寲 */
+.content-wrapper {
+ margin: 8px;
+ background: #f8f9fa;
+ border-radius: 8px;
+ padding: 3px;
+ box-shadow: 0 2px 4px rgba(0,0,0,0.05);
+}
- <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="3">寰呮壂</van-col>
- <van-col span="5">鎺ㄨ崘搴撲綅</van-col>
- </van-row>
- <van-row v-for="(itm,index) in ItemDetail.items" :key="index">
- <van-col span="8" class="text-left padding-left">
- <div class="blue-text">{{itm.itemNo}}</div>
- <div>{{itm.itemName}}</div>
- </van-col>
- <van-col span="8" class="text-left padding-left">
- <div>{{itm.itemModel}}</div>
- </van-col>
- <van-col span="3" class="blue-text">{{itm.dsQty}}</van-col>
- <van-col span="5">{{itm.recoKw}}</van-col>
- </van-row>
- </van-tab>
- <van-tab title="宸查鐗╂枡" class="mySolid font">
- <van-row>
+/* 琛ㄥ崟瀛楁鍒嗛殧绾� */
+.van-cell-group .van-cell:not(:last-child)::after {
+ border-bottom: 1px solid #eee !important;
+ left: 0;
+ right: 0;
+}
+
+.mySolid .van-row {
+ border-bottom: .00267rem solid #b1b1b1;
+}
+
+/* 鏍囩棰滆壊璁剧疆 */
+.van-field__label {
+ color: #7c7a7a;
+ flex-basis: 28%;
+}
+
+/* 鏁版嵁鏂囨湰棰滆壊 */
+.van-field__value,
+.van-field__control {
+ color: #333;
+}
+
+/* 琛屽鍣ㄦ牱寮� */
+.van-tab__panel .van-row {
+ padding: 2px 0;
+ margin: 2px 0;
+ position: relative;
+ border-bottom: 1px solid #eee;
+}
+
+/* 鏁版嵁鍒楁牱寮� */
+.van-col {
+ padding: 2px 2px;
+ margin: 2px 0;
+ border: 1px solid #f0f0f0;
+ border-radius: 4px;
+ background: white;
+ font-size: 12px;
+ line-height: 1.6;
+ box-sizing: border-box;
+}
+
+/* 鐗规畩鏂囨湰鏍峰紡 */
+.blue-text {
+ color: #1989fa;
+ font-weight: 500;
+}
+
+/* 鍝嶅簲寮忎紭鍖� */
+@media (max-width: 375px) {
+ .van-field__label {
+ flex-basis: 30%;
+ font-size: 12px;
+ }
+ .van-col {
+ padding: 2px 1px;
+ margin: 1px 0;
+ font-size: 11px;
+ }
+ .van-tab__panel .van-row {
+ padding: 1px 0;
+ margin: 1px 0;
+ }
+}
+</style>
+</asp:Content>
+
+<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder2" Runat="Server">
+ <div class="content-wrapper">
+ <van-nav-bar
+ title="鐢熶骇棰嗘枡"
+ left-text="杩斿洖"
+ left-arrow
+ @click-left="GoBack()">
+ </van-nav-bar>
+
+ <div class="mySolid">
+ <van-cell-group>
+ <van-field
+ ref="daa001"
+ v-model="modeInfo.daa001"
+ label="宸ュ崟鍗曞彿"
+ clearable
+ placeholder="璇锋壂鐮�"
+ :right-icon-size="19"
+ v-focus.noKeyboard
+ @keyup.enter.native="getModel"
+ autofocus="true">
+ </van-field>
+
+ <van-field
+ v-model="modeInfo.planNo"
+ label="浠诲姟鍗曞彿"
+ clearable
+ :right-icon-size="19"
+ placeholder="浠诲姟鍗曞彿"
+ disabled>
+ </van-field>
+
+ <van-field
+ ref="barcode"
+ v-model="scanInfo.barcode"
+ label="鐗╂枡鏉＄爜"
+ clearable
+ placeholder="璇锋壂鐮�"
+ :right-icon-size="19"
+ v-focus.noKeyboard
+ @keyup.enter.native="getScan">
+ </van-field>
+
+ <van-field
+ v-model="scanInfo.barcodeNum"
+ label="鏉＄爜鏁伴噺"
+ placeholder="鏉＄爜鏁伴噺"
+ disabled>
+ </van-field>
+
+ <van-field
+ ref="splitNum"
+ v-model="scanInfo.splitNum"
+ center
+ clearable
+ label="鍙戞枡鏁伴噺"
+ placeholder="鍙戞枡鏁伴噺">
+ <van-button
+ slot="button"
+ type="info"
+ size="small"
+ plain
+ @click="getChaiFen">
+ 鏉＄爜鎷嗗垎
+ </van-button>
+ </van-field>
+ </van-cell-group>
+ </div>
+
+ <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="3">闇�棰嗘暟</van-col>
- <van-col span="5">宸查鏁�</van-col>
- </van-row>
- <van-row v-for="(itm,index) in ItemDetail.ysitems" :key="index">
- <van-col span="8" class="text-left padding-left">
- <div class="blue-text">{{itm.itemNo}}</div>
- <div>{{itm.itemName}}</div>
- </van-col>
- <van-col span="8" class="text-left padding-left">
- <div>{{itm.itemModel}}</div>
- </van-col>
- <van-col span="3">{{itm.fQty}}</van-col>
- <van-col span="5" class="blue-text">{{itm.sQty}}</van-col>
- </van-row>
- </van-tab>
-</van-tabs>
+ <van-col span="8" 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 ItemDetail.items" :key="index">
+ <van-col span="8" class="text-left padding-left">
+ <div class="blue-text">{{itm.itemNo}}</div>
+ <div>{{itm.itemName}}</div>
+ </van-col>
+ <van-col span="8" class="text-left padding-left">
+ <div>{{itm.itemModel}}</div>
+ </van-col>
+ <van-col span="3" class="blue-text">{{itm.dsQty}}</van-col>
+ <van-col span="5">{{itm.recoKw}}</van-col>
+ </van-row>
+ </van-tab>
+
+ <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="3">闇�棰嗘暟</van-col>
+ <van-col span="5">宸查鏁�</van-col>
+ </van-row>
+ <van-row v-for="(itm,index) in ItemDetail.ysitems" :key="index">
+ <van-col span="8" class="text-left padding-left">
+ <div class="blue-text">{{itm.itemNo}}</div>
+ <div>{{itm.itemName}}</div>
+ </van-col>
+ <van-col span="8" class="text-left padding-left">
+ <div>{{itm.itemModel}}</div>
+ </van-col>
+ <van-col span="3">{{itm.fQty}}</van-col>
+ <van-col span="5" class="blue-text">{{itm.sQty}}</van-col>
+ </van-row>
+ </van-tab>
+ </van-tabs>
+ </div>
</asp:Content>
+
<asp:Content ID="Content3" ContentPlaceHolderID="ContentPlaceHolder3" Runat="Server">
- <comloading v-if="isLoading"></comloading>
- <%--<comback ></comback>--%>
+ <comloading v-if="isLoading"></comloading>
</asp:Content>
+
<asp:Content ID="Content4" ContentPlaceHolderID="ContentPlaceHolder4" Runat="Server">
- <script src="Js/Scll.js?<%=123335 %>"></script>
-</asp:Content>
+ <script src="Js/Scll.js?<%=123336 %>"></script>
+</asp:Content>
\ No newline at end of file
--
Gitblit v1.9.3