From 0e33ef271afb81adeeff152dafac744ec1a50a0c Mon Sep 17 00:00:00 2001
From: 快乐的昕的电脑 <快乐的昕的电脑@DESKTOP-C2BQPQU>
Date: 星期三, 03 十二月 2025 17:29:20 +0800
Subject: [PATCH] 调试
---
pages/index.vue | 162 ++++++++++++++++++++++++++++++++++++------------------
1 files changed, 108 insertions(+), 54 deletions(-)
diff --git a/pages/index.vue b/pages/index.vue
index dc1675d..29e7ddc 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -38,27 +38,24 @@
<scroll-view class="content">
<view v-if="currentTab === 7" class="tab-content">
<view class="content">
- <view class="top-right">
+ <!--<view class="top-right">
<button class="refresh-btn" @click="refresh">鍒锋柊</button>
- </view>
+ </view>-->
<view>
<h4>涓�鍙版満鍙板彧鑳介�夋嫨涓�鏉″伐鍗曪紙澶氶�夐粯璁や负鏈�鍚庝竴鏉★級</h4>
</view>
<view class="section top-section">
- <!--鏄剧ず褰撳墠鏈哄彴-->
- <view class="form-row">
- <view>
- <input v-model="machineName"
- disabled="true"
- type="text"
- class="machine-name-box" />
- </view>
- </view>
-
- <view class="form-row">
- <view>
- <label style="float: left;font-family: fantasy;font-size: 33px;margin-top: 20px;">绗竴姝ラ�夋嫨宸ュ崟:</label>
+ <view class="form-row align-row">
+ <input v-model="machineName"
+ disabled="true"
+ type="text"
+ class="machine-name-box" />
+ <view class="form-group">
+ <label class="order-label">绗竴姝ラ�夋嫨宸ュ崟:</label>
<button class="print-btn" @click="isShowTab">閫夋嫨宸ュ崟</button>
+ </view>
+ <view class="top-right">
+ <button class="refresh-btn" @click="refresh">鍒锋柊</button>
</view>
</view>
</view>
@@ -85,16 +82,16 @@
<input class="form-input" disabled="true" type="text" v-model="item.procName" /><!--宸ュ簭-->
</uni-td>
<uni-td align="center">
- <input class="form-input" disabled="true" type="text" v-model="item.daa001" /><!--宸ュ崟鍙�-->
+ <div class="form-input">{{ item.daa001 }}</div><!--宸ュ崟鍙�-->
</uni-td>
<uni-td align="center">
- <input class="form-input" disabled="true" type="text" v-model="item.daa002" /><!--浜у搧缂栫爜-->
+ <div class="form-input">{{ item.daa002 }}</div><!--浜у搧缂栫爜-->
</uni-td>
<uni-td align="center">
- <input class="form-input" disabled="true" type="text" v-model="item.daa003" /><!--浜у搧鍚嶇О-->
+ <div class="form-input">{{ item.daa003 }}</div><!--浜у搧鍚嶇О-->
</uni-td>
<uni-td align="center">
- <input class="form-input" disabled="true" type="text" v-model="item.daa004" /><!--瑙勬牸-->
+ <div class="form-input">{{ item.daa004 }}</div><!--瑙勬牸-->
</uni-td>
<uni-td align="center">
<input class="form-input" disabled="true" type="text" v-model="item.daa011" /><!--宸茬敓浜ф暟閲�-->
@@ -106,7 +103,8 @@
<input class="form-input" disabled="true" type="text" v-model="item.daa008" /><!--娲惧伐鏁伴噺-->
</uni-td>
<!--<uni-td align="center">
- <input class="form-input" disabled="true" type="text" v-model="item.daa008" />--><!--宸ュ崟鏁伴噺-->
+ <input class="form-input" disabled="true" type="text" v-model="item.daa008" />-->
+ <!--宸ュ崟鏁伴噺-->
<!--</uni-td>-->
<uni-td align="center">
<input class="form-input" disabled="true" type="text" v-model="item.daa018" /><!--宸ュ崟鐘舵��-->
@@ -194,15 +192,15 @@
<uni-table ref="table" type="selection" border stripe emptyText="鏆傛棤鏇村鏁版嵁"
class="large-selection-table" @selection-change="selectionChange">
<uni-tr>
- <uni-th align="center" class="th" style="color: #FFFFFF; width: 100px;">宸ュ簭</uni-th>
- <uni-th align="center" class="th" style="color: #FFFFFF; width: 120px;">宸ュ崟鍙�</uni-th>
- <uni-th align="center" class="th" style="color: #FFFFFF; width: 120px;">浜у搧缂栫爜</uni-th>
+ <uni-th align="center" class="th" style="color: #FFFFFF; width: 170px;">宸ュ簭</uni-th>
+ <uni-th align="center" class="th" style="color: #FFFFFF; width: 490px;">宸ュ崟鍙�</uni-th>
+ <uni-th align="center" class="th" style="color: #FFFFFF; width: 250px;">浜у搧缂栫爜</uni-th>
<uni-th align="center" class="th" style="color: #FFFFFF; width: 260px;">浜у搧鍚嶇О</uni-th>
<uni-th align="center" class="th" style="color: #FFFFFF; width: 260px;">瑙勬牸</uni-th>
<uni-th align="center" class="th" style="color: #FFFFFF; width: 80px;">宸茬敓浜ф暟閲�</uni-th>
<uni-th align="center" class="th" style="color: #FFFFFF; width: 80px;">鏈敓浜ф暟閲�</uni-th>
<uni-th align="center" class="th" style="color: #FFFFFF; width: 80px;">娲惧伐鏁伴噺</uni-th>
- <uni-th align="center" class="th" style="color: #FFFFFF; width: 80px;">宸ュ崟鏁伴噺</uni-th>
+ <!--<uni-th align="center" class="th" style="color: #FFFFFF; width: 80px;">宸ュ崟鏁伴噺</uni-th>-->
<uni-th align="center" class="th" style="color: #FFFFFF; width: 100px;">宸ュ崟鐘舵��</uni-th>
<uni-th align="center" class="th" style="color: #FFFFFF; width: 100px;">鎶ュ伐浜�</uni-th>
<!--<uni-th align="center" class="th" style="color: #FFFFFF; width: 100px;">閫夋嫨</uni-th>-->
@@ -216,16 +214,16 @@
<input class="form-input" disabled="true" type="text" v-model="item.procName" /><!--宸ュ簭-->
</uni-td>
<uni-td align="center">
- <input class="form-input" disabled="true" type="text" v-model="item.daa001" />
+ <div class="form-input">{{ item.daa001 }}</div>
</uni-td>
<uni-td align="center">
- <input class="form-input" disabled="true" type="text" v-model="item.daa002" />
+ <div class="form-input">{{ item.daa002 }}</div>
</uni-td>
<uni-td align="center">
- <input class="form-input" disabled="true" type="text" v-model="item.daa003" /><!--浜у搧鍚嶇О-->
+ <div class="form-input">{{ item.daa003 }}</div>
</uni-td>
<uni-td align="center">
- <input class="form-input" disabled="true" type="text" v-model="item.daa004" /><!--瑙勬牸-->
+ <div class="form-input">{{ item.daa004 }}</div><!--瑙勬牸-->
</uni-td>
<uni-td align="center">
<input class="form-input" disabled="true" type="text" v-model="item.daa011" /><!--宸茬敓浜ф暟閲�-->
@@ -236,9 +234,10 @@
<uni-td align="center">
<input class="form-input" disabled="true" type="text" v-model="item.daa008" /><!--娲惧伐鏁伴噺-->
</uni-td>
- <uni-td align="center">
- <input class="form-input" disabled="true" type="text" v-model="item.daa008" /><!--宸ュ崟鏁伴噺-->
- </uni-td>
+ <!--<uni-td align="center">
+ <input class="form-input" disabled="true" type="text" v-model="item.daa008" />-->
+ <!--宸ュ崟鏁伴噺-->
+ <!--</uni-td>-->
<uni-td align="center">
<input class="form-input" disabled="true" type="text" v-model="item.daa018" /><!--宸ュ崟鐘舵��-->
</uni-td>
@@ -764,8 +763,9 @@
margin-right: 20px !important;
}
- .popup .large-selection-table .uni-tr:hover {
- background: #d0ebff !important;
+ .popup .large-selection-table {
+ width: 100% !important;
+ table-layout: auto !important; // 璁╄〃鏍艰嚜鍔ㄥ垎閰嶅搴�
}
.row-selected {
@@ -982,10 +982,16 @@
/* Increased font size for table headers */
}
- .form-input {
- font-size: 1.8vw;
- /* Increased input font size */
- }
+ .form-input {
+ word-break: break-all;
+ white-space: normal;
+ line-height: 1.4;
+ text-align: center;
+ vertical-align: middle;
+ max-width: 180px;
+ overflow-wrap: break-word;
+ font-size: 1.8vw;
+ }
/* 搴曢儴淇濆瓨鍜屽彇娑堟寜閽� */
.bottom-section {
@@ -993,7 +999,7 @@
justify-content: space-around;
margin-bottom: 2vh;
padding: 2vh 1vw;
- margin-top: 40px; // 鏂板锛氳鎸夐挳鏁翠綋涓嬬Щ
+ margin-top: 160px; // 鍘熸潵鏄�40px锛屾敼鎴�80px锛屾寜閽暣浣撲笅绉�
}
.save-btn,
@@ -1009,25 +1015,26 @@
cursor: pointer;
}
- .overlay {
- position: fixed;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- background-color: rgba(0, 0, 0, 0.5);
- display: flex;
- justify-content: center;
- align-items: center;
- }
+ .overlay {
+ position: fixed;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ background-color: rgba(0, 0, 0, 0.5);
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ z-index: 2000; // 澧炲姞z-index锛岀‘淇濆脊绐楀湪鍒锋柊鎸夐挳涔嬩笂
+ }
.popup {
background-color: #fff;
padding: 2vh;
border: 1px solid #ccc;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
- width: 90vw;
- height: 85vh; /* 鍘�70vh锛岃皟楂� */
+ width: 98vw; // 鍘熸潵鏄� 90vw锛屾敼鎴� 98vw
+ height: 85vh;
font-size: 1.6vw;
}
@@ -1045,13 +1052,13 @@
}
.machine-name-box {
- border: 2px solid #e53935; /* 绾㈣壊杈规 */
+ border: 2px solid #007aff; /* 钃濊壊杈规 */
border-radius: 8px;
font-family: fantasy;
font-size: 33px;
margin-top: 20px;
- padding: 15px 48px; /* 涓婁笅20px锛屽乏鍙�48px锛屽鍔犲唴杈硅窛 */
- width: 500px; /* 鏇村锛屼繚璇佸唴瀹瑰畬鏁存樉绀� */
+ padding: 15px 28px; /* 涓婁笅20px锛屽乏鍙�48px锛屽鍔犲唴杈硅窛 */
+ width: 300px; /* 鏇村锛屼繚璇佸唴瀹瑰畬鏁存樉绀� */
height: 70px; /* 澧炲姞楂樺害 */
box-sizing: border-box;
background: #fff;
@@ -1119,6 +1126,53 @@
display: block;
}
+ .top-section {
+ position: relative;
+ display: flex;
+ flex-direction: column;
+ margin-bottom: 20px;
+ padding: 20px 10px;
+ }
+
+ .form-row.align-row {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ position: relative;
+ width: 100%;
+ }
+
+ .machine-name-box {
+ flex: 1 1 45%;
+ margin-right: 20px;
+ }
+
+ .form-group {
+ display: flex;
+ align-items: center;
+ flex: 1 1 45%;
+ justify-content: flex-start;
+ }
+
+ .order-label {
+ font-family: fantasy;
+ font-size: 33px;
+ margin-top: 20px;
+ margin-right: 10px;
+ float: none;
+ }
+
+ .print-btn {
+ margin-top: 20px;
+ }
+
+ .top-right {
+ position: absolute;
+ top: -30px; // 寰�涓婄Щ
+ right: 0;
+ z-index: 1000;
+ }
+
/* 鏀惧ぇ琛ㄥご鍜岃〃鏍煎唴瀹瑰瓧浣� */
.th,
.uni-th,
--
Gitblit v1.9.3