From 027c15da7a79d84af552c5167826461485e09ef5 Mon Sep 17 00:00:00 2001
From: 快乐的昕的电脑 <快乐的昕的电脑@DESKTOP-C2BQPQU>
Date: 星期五, 14 十一月 2025 11:04:11 +0800
Subject: [PATCH] 调试

---
 components/mold.vue |   86 +++++++++++++++++++++++++++++-------------
 1 files changed, 59 insertions(+), 27 deletions(-)

diff --git a/components/mold.vue b/components/mold.vue
index ba6f6a6..971225e 100644
--- a/components/mold.vue
+++ b/components/mold.vue
@@ -10,7 +10,7 @@
                 </view>
                 <view class="form-cell">
                     <label class="form-label highlight-label">浣跨敤涓婇檺锛�</label>
-                    <input class="input small-font input-use-limit" type="number" v-model="useLimitInput" placeholder="姣忔涓嬪垁鍚庢墜濉笂闄�" :disabled="!selectedToolNo || loadingForm" />
+                    <input class="input small-font input-tool-model" type="number" v-model="useLimitInput" placeholder="姣忔涓嬪垁鍚庢墜濉笂闄�" :disabled="!selectedToolNo || loadingForm" />
                 </view>
                 <view class="form-cell">
                     <label class="form-label">瀵垮懡姣旈璀﹀�硷細</label>
@@ -36,8 +36,8 @@
                     <label class="form-label">瑙勬牸鍨嬪彿锛�</label>
                     <input class="input small-font input-tool-model" v-model="toolModel" placeholder="鍒�鍏峰甫鍑�" disabled />
                 </view>
-                <!-- 鏂板鐨勫垁鍏风洰褰曟寜閽� -->
-                <view class="form-cell">
+                <!-- 鍒�鍏风洰褰曟寜閽彸绉� -->
+                <view class="form-cell tool-dir-cell">
                     <button class="btn-blue large-btn" @click="openToolDialog" :disabled="loadingTools">鍒�鍏风洰褰�</button>
                 </view>
             </view>
@@ -677,10 +677,9 @@
         }
 
     .form-cell {
-        display: flex;
-        align-items: center;
-        min-width: 0;
-        margin-right: 0;
+        flex: 0 0 32%;
+        min-width: 180px;
+        justify-content: flex-start;
     }
 
         .form-cell:nth-child(1) {
@@ -695,17 +694,18 @@
         }
 
         .form-cell:nth-child(3) {
-            flex: 1 1 0;
-            min-width: 180px;
+            flex: 0 0 auto;
+            min-width: 0;
+            max-width: 220px; /* 闄愬埗鏈�澶у搴︼紝閬垮厤鎾戝紑 */
             justify-content: flex-end;
         }
 
     .form-label {
-        width: 120px;
+        width: auto;
         font-weight: bold;
         color: #333;
         white-space: nowrap;
-        margin-right: 12px;
+        margin-right: 4px;
         flex-shrink: 0;
     }
 
@@ -731,26 +731,32 @@
             cursor: not-allowed;
         }
 
-    .input, .input-with-unit {
-        width: 100%;
-        box-sizing: border-box;
-    }
-
     .input-with-unit {
         display: flex;
         align-items: center;
-        flex: 1;
+        gap: 0;
     }
 
         .input-with-unit .input {
-            flex: 1;
-            margin-right: 8px;
+            width: 60px !important;
+            min-width: 0 !important;
+            margin-right: 2px !important;
+            text-align: center;
+            padding-left: 2px;
+            padding-right: 2px;
+        }
+
+        .input-with-unit .input {
+            margin-right: 4px !important;
+            width: 60px !important;
+            min-width: 0 !important;
+            text-align: center;
         }
 
     .unit-text {
-        color: #666;
-        white-space: nowrap;
-        width: 28px;
+        margin-left: 0 !important;
+        padding-left: 0 !important;
+        font-size: 22px !important;
     }
 
     .btn-blue, .btn-blue.large-btn {
@@ -1051,13 +1057,14 @@
     }
 
     .input-life-warn {
-        width: 24px !important;
+        width: 48px !important; /* 绋嶅井鏀惧锛岄伩鍏嶅瓧浣撴孩鍑� */
         min-width: 0 !important;
         margin-right: 4px;
         padding-left: 2px;
         padding-right: 2px;
-        font-size: 22px !important; /* 瀛椾綋鍔犲ぇ */
+        font-size: 22px !important;
         text-align: center;
+        box-sizing: border-box;
     }
 
     .input,
@@ -1069,16 +1076,16 @@
         font-size: 22px !important;
     }
 
-    .input-use-limit {
+/*    .input-use-limit {
         width: 100px !important;
         min-width: 0 !important;
         margin-right: 16px;
         color: #1890ff !important;
         border-color: #1890ff !important;
-    }
+    }*/
 
     .input-tool-model {
-        width: 100px !important;
+        width: 200px !important;
         min-width: 0 !important;
         margin-right: 16px;
     }
@@ -1092,4 +1099,29 @@
     .highlight-label {
         color: #1890ff !important;
     }
+
+    .tool-dir-cell {
+        flex: 0 0 auto !important;
+        justify-content: flex-start !important;
+        display: flex !important;
+        align-items: center;
+        margin-left: 16px; /* 涓庤鏍煎瀷鍙疯緭鍏ユ鎷夊紑璺濈 */
+    }
+
+    .form-cell-flex {
+        display: flex;
+        align-items: center;
+        flex: 0 0 60%;
+        min-width: 320px;
+    }
+
+        .form-cell-flex .form-label {
+            margin-right: 4px;
+            width: auto;
+        }
+
+        .form-cell-flex .input-use-limit {
+            margin-right: 12px;
+        }
+
 </style>
\ No newline at end of file

--
Gitblit v1.9.3