From 70d5879d003ea4ea867730ea377a497b1bd416d2 Mon Sep 17 00:00:00 2001
From: Zhao Zuohong <zhbaor@zhaozuohong.vip>
Date: Mon, 23 Sep 2024 20:40:46 +0800
Subject: [PATCH 1/2] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E6=97=A5=E5=BF=97?=
 =?UTF-8?q?=E6=BB=9A=E5=8A=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ui/src/components/LogComponent.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/ui/src/components/LogComponent.vue b/ui/src/components/LogComponent.vue
index 36ca683..6be1ce6 100644
--- a/ui/src/components/LogComponent.vue
+++ b/ui/src/components/LogComponent.vue
@@ -7,8 +7,8 @@ const log_ele = inject('log_ele')
 
 <template>
   <n-config-provider :theme="darkTheme" class="provider">
-    <n-card class="full" ref="log_ele" content-style="height: 100%">
-      <n-log :log="log" class="full" />
+    <n-card class="full" content-style="height: 100%">
+      <n-log :log="log" class="full" ref="log_ele" />
     </n-card>
   </n-config-provider>
 </template>

From fc5fbdff95bee8fab8e00a10c49d7f8dba13cddd Mon Sep 17 00:00:00 2001
From: Zhao Zuohong <zhbaor@zhaozuohong.vip>
Date: Mon, 23 Sep 2024 20:52:53 +0800
Subject: [PATCH 2/2] =?UTF-8?q?=E7=BE=8E=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ui/src/App.vue                    | 27 ++++++++++++++-------------
 ui/src/components/FloatButton.vue | 22 ++++++++++++++++++----
 2 files changed, 32 insertions(+), 17 deletions(-)

diff --git a/ui/src/App.vue b/ui/src/App.vue
index d7a9bbf..0d52415 100644
--- a/ui/src/App.vue
+++ b/ui/src/App.vue
@@ -52,19 +52,20 @@ provide('steps', steps)
     <n-spin v-if="loading" class="container">
       <template #description>加载中</template>
     </n-spin>
-    <n-tabs
-      v-else
-      type="card"
-      placement="left"
-      class="container"
-      :default-value="page"
-      @update:value="set_page"
-      :disabled="running"
-    >
-      <n-tab-pane name="init" tab="初始化"><init /></n-tab-pane>
-      <n-tab-pane name="update" tab="更新代码"><update /></n-tab-pane>
-      <n-tab-pane name="launch" tab="启动程序"><launch /></n-tab-pane>
-    </n-tabs>
+    <n-notification-provider v-else>
+      <n-tabs
+        type="card"
+        placement="left"
+        class="container"
+        :default-value="page"
+        @before-leave="!running"
+        @update:value="set_page"
+      >
+        <n-tab-pane name="init" tab="初始化"><init /></n-tab-pane>
+        <n-tab-pane name="update" tab="更新代码"><update /></n-tab-pane>
+        <n-tab-pane name="launch" tab="启动程序"><launch /></n-tab-pane>
+      </n-tabs>
+    </n-notification-provider>
     <n-global-style />
   </n-config-provider>
 </template>
diff --git a/ui/src/components/FloatButton.vue b/ui/src/components/FloatButton.vue
index fdd9b7d..4509c77 100644
--- a/ui/src/components/FloatButton.vue
+++ b/ui/src/components/FloatButton.vue
@@ -8,6 +8,8 @@ const steps = inject('steps')
 const current_step = inject('current_step')
 const current_state = inject('current_state')
 
+const notification = useNotification()
+
 async function start() {
   log.value = ''
   running.value = true
@@ -20,25 +22,37 @@ async function start() {
   }
   current_state.value = 'finish'
   running.value = false
+  notification['info']({
+    content: '提示',
+    meta: '命令运行完成',
+    duration: 3000
+  })
 }
 </script>
 
 <template>
-  <n-button class="float" type="primary" :loading="running" :disabled="running" @click="start">
+  <n-button
+    class="float"
+    type="primary"
+    :loading="running"
+    :disabled="running"
+    @click="start"
+    circle
+    size="large"
+  >
     <template #icon>
       <n-icon>
         <play-icon />
       </n-icon>
     </template>
-    {{ running ? '' : '运行' }}
   </n-button>
 </template>
 
 <style scoped>
 .float {
   position: absolute;
-  right: 28px;
-  bottom: 28px;
+  right: 36px;
+  bottom: 36px;
   opacity: 0.8;
 }