From 8082c69d22981c563603605ec6d37e5cde5f04bc Mon Sep 17 00:00:00 2001
From: Yuhang Wu <YuhangWu@orbitmes.com>
Date: Mon, 26 Oct 2026 15:15:49 +0800
Subject: [PATCH] =?UTF-8?q?refactor(UpdateModal):=20=E8=B0=83=E6=95=B4?=
 =?UTF-8?q?=E4=B8=8B=E8=BD=BD=E8=BF=9B=E5=BA=A6=E5=92=8C=E6=93=8D=E4=BD=9C?=
 =?UTF-8?q?=E6=8C=89=E9=92=AE=E7=9A=84=E5=B8=83=E5=B1=80=E4=BD=8D=E7=BD=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/UpdateModal.vue | 39 ++++++++++++++++++++--------------
 1 file changed, 23 insertions(+), 16 deletions(-)

diff --git a/src/components/UpdateModal.vue b/src/components/UpdateModal.vue
index 00c9f5a..e88bed5 100644
--- a/src/components/UpdateModal.vue
+++ b/src/components/UpdateModal.vue
@@ -27,25 +27,26 @@
       <p v-else class="m-0 opacity-80">{{ t("update.emptyLog") }}</p>
     </div>
 
-    <!-- 下载 / 安装进度 -->
-    <div v-if="store.installing" class="update-progress">
-      <a-progress :percent="store.progress" :stroke-color="'#6366f1'" />
-      <p class="m-0 text-xs opacity-60">{{ t("update.downloading") }}</p>
-    </div>
-
     <!-- 底部操作：忽略该版本 / 取消 / 确认更新 -->
     <template #footer>
       <div class="update-footer">
-        <a-button v-if="!store.installing" type="text" size="small" @click="onIgnore">
-          {{ t("update.ignore") }}
-        </a-button>
-        <div class="ml-auto flex items-center gap-2">
-          <a-button :disabled="store.installing" @click="onCancel">
-            {{ t("common.cancel") }}
-          </a-button>
-          <a-button type="primary" :loading="store.installing" @click="onConfirm">
-            {{ t("update.confirm") }}
+        <!-- 下载进度固定在 footer 的按钮操作上方 -->
+        <div v-if="store.installing" class="update-progress">
+          <a-progress :percent="store.progress" :stroke-color="'#6366f1'" />
+          <p class="m-0 text-xs opacity-60">{{ t("update.downloading") }}</p>
+        </div>
+        <div class="update-footer-actions">
+          <a-button v-if="!store.installing" type="text" size="small" @click="onIgnore">
+            {{ t("update.ignore") }}
           </a-button>
+          <div class="ml-auto flex items-center gap-2">
+            <a-button :disabled="store.installing" @click="onCancel">
+              {{ t("common.cancel") }}
+            </a-button>
+            <a-button type="primary" :loading="store.installing" @click="onConfirm">
+              {{ t("update.confirm") }}
+            </a-button>
+          </div>
         </div>
       </div>
     </template>
@@ -135,10 +136,16 @@ function onConfirm() {
 }
 
 .update-progress {
-  margin-top: 14px;
+  width: 100%;
 }
 
 .update-footer {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+}
+
+.update-footer-actions {
   display: flex;
   align-items: center;
   gap: 8px;