From f9c16d3b9648b768c4afb8e23166694d37e8342d Mon Sep 17 00:00:00 2001
From: 快乐的昕的电脑 <快乐的昕的电脑@DESKTOP-C2BQPQU>
Date: 星期一, 24 十一月 2025 09:54:24 +0800
Subject: [PATCH] 调试

---
 pages/index.vue |  157 ++++++++++++++++++++++++++++++++-------------------
 1 files changed, 98 insertions(+), 59 deletions(-)

diff --git a/pages/index.vue b/pages/index.vue
index 801878a..7c444c2 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -18,8 +18,8 @@
 				鐢熶骇鎶ュ伐
 			</view>
 			<view class="tab-item" :class="{ active: currentTab === 1 }" @click="changeTab(1)">
-		        寮�宸ュ畬宸�
-	        </view> 
+				寮�宸ュ畬宸�
+			</view>
 			<view class="tab-item" :class="{ active: currentTab === 5 }" @click="changeTab(5)">
 				e-SOP
 			</view>
@@ -30,8 +30,8 @@
 				璁惧鐐规
 			</view>
 			<!-- <view class="tab-item" :class="{ active: currentTab === 8 }" @click="changeTab(8)">
-		鎵撳嵃鏈鸿缃�
-	</view> -->
+			鎵撳嵃鏈鸿缃�
+		</view> -->
 
 		</view>
 		<view class="font"></view>
@@ -45,12 +45,13 @@
 						<h4>涓�鍙版満鍙板彧鑳介�夋嫨涓�鏉″伐鍗曪紙澶氶�夐粯璁や负鏈�鍚庝竴鏉★級</h4>
 					</view>
 					<view class="section top-section">
+						<!--鏄剧ず褰撳墠鏈哄彴-->
 						<view class="form-row">
 							<view>
-								<!-- <label style="float: left;font-family: fantasy;font-size: 33px;margin-top: 20px">绗竴姝ラ�夋嫨鏈哄彴:</label> -->
-								<!-- <superwei-combox :candidates="machineList" placeholder="璇烽�夋嫨" v-model="machineName"
-								@select="onMachineChange" class="picker"></superwei-combox> -->
-								<input v-model="machineName" disabled="true" type="text" style="float: left;font-family: fantasy;font-size: 33px;margin-top: 20px" />
+								<input v-model="machineName"
+									   disabled="true"
+									   type="text"
+									   class="machine-name-box" />
 							</view>
 						</view>
 
@@ -130,9 +131,9 @@
 
 					<view>
 						<!--<text style="color: red;">
-							璇存槑:鍙兘鍚屾椂寮�宸ヤ竴涓伐鍗曘�傞�夋嫨瀹屾垚锛岀偣鍑讳繚瀛橀�夋嫨銆傜郴缁熶繚鐣欓�変腑鐨勫伐鍗曘��
-							濡傛灉瑕侀噸閫夛紝鐐瑰嚮娓呯┖閲嶉�夊姛鑳姐��
-						</text>-->
+						璇存槑:鍙兘鍚屾椂寮�宸ヤ竴涓伐鍗曘�傞�夋嫨瀹屾垚锛岀偣鍑讳繚瀛橀�夋嫨銆傜郴缁熶繚鐣欓�変腑鐨勫伐鍗曘��
+						濡傛灉瑕侀噸閫夛紝鐐瑰嚮娓呯┖閲嶉�夊姛鑳姐��
+					</text>-->
 					</view>
 				</view>
 			</view>
@@ -191,21 +192,26 @@
 
 						<view class="section card">
 							<uni-table ref="table" type="selection" border stripe emptyText="鏆傛棤鏇村鏁版嵁"
-									   @selection-change="selectionChange">
+									   class="large-selection-table" @selection-change="selectionChange">
 								<uni-tr>
-									<uni-th align="center" class="th" style="color: #FFFFFF">宸ュ簭</uni-th>
-									<uni-th align="center" class="th" style="color: #FFFFFF">宸ュ崟鍙�</uni-th>
-									<uni-th align="center" class="th" style="color: #FFFFFF">浜у搧缂栫爜</uni-th>
-									<uni-th align="center" class="th" style="color: #FFFFFF">浜у搧鍚嶇О</uni-th>
-									<uni-th align="center" class="th" style="color: #FFFFFF">瑙勬牸</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>
-									<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>
+									<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: 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: 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>
 								</uni-tr>
-								<uni-tr v-for="(item, index) in tableData" :key="index">
+								<uni-tr v-for="(item, index) in tableData"
+										:key="index"
+										:class="{'row-selected': selectedIndexs.includes(index)}"
+										@click="onRowClick(index)"
+										style="cursor: pointer;">
 									<uni-td align="center">
 										<input class="form-input" disabled="true" type="text" v-model="item.procName" /><!--宸ュ簭-->
 									</uni-td>
