From 290d28a91607516e095d871488119e1e4386b69e Mon Sep 17 00:00:00 2001
From: 快乐的昕的电脑 <快乐的昕的电脑@DESKTOP-C2BQPQU>
Date: 星期五, 14 十一月 2025 09:29:08 +0800
Subject: [PATCH] 微调边框
---
components/machine.vue | 101 +++++++++++++++++++++++++++++++-------------------
1 files changed, 63 insertions(+), 38 deletions(-)
diff --git a/components/machine.vue b/components/machine.vue
index c237153..877275f 100644
--- a/components/machine.vue
+++ b/components/machine.vue
@@ -257,12 +257,20 @@
})
}
},
- mounted() {
- // 椤甸潰鍔犺浇鏃讹紝鍚姩瀹氭椂鍣紝姣忛殧5鍒嗛挓鑷姩淇濆瓨锛堝綋鍓嶇ず渚嬩娇鐢� 30s锛屽彲鏀瑰洖 5 鍒嗛挓锛�
- this.autoSaveTimer = setInterval(() => {
- this.save(); // 鐩存帴璋冪敤宸叉湁鐨勪繚瀛樻柟娉曪紙save 宸茶繑鍥� Promise锛�
- }, 1 * 30 * 1000); // 30绉�
- },
+ mounted() {
+ // 椤甸潰鍔犺浇鏃讹紝鍚姩瀹氭椂鍣紝姣忛殧30绉掕嚜鍔ㄤ繚瀛�
+ this.autoSaveTimer = setInterval(() => {
+ // 1. 璋冩満瀹屾垚鏃堕棿鏈変簡灏变笉鑷姩淇濆瓨
+ if (this.maEndTime) {
+ return;
+ }
+ // 2. 閫佹鏃堕棿涓虹┖涔熶笉鑷姩淇濆瓨
+ if (!this.maShoutTime) {
+ return;
+ }
+ this.save(); // 婊¤冻鏉′欢鎵嶈嚜鍔ㄤ繚瀛�
+ }, 1 * 30 * 1000); // 30绉�
+ },
beforeDestroy() {
// 椤甸潰鍗歌浇鏃舵竻鐞嗗畾鏃跺櫒
clearInterval(this.autoSaveTimer);
@@ -286,6 +294,7 @@
position: absolute;
top: 8px;
right: 40px;
+ width: 200px;
z-index: 1000;
}
@@ -294,13 +303,13 @@
background-color: #00A2E9;
color: white;
border: none;
- font-size: 16px;
+ font-size: 22px;
border-radius: 5px;
}
label {
margin-right: 10px;
- font-size: 16px;
+ font-size: 22px;
}
/* 涓棿鐘舵�侀儴鍒嗗竷灞� */
@@ -313,21 +322,23 @@
.item {
display: flex;
flex-direction: row;
- align-items: flex-start;
+ align-items: center;
margin-bottom: 10px;
+ gap: 10px;
}
.item h4 {
- font-size: 14px;
+ font-size: 18px;
line-height: 1.4;
margin: 0;
padding: 5px 0;
}
button {
- width: 100%;
+ width: 50%;
+ flex-shrink: 0;
padding: 10px;
- font-size: 16px;
+ font-size: 22px;
border: none;
text-align: center;
min-height: 40px;
@@ -346,9 +357,10 @@
input {
margin-top: 0;
padding: 8px;
- font-size: 15px;
+ font-size: 24px;
border: 1px solid #ccc;
- width: 100%;
+ width: 50%;
+ flex-grow: 1;
box-sizing: border-box;
}
@@ -366,20 +378,21 @@
padding: 12px;
background-color: #00A2E9;
color: white;
- font-size: 18px;
+ font-size: 24px;
border: none;
text-align: center;
min-height: 45px;
}
- .txt-inp {
- height: 40px;
- padding: 8px;
- font-size: 15px;
- width: 100%;
- box-sizing: border-box;
- margin-top: 0;
- }
+ .txt-inp {
+ height: 70px; /* 澧炲ぇ楂樺害 */
+ padding: 12px; /* 澧炲ぇ鍐呰竟璺� */
+ font-size: 24px; /* 澧炲ぇ瀛椾綋 */
+ width: 50%;
+ flex-grow: 1;
+ box-sizing: border-box;
+ margin-top: 0;
+ }
/* 閽堝1280*717灞忓箷鐨勭壒瀹氫紭鍖� */
@media screen and (max-width: 1280px) and (max-height: 800px) {
@@ -395,22 +408,22 @@
margin-bottom: 8px;
}
- .item h4 {
- font-size: 13px;
- padding: 3px 0;
- }
+ .item h4 {
+ font-size: 16px;
+ padding: 3px 0;
+ }
- button {
- padding: 8px;
- font-size: 15px;
- min-height: 38px;
- }
+ button {
+ padding: 8px;
+ font-size: 20px;
+ min-height: 38px;
+ }
- .txt-inp {
- height: 38px;
- padding: 6px;
- font-size: 14px;
- }
+ .txt-inp {
+ height: 46px;
+ padding: 10px;
+ font-size: 22px;
+ }
.bottom-section {
margin-top: 8px;
@@ -420,8 +433,20 @@
.save-btn,
.cancel-btn {
padding: 10px;
- font-size: 17px;
+ font-size: 22px;
min-height: 42px;
}
+
+ input {
+ font-size: 22px;
+ }
+
+ .refresh-btn {
+ font-size: 20px;
+ }
+
+ label {
+ font-size: 20px;
+ }
}
</style>
\ No newline at end of file
--
Gitblit v1.9.3