From 9a15ede7ce81c502e580a9854fd1984d36852ce0 Mon Sep 17 00:00:00 2001
From: Zhao Zuohong <zhbaor@zhaozuohong.vip>
Date: Wed, 20 Sep 2023 16:39:06 +0800
Subject: [PATCH] =?UTF-8?q?=E8=87=AA=E5=8A=A8=E6=A0=BC=E5=BC=8F=E5=8C=96?=
 =?UTF-8?q?=EF=BC=9B=E4=BF=AE=E5=A4=8D=E7=A7=BB=E5=8A=A8=E7=AB=AF=E6=8A=98?=
 =?UTF-8?q?=E5=8F=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ui/src/App.vue                         | 79 ++++++++++++++++----------
 ui/src/components/BasementSettings.vue |  6 +-
 2 files changed, 52 insertions(+), 33 deletions(-)

diff --git a/ui/src/App.vue b/ui/src/App.vue
index becf0e841..e85295dea 100644
--- a/ui/src/App.vue
+++ b/ui/src/App.vue
@@ -1,13 +1,31 @@
 <template>
-  <n-config-provider :locale="zhCN" :date-locale="dateZhCN" class="provider"
-    :theme="theme == 'dark' ? darkTheme : undefined" :hljs="hljs">
+  <n-config-provider
+    :locale="zhCN"
+    :date-locale="dateZhCN"
+    class="provider"
+    :theme="theme == 'dark' ? darkTheme : undefined"
+    :hljs="hljs"
+  >
     <n-global-style />
     <n-dialog-provider>
       <n-layout has-sider>
-        <n-layout-sider bordered collapse-mode="width" :collapsed-width="50" :width="240" :collapsed="collapsed"
-          show-trigger @collapse="collapsed = true" @expand="collapsed = false">
-          <n-menu v-model:value="activeKey" :indent="24" :collapsed="collapsed" :collapsed-width="64"
-            :collapsed-icon-size="22" :options="menuOptions" />
+        <n-layout-sider
+          bordered
+          collapse-mode="width"
+          :collapsed-width="50"
+          :width="240"
+          :collapsed="collapsed"
+          show-trigger
+          @collapse="collapsed = true"
+          @expand="collapsed = false"
+        >
+          <n-menu
+            :indent="24"
+            :collapsed="collapsed"
+            :collapsed-width="64"
+            :collapsed-icon-size="22"
+            :options="menuOptions"
+          />
         </n-layout-sider>
         <n-layout-content class="main">
           <router-view />
@@ -18,7 +36,7 @@
 </template>
 
 <script setup>
-import { NIcon } from "naive-ui"
+import { NIcon } from 'naive-ui'
 import {
   BookOutline,
   Home,
@@ -31,16 +49,14 @@ import {
   MailOpen,
   People,
   Bag,
-  Flash,
-  
-} from "@vicons/ionicons5"
-import { DiceD20 }from "@vicons/fa"
-const collapsed = ref(false)
+  Flash
+} from '@vicons/ionicons5'
+import { DiceD20 } from '@vicons/fa'
+const collapsed = ref(true)
 function renderIcon(icon) {
-  return () => h(NIcon, null, { default: () => h(icon) });
+  return () => h(NIcon, null, { default: () => h(icon) })
 }
 
-
 import { RouterLink } from 'vue-router'
 const menuOptions = ref([
   {
@@ -70,7 +86,7 @@ const menuOptions = ref([
                 { default: () => '基本设置' }
               ),
             key: 'go-to-mowersetting',
-            icon: renderIcon(Settings),
+            icon: renderIcon(Settings)
           },
           {
             label: () =>
@@ -78,31 +94,30 @@ const menuOptions = ref([
                 RouterLink,
                 { to: { path: '/advancedleft/basement-setting' } },
                 { default: () => '基建设置' }
-                
               ),
             key: 'go-to-basementsetting',
-            icon: renderIcon(Hammer),
+            icon: renderIcon(Hammer)
           },
 
           {
             label: () =>
-              h(
-                RouterLink,
-                { to: { path: '/advancedleft/email' } },
-                { default: () => '邮件设置' }
-              ),
+              h(RouterLink, { to: { path: '/advancedleft/email' } }, { default: () => '邮件设置' }),
             key: 'go-to-email',
             icon: renderIcon(MailOpen)
           },
           {
             label: () =>
-              h(RouterLink, { to: { path: '/advancedleft/recruit' } }, { default: () => '公开招募' }),
+              h(
+                RouterLink,
+                { to: { path: '/advancedleft/recruit' } },
+                { default: () => '公开招募' }
+              ),
             key: 'go-to-recruit',
             icon: renderIcon(People)
-          },]
+          }
+        ]
       },
 
-
       {
         label: () => 'MAA设置',
         key: 'maa-settings',
@@ -125,13 +140,17 @@ const menuOptions = ref([
                 { default: () => '清理智' }
               ),
             key: 'go-to-maaweekly',
-            icon: renderIcon(Flash),
+            icon: renderIcon(Flash)
           },
           {
             label: () =>
-              h(RouterLink, { to: { path: '/advancedleft/clue' } }, { default: () => '线索/信用商店' }),
+              h(
+                RouterLink,
+                { to: { path: '/advancedleft/clue' } },
+                { default: () => '线索/信用商店' }
+              ),
             key: 'go-to-clue',
-            icon: renderIcon(Bag),
+            icon: renderIcon(Bag)
           },
           {
             label: () =>
@@ -199,8 +218,6 @@ const { get_running, listen_ws } = mower_store
 
 const axios = inject('axios')
 
-const collapse = ref(true)
-
 function start() {
   running.value = true
   log_lines.value = []
@@ -221,7 +238,7 @@ onMounted(async () => {
   })
 
   if (window.innerWidth > 570) {
-    collapse.value = false
+    collapsed.value = false
   }
 
   const params = new URLSearchParams(document.location.search)
diff --git a/ui/src/components/BasementSettings.vue b/ui/src/components/BasementSettings.vue
index 031feeeca..8a8a014e2 100644
--- a/ui/src/components/BasementSettings.vue
+++ b/ui/src/components/BasementSettings.vue
@@ -53,11 +53,13 @@ const facility_with_empty = computed(() => {
           <td>分钟（可填小数）</td>
         </tr>
         <tr>
-          <td>无人机使用房间：<help-text>
+          <td>
+            无人机使用房间：<help-text>
               <div>加速制造站就选对应的制造站</div>
               <div>加速龙门币贸易站，选择 (加速贸易站)</div>
               <div>卖玉的贸易站,不会被加速,放心选 (加速贸易站)</div>
-            </help-text></td>
+            </help-text>
+          </td>
           <td colspan="2">
             <n-select :options="facility_with_empty" v-model:value="drone_room" />
           </td>