From df0beceef628abba4befd67edab8e6b81cc749b6 Mon Sep 17 00:00:00 2001
From: 快乐的昕的电脑 <快乐的昕的电脑@DESKTOP-C2BQPQU>
Date: 星期一, 24 十一月 2025 11:29:07 +0800
Subject: [PATCH] 调试
---
pages/index.vue | 143 ++++++++++++++++++++++++++++++++---------------
1 files changed, 97 insertions(+), 46 deletions(-)
diff --git a/pages/index.vue b/pages/index.vue
index 9e6863c..3969e46 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -192,19 +192,20 @@
<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: 140px;">宸ュ崟鍙�</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: 200px;">瑙勬牸</uni-th>
+ <uni-th align="center" class="th" style="color: #FFFFFF; width: 70px;">宸茬敓浜ф暟閲�</uni-th>
+ <uni-th align="center" class="th" style="color: #FFFFFF; width: 70px;">鏈敓浜ф暟閲�</uni-th>
+ <uni-th align="center" class="th" style="color: #FFFFFF; width: 70px;">娲惧伐鏁伴噺</uni-th>
+ <uni-th align="center" class="th" style="color: #FFFFFF; width: 70px;">宸ュ崟鏁伴噺</uni-th>
+ <uni-th align="center" class="th" style="color: #FFFFFF; width: 90px;">宸ュ崟鐘舵��</uni-th>
+ <uni-th align="center" class="th" style="color: #FFFFFF; width: 90px;">鎶ュ伐浜�</uni-th>
+ <uni-th align="center" class="th" style="color: #FFFFFF; width: 90px;">閫夋嫨</uni-th>
</uni-tr>
<uni-tr v-for="(item, index) in tableData"
:key="index"
@@ -345,6 +346,8 @@
methods: {
onRowClick(index) {
this.selectedIndexs = [index]; // 鍗曢��
+ // 鎵嬪姩瑙﹀彂 selectionChange 浠ュ悓姝ュ閫夋
+ this.selectionChange({ detail: { index } });
},
checkForUpdate() {
this.$post({
@@ -751,6 +754,14 @@
<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;
}
@@ -948,12 +959,13 @@
transition: background 0.2s;
}
- .th {
- background-color: lightskyblue;
- height: 6vh;
- font-size: 2vw;
- /* Increased font size for table headers */
- }
+ .th {
+ background-color: lightskyblue;
+ height: 6vh;
+ font-size: 2vw;
+ font-size: 2.6vw; /* 瀛椾綋鏇村ぇ */
+ /* Increased font size for table headers */
+ }
.form-input {
font-size: 1.8vw;
@@ -961,12 +973,13 @@
}
/* 搴曢儴淇濆瓨鍜屽彇娑堟寜閽� */
- .bottom-section {
- display: flex;
- justify-content: space-around;
- margin-bottom: 2vh;
- padding: 2vh 1vw;
- }
+ .bottom-section {
+ display: flex;
+ justify-content: space-around;
+ margin-bottom: 2vh;
+ padding: 2vh 1vw;
+ margin-top: 40px; // 鏂板锛氳鎸夐挳鏁翠綋涓嬬Щ
+ }
.save-btn,
.cancel-btn {
@@ -993,16 +1006,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;
@@ -1034,6 +1046,17 @@
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 {
@@ -1049,6 +1072,46 @@
font-size: 1.6vw;
}
}
+
+ .uni-td,
+ td {
+ white-space: normal !important; // 鍏佽鑷姩鎹㈣
+ word-break: break-all !important; // 鍗曡瘝/涓枃閮借兘鏂
+ line-height: 1.4; // 琛岄珮閫傚綋锛屼究浜庡琛屾樉绀�
+ text-align: center; // 灞呬腑鏄剧ず锛堝闇�宸﹀榻愬彲鏀逛负 left锛�
+ vertical-align: middle; // 鍨傜洿灞呬腑
+ max-width: 180px; // 淇濇寔鍗曞厓鏍兼渶澶у搴�
+ overflow-wrap: break-word; // 鍏煎鎬ф洿濂�
+ }
+
+ // 鏀惧ぇ寮圭獥鍐呰〃鏍煎瓧浣擄紙琛ㄥご鍜屽唴瀹癸級
+ .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; // 鍙牴鎹疄闄呴渶姹傝皟鏁�
+ }
+
+ .select-btn {
+ width: 180px; // 鏇村
+ height: 80px; // 鏇撮珮
+ font-size: 1.8vw; // 瀛椾綋涔熺暐澶�
+ border-radius: 10px;
+ background-color: #f5f5f5;
+ color: #007aff;
+ border: 2px solid #007aff;
+ margin: 0 auto;
+ display: block;
+ }
+
+/* 鏀惧ぇ琛ㄥご鍜岃〃鏍煎唴瀹瑰瓧浣� */
+ .th,
+ .uni-th,
+ th {
+ font-size: 1.7vw !important;
+ font-weight: bold;
+ letter-spacing: 2px;
+ }
/* 閽堝1280x800鐨勫钩鏉夸娇鐢ㄥ獟浣撴煡璇㈣繘琛岄�傞厤 */
@media screen and (min-width: 1280px) and (max-width: 1920px) {
@@ -1075,17 +1138,5 @@
font-size: 20px;
}
}
-
- .select-btn {
- width: 180px; // 鏇村
- height: 80px; // 鏇撮珮
- font-size: 1.8vw; // 瀛椾綋涔熺暐澶�
- border-radius: 10px;
- background-color: #f5f5f5;
- color: #007aff;
- border: 2px solid #007aff;
- margin: 0 auto;
- display: block;
- }
</style>
--
Gitblit v1.9.3