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 | 331 ++++++++++++++++++++++++++++++------------------------
1 files changed, 182 insertions(+), 149 deletions(-)
diff --git a/H5/Scll.aspx b/H5/Scll.aspx
index a22014c..f5f4f52 100644
--- a/H5/Scll.aspx
+++ b/H5/Scll.aspx
@@ -1,167 +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-popup--bottom {
- height: 50%;*/ /* 璁剧疆寮圭獥楂樺害 */
-/*}
-
-.printer-item {
- display: flex;
- align-items: center;
- justify-content: space-between;*/ /* 宸﹀彸瀵归綈 */
- /*width: 100%;
+ <style>
+/* 鍏ㄥ眬鏍峰紡浼樺寲 */
+.content-wrapper {
+ margin: 8px;
+ background: #f8f9fa;
+ border-radius: 8px;
+ padding: 3px;
+ box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}
-.printer-info {
- display: flex;
- flex-direction: column;*/ /* 鍨傜洿鎺掑垪缂栧彿鍜孖P鍦板潃 */
- /*flex-grow: 1;*/ /* 鍗犳嵁鍓╀綑绌洪棿 */
-/*}
+/* 琛ㄥ崟瀛楁鍒嗛殧绾� */
+.van-cell-group .van-cell:not(:last-child)::after {
+ border-bottom: 1px solid #eee !important;
+ left: 0;
+ right: 0;
+}
-.printer-id {
- font-size: 16px;
+.mySolid .van-row {
+ border-bottom: .00267rem solid #b1b1b1;
+}
+
+/* 鏍囩棰滆壊璁剧疆 */
+.van-field__label {
+ color: #7c7a7a;
+ flex-basis: 28%;
+}
+
+/* 鏁版嵁鏂囨湰棰滆壊 */
+.van-field__value,
+.van-field__control {
color: #333;
}
-.ip-address {
- font-size: 12px;
- color: #666;
- margin-top: 4px;
+/* 琛屽鍣ㄦ牱寮� */
+.van-tab__panel .van-row {
+ padding: 2px 0;
+ margin: 2px 0;
+ position: relative;
+ border-bottom: 1px solid #eee;
}
-.printer-radio {
- margin-left: 16px;*/ /* 璋冩暣涓庡唴瀹圭殑璺濈 */
-/*}*/
-
+/* 鏁版嵁鍒楁牱寮� */
+.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">
- <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 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.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>
-
-<%--<!-- 寮圭獥缁勪欢 -->
-<van-popup v-model="isPrinterPopupVisible" position="bottom" round>
- <van-radio-group v-model="selectedPrinter" @change="onPrinterSelected">
- <van-cell-group>
- <van-cell
- v-for="(printer, index) in printerList"
- :key="index"
- clickable
- @click="selectPrinter(printer)"
- >
- <!-- 鑷畾涔夊唴瀹瑰竷灞� -->
- <template #default>
- <div class="printer-item">
- <div class="printer-info">
- <span class="printer-id">{{ printer.printerId }}</span>
- <span class="ip-address">{{ printer.ipAddress }}</span>
- </div>
- <van-radio class="printer-radio" :name="printer.printerId"></van-radio>
- </div>
- </template>
- </van-cell>
- </van-cell-group>
- </van-radio-group>
- <div style="text-align: center; margin-top: 10px;">
- <van-button type="info" size="small" @click="confirmSelection">纭</van-button>
- </div>
-</van-popup>--%>
-
-
- <van-tabs color="#000" title-active-color="#0283EF">
- <van-tab title="寰呭彂鐗╂枡" class="mySolid font">
- <van-row>
- <van-col span="12" class="text-left padding-left">鐗╂枡</van-col>
- <van-col span="6">寰呮壂</van-col>
- <van-col span="6">宸叉壂</van-col>
- </van-row>
- <van-row v-for="(itm,index) in ItemDetail.daisao" :key="index">
- <van-col span="12" class="text-left padding-left">
- <div>{{itm.itemNo}}</div>
- <div>{{itm.itemName}}</div>
- </van-col>
- <van-col span="6">{{itm.dab006}}</van-col>
- <van-col span="6">{{itm.dab007}}</van-col>
- </van-row>
- </van-tab>
- <van-tab title="鐗╂枡鎬绘竻鍗�" class="mySolid font">
- <van-row>
- <van-col span="12" class="text-left padding-left">鐗╂枡</van-col>
- <van-col span="6">闇�棰嗘暟</van-col>
- <van-col span="6">宸查鏁�</van-col>
- </van-row>
- <van-row v-for="(itm,index) in ItemDetail.totals" :key="index">
- <van-col span="12" class="text-left padding-left">
- <div>{{itm.itemNo}}</div>
- <div>{{itm.itemName}}</div>
- </van-col>
- <van-col span="6">{{itm.dab006}}</van-col>
- <van-col span="6">{{itm.dab007}}</van-col>
- </van-row>
- </van-tab>
-</van-tabs>
</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?<%=123334 %>"></script>
-</asp:Content>
+ <script src="Js/Scll.js?<%=123336 %>"></script>
+</asp:Content>
\ No newline at end of file
--
Gitblit v1.9.3