From db9da55085de9447e2cc3783ccf7b3ec01f82f70 Mon Sep 17 00:00:00 2001
From: 快乐的昕的电脑 <快乐的昕的电脑@DESKTOP-C2BQPQU>
Date: 星期三, 03 十二月 2025 16:14:45 +0800
Subject: [PATCH] 第一行实时计算寿命比%
---
components/machine.vue | 257 +++++++++++++++++++++++++-------------------------
1 files changed, 128 insertions(+), 129 deletions(-)
diff --git a/components/machine.vue b/components/machine.vue
index 2f01825..6095314 100644
--- a/components/machine.vue
+++ b/components/machine.vue
@@ -19,11 +19,11 @@
</view>
<view class="item">
<!-- 璋冩満寮�濮嬫寜閽紝maStartTime鏈夊�兼椂绂佺敤 -->
- <button :class="maStartTime ? 'btn-disabled' : 'btn-blue'"
- :disabled="!!maStartTime"
- @click="handleMaStartTime">
- 璋冩満寮�濮�
- </button>
+ <button :class="maStartTime ? 'btn-disabled' : 'btn-blue'"
+ :disabled="!!maStartTime"
+ @click="handleMaStartTime">
+ 璋冩満寮�濮�(=涓婂垁瀹屾垚)
+ </button>
<!-- 鏄剧ず璋冩満寮�濮嬫椂闂� -->
<input class="txt-inp" v-model="maStartTime" placeholder="鐐瑰嚮鎸夐挳甯﹀嚭璋冩満鏃堕棿" disabled="true" />
</view>
@@ -279,175 +279,174 @@
</script>
<style scoped>
- /* 椤甸潰鏁翠綋甯冨眬 */
- .page {
- padding: 8px;
- display: flex;
- flex-direction: column;
- justify-content: space-between;
- box-sizing: border-box;
- height: 100%;
- }
+ /* 椤甸潰鏁翠綋甯冨眬 */
+ .page {
+ padding: 8px;
+ display: flex;
+ flex-direction: column;
+ justify-content: space-between;
+ box-sizing: border-box;
+ height: 100%;
+ }
- /* 鍙充笂瑙掑埛鏂版寜閽� */
- .top-right {
- position: absolute;
- top: 8px;
- right: 40px;
- width: 200px;
- z-index: 1000;
- }
+ /* 鍙充笂瑙掑埛鏂版寜閽� */
+ .top-right {
+ position: absolute;
+ top: 8px;
+ right: 40px;
+ width: 200px;
+ z-index: 1000;
+ }
- .refresh-btn {
- padding: 8px 16px;
- background-color: #00A2E9;
- color: white;
- border: none;
- font-size: 22px;
- border-radius: 5px;
- }
+ .refresh-btn {
+ padding: 8px 16px;
+ background-color: #00A2E9;
+ color: white;
+ border: none;
+ font-size: 24px;
+ border-radius: 5px;
+ }
- label {
- margin-right: 10px;
- font-size: 22px;
- }
+ label {
+ margin-right: 10px;
+ font-size: 24px;
+ }
- /* 涓棿鐘舵�侀儴鍒嗗竷灞� */
- .middle-section {
- display: flex;
- flex-direction: column;
- margin-bottom: 8px;
- }
+ /* 涓棿鐘舵�侀儴鍒嗗竷灞� */
+ .middle-section {
+ display: flex;
+ flex-direction: column;
+ margin-bottom: 8px;
+ }
- .item {
- display: flex;
- flex-direction: row;
- align-items: center;
- margin-bottom: 10px;
- gap: 10px;
- }
+ .item {
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+ margin-bottom: 10px;
+ gap: 10px;
+ }
- .item h4 {
- font-size: 18px;
- line-height: 1.4;
- margin: 0;
- padding: 5px 0;
- }
+ .item h4 {
+ font-size: 24px;
+ line-height: 1.4;
+ margin: 0;
+ padding: 5px 0;
+ }
- button {
- width: 50%;
- flex-shrink: 0;
- padding: 10px;
- font-size: 22px;
- border: none;
- text-align: center;
- min-height: 40px;
- }
+ button {
+ width: 50%;
+ flex-shrink: 0;
+ padding: 10px;
+ font-size: 24px;
+ border: none;
+ text-align: center;
+ min-height: 40px;
+ }
- .btn-disabled {
- background-color: #ccc;
- color: white;
- }
+ .btn-disabled {
+ background-color: #ccc;
+ color: white;
+ }
- .btn-blue {
- background-color: #00A2E9;
- color: white;
- }
+ .btn-blue {
+ background-color: #00A2E9;
+ color: white;
+ }
- input {
- margin-top: 0;
- padding: 8px;
- font-size: 24px;
- border: 1px solid #ccc;
- width: 50%;
- flex-grow: 1;
- box-sizing: border-box;
- }
+ input {
+ margin-top: 0;
+ padding: 8px;
+ font-size: 24px;
+ border: 1px solid #ccc;
+ width: 50%;
+ flex-grow: 1;
+ box-sizing: border-box;
+ }
- /* 搴曢儴淇濆瓨/鍙栨秷鎸夐挳甯冨眬 */
- .bottom-section {
- display: flex;
- justify-content: space-between;
- margin-top: 10px;
- padding-top: 10px;
- }
+ /* 搴曢儴淇濆瓨/鍙栨秷鎸夐挳甯冨眬 */
+ .bottom-section {
+ display: flex;
+ justify-content: space-between;
+ margin-top: 10px;
+ padding-top: 10px;
+ }
- .save-btn,
- .cancel-btn {
- width: 48%;
- padding: 12px;
- background-color: #00A2E9;
- color: white;
- font-size: 24px;
- border: none;
- text-align: center;
- min-height: 45px;
- }
+ .save-btn,
+ .cancel-btn {
+ width: 48%;
+ padding: 12px;
+ background-color: #00A2E9;
+ color: white;
+ font-size: 24px;
+ border: none;
+ text-align: center;
+ min-height: 45px;
+ }
.txt-inp {
- height: 40px; /* 涓庢寜閽� min-height 淇濇寔涓�鑷� */
- padding: 10px; /* 涓庢寜閽� padding 淇濇寔涓�鑷� */
- font-size: 24px;
+ height: 80px; /* 澧炲ぇ楂樺害 */
+ padding: 12px; /* 澧炲ぇ鍐呰竟璺� */
+ font-size: 24px; /* 澧炲ぇ瀛椾綋 */
width: 50%;
flex-grow: 1;
box-sizing: border-box;
margin-top: 0;
- line-height: 20px; /* 鍙�夛紝淇濊瘉鍐呭鍨傜洿灞呬腑 */
}
- /* 閽堝1280*717灞忓箷鐨勭壒瀹氫紭鍖� */
- @media screen and (max-width: 1280px) and (max-height: 800px) {
- .page {
- padding: 6px;
- }
+ /* 閽堝1280*717灞忓箷鐨勭壒瀹氫紭鍖� */
+ @media screen and (max-width: 1280px) and (max-height: 800px) {
+ .page {
+ padding: 6px;
+ }
- .middle-section {
- margin-bottom: 6px;
- }
+ .middle-section {
+ margin-bottom: 6px;
+ }
- .item {
- margin-bottom: 8px;
- }
+ .item {
+ margin-bottom: 8px;
+ }
.item h4 {
- font-size: 16px;
+ font-size: 24px;
padding: 3px 0;
}
button {
padding: 8px;
- font-size: 20px;
+ font-size: 24px;
min-height: 38px;
}
.txt-inp {
height: 46px;
padding: 10px;
- font-size: 22px;
+ font-size: 24px;
}
- .bottom-section {
- margin-top: 8px;
- padding-top: 8px;
- }
+ .bottom-section {
+ margin-top: 8px;
+ padding-top: 8px;
+ }
- .save-btn,
- .cancel-btn {
- padding: 10px;
- font-size: 22px;
- min-height: 42px;
- }
+ .save-btn,
+ .cancel-btn {
+ padding: 10px;
+ font-size: 24px;
+ min-height: 42px;
+ }
input {
- font-size: 22px;
+ font-size: 24px;
}
.refresh-btn {
- font-size: 20px;
+ font-size: 24px;
}
label {
- font-size: 20px;
+ font-size: 24px;
}
- }
+ }
</style>
\ No newline at end of file
--
Gitblit v1.9.3