@@ -338,6 +344,11 @@
 			this.refresh();
 		},
 		methods: {
+            onRowClick(index) {
+                this.selectedIndexs = [index]; // 鍗曢��
+                // 鎵嬪姩瑙﹀彂 selectionChange 浠ュ悓姝ュ閫夋
+                this.selectionChange({ detail: { index } });
+            },
 			checkForUpdate() {
 				this.$post({
 					url: "/DevMachine/getAppUpgradeInfo",
@@ -742,6 +753,19 @@
 </script>
 
 <style lang="scss">
+
+    :deep(.checkbox),
+    :deep(.checkbox__inner) {
+        padding: 10px !important;
+        width: 44px !important;
+        min-width: 44px !important;
+        box-sizing: border-box;
+    }
+
+    .row-selected {
+        background-color: #e0f3ff !important;
+    }
+
 	.font {
 		background-color: #666666;
 		height: 30px;
@@ -980,16 +1004,15 @@
 		align-items: center;
 	}
 
-	.popup {
-		background-color: #fff;
-		padding: 2vh;
-		border: 1px solid #ccc;
-		box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
-		width: 90vw;
-		height: 70vh;
-		font-size: 1.6vw;
-		/* Increased font size within popups */
-	}
+    .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锛岃皟楂� */
+        font-size: 1.6vw;
+    }
 
 	.print-btn {
 		float: left;
@@ -1003,6 +1026,35 @@
 		cursor: pointer;
 		border-radius: 0.8vw;
 	}
+
+    .machine-name-box {
+        border: 2px solid #e53935; /* 绾㈣壊杈规 */
+        border-radius: 8px;
+        font-family: fantasy;
+        font-size: 33px;
+        margin-top: 20px;
+        padding: 15px 48px; /* 涓婁笅20px锛屽乏鍙�48px锛屽鍔犲唴杈硅窛 */
+        width: 500px; /* 鏇村锛屼繚璇佸唴瀹瑰畬鏁存樉绀� */
+        height: 70px; /* 澧炲姞楂樺害 */
+        box-sizing: border-box;
+        background: #fff;
+        color: #222;
+        font-weight: bold;
+        text-align: left;
+        display: block;
+    }
+
+/*    //v-deep .checkbox {
+    //    padding: 10 10px;
+    //    width: 26px;
+    //    padding-left: 12px;
+    //    display: table-cell;
+    //    vertical-align: middle;
+    //    color: #333;
+    //    font-weight: 500;
+    //    border-bottom: 1px #ebeef5 solid;
+    //    font-size: 14px;
+    //}*/
 
 	@media screen and (max-width: 1920px) {
 		.tab-item {
@@ -1019,33 +1071,20 @@
 		}
 	}
 
-    /* 鏀惧ぇ uni-table 鐨勫閫夋锛坈heckbox锛� */
-    :deep(.uni-table .uni-checkbox-wrapper),
-    :deep(.uni-table .uni-checkbox-input) {
-        width: 48px !important;
-        height: 48px !important;
-        min-width: 48px !important;
-        min-height: 48px !important;
-        display: flex !important;
-        align-items: center !important;
-        justify-content: center !important;
-        box-sizing: border-box !important;
+    .uni-td, .uni-th, td, th {
+        word-break: break-all;
+        white-space: normal;
+        /* 鍙�夛細璁剧疆鏈�澶у搴︼紝闃叉鎾戠牬琛ㄦ牸 */
+        max-width: 180px;
+        overflow-wrap: break-word;
     }
 
-    /* 鍙 input[type=checkbox] 鏀惧ぇ锛屼笉瑕佸姞 :deep() */
-    .uni-table .uni-checkbox-input input[type="checkbox"] {
-        transform: scale(2.2) !important;
-        accent-color: #007aff !important;
-        cursor: pointer !important;
-    }
-
-    /* 鏀惧ぇ uni-table 鐨勫閫夋鍒楀 */
-    :deep(.uni-table .uni-table-selection),
-    :deep(.uni-table th.is-selection),
-    :deep(.uni-table td.is-selection) {
-        width: 100px !important;
-        min-width: 100px !important;
-        max-width: 120px !important;
+    // 鏀惧ぇ寮圭獥鍐呰〃鏍煎瓧浣擄紙琛ㄥご鍜屽唴瀹癸級
+    .popup .large-selection-table,
+    .popup .large-selection-table .uni-th,
+    .popup .large-selection-table .uni-td,
+    .popup .large-selection-table input.form-input {
+        font-size: 2.2vw !important; // 鍙牴鎹疄闄呴渶姹傝皟鏁�
     }
 
 	/* 閽堝1280x800鐨勫钩鏉夸娇鐢ㄥ獟浣撴煡璇㈣繘琛岄�傞厤 */

--
Gitblit v1.9.3