From df0beceef628abba4befd67edab8e6b81cc749b6 Mon Sep 17 00:00:00 2001
From: 快乐的昕的电脑 <快乐的昕的电脑@DESKTOP-C2BQPQU>
Date: 星期一, 24 十一月 2025 11:29:07 +0800
Subject: [PATCH] 调试
---
pages/index.vue | 202 +++++++++++++++++++++-----------------------------
1 files changed, 86 insertions(+), 116 deletions(-)
diff --git a/pages/index.vue b/pages/index.vue
index efd42ab..3969e46 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -195,17 +195,17 @@
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: 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: 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-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"
@@ -346,6 +346,8 @@
methods: {
onRowClick(index) {
this.selectedIndexs = [index]; // 鍗曢��
+ // 鎵嬪姩瑙﹀彂 selectionChange 浠ュ悓姝ュ閫夋
+ this.selectionChange({ detail: { index } });
},
checkForUpdate() {
this.$post({
@@ -752,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;
}
@@ -949,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;
@@ -962,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 {
@@ -994,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;
@@ -1035,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 {
@@ -1051,84 +1073,44 @@
}
}
- .uni-td, .uni-th, td, th {
- word-break: break-all;
- white-space: normal;
- /* 鍙�夛細璁剧疆鏈�澶у搴︼紝闃叉鎾戠牬琛ㄦ牸 */
- max-width: 180px;
- overflow-wrap: break-word;
+ .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; // 鍏煎鎬ф洿濂�
}
-
- :deep(.el-checkbox) {
- min-width: 60px !important;
- min-height: 60px !important;
- display: flex !important;
- align-items: center !important;
- justify-content: center !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; // 鍙牴鎹疄闄呴渶姹傝皟鏁�
}
- :deep(.el-checkbox__input) {
- width: 44px !important;
- height: 44px !important;
- font-size: 44px !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;
}
- :deep(.el-checkbox__inner) {
- width: 44px !important;
- height: 44px !important;
- border-radius: 8px !important;
- border: 2px solid #007aff !important;
- }
-
- :deep(.el-checkbox__input.is-checked .el-checkbox__inner) {
- background-color: #007aff !important;
- border-color: #007aff !important;
- }
-
- /* 瑕嗙洊 uni-table 閫夋嫨鍒楀ぇ灏忎笌鍐呰竟璺濓紙H5 涓庨潪 H5 閫氱敤锛� */
- .uni-table .uni-table-tr > .checkbox {
- padding: 10px 10px 10px 14px !important; /* 浣犵殑瑕佹眰锛歱adding=10px锛屽彲绋嶅井宸︾缉杩� */
- width: 90px !important; /* 鎵╁鏁村垪 */
- box-sizing: border-box;
-
- }
-
- .uni-table .uni-table-tr > .checkbox .uni-table-checkbox {
- margin: 0 !important; /* 鍘绘帀鍐呴儴榛樿涓婁笅 margin */
-
- }
-
- .uni-table .uni-table-tr > .checkbox .checkbox__inner {
- width: 36px !important;
- height: 36px !important;
- border-radius: 6px !important;
- border: 2px solid #007aff !important;
-
- }
-
- .uni-table .uni-table-tr > .checkbox .checkbox__inner.is-checked {
- background-color: #007aff !important;
- border-color: #007aff !important;
-
- }
-
- .uni-table .uni-table-tr > .checkbox .checkbox__inner-icon {
- top: 6px !important;
- left: 11px !important;
- height: 18px !important;
- width: 8px !important;
- border-width: 3px !important;
-
- }
-
-
- /* 琛ㄥご琛岋紙绗竴琛岋級checkbox 涔熷姞澶э紙H5 鐨� <th class="checkbox">锛� */
- table.uni-table tr .checkbox {
- padding: 10px 10px 10px 14px !important;
- width: 90px !important;
-
+/* 鏀惧ぇ琛ㄥご鍜岃〃鏍煎唴瀹瑰瓧浣� */
+ .th,
+ .uni-th,
+ th {
+ font-size: 1.7vw !important;
+ font-weight: bold;
+ letter-spacing: 2px;
}
/* 閽堝1280x800鐨勫钩鏉夸娇鐢ㄥ獟浣撴煡璇㈣繘琛岄�傞厤 */
@@ -1156,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