From 6382b29da85fa7f6a155e7c56e3040ecdfd62497 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=89=8B=E7=93=9C=E4=B8=80=E5=8D=81=E9=9B=AA?=
 <nanaeonn@outlook.com>
Date: Sat, 16 Nov 2024 10:55:26 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=8F=90=E5=8D=87=E4=BA=A4=E4=BA=92?=
 =?UTF-8?q?=E4=BD=93=E9=AA=8C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 napcat.webui/src/pages/NetWork.vue     | 40 +++++++++++++++++++++++---
 napcat.webui/src/pages/OtherConfig.vue |  9 +++++-
 2 files changed, 44 insertions(+), 5 deletions(-)

diff --git a/napcat.webui/src/pages/NetWork.vue b/napcat.webui/src/pages/NetWork.vue
index 0fce58ea..50ef203b 100644
--- a/napcat.webui/src/pages/NetWork.vue
+++ b/napcat.webui/src/pages/NetWork.vue
@@ -1,15 +1,16 @@
 <template>
-    <t-space>
-        <t-tabs v-model="activeTab" :addable="true" theme="card" @add="showAddTabDialog" @remove="removeTab">
+    <t-space class="full-space">
+        <t-tabs v-model="activeTab" :addable="true" theme="card" @add="showAddTabDialog" @remove="removeTab" class="full-tabs">
             <t-tab-panel
                 v-for="(config, idx) in clientPanelData"
                 :key="idx"
                 :label="config.name"
                 :removable="true"
                 :value="idx"
+                class="full-tab-panel"
             >
                 <component :is="resolveDynamicComponent(getComponent(config.key))" :config="config.data" />
-                <t-button @click="saveConfig">保存</t-button>
+                <t-button @click="saveConfig" style="width: 100px; height: 40px;">保存</t-button>
             </t-tab-panel>
         </t-tabs>
         <t-dialog
@@ -37,6 +38,7 @@
 
 <script setup lang="ts">
 import { ref, resolveDynamicComponent, nextTick, Ref, onMounted, reactive, Reactive } from 'vue';
+import { MessagePlugin } from 'tdesign-vue-next';
 import {
     httpServerDefaultConfigs,
     httpClientDefaultConfigs,
@@ -164,7 +166,12 @@ const saveConfig = async () => {
     const userConfig = await getOB11Config();
     if (!userConfig) return;
     userConfig.network = config;
-    await setOB11Config(userConfig);
+    const success = await setOB11Config(userConfig);
+    if (success) {
+        MessagePlugin.success('配置保存成功');
+    } else {
+        MessagePlugin.error('配置保存失败');
+    }
 };
 
 const showAddTabDialog = () => {
@@ -180,6 +187,7 @@ const addTab = async () => {
     isDialogVisible.value = false;
     await nextTick();
     activeTab.value = clientPanelData.length - 1;
+    MessagePlugin.success('选项卡添加成功');
 };
 
 const removeTab = (payload: { value: string; index: number; e: PointerEvent }) => {
@@ -191,3 +199,27 @@ onMounted(() => {
     loadConfig();
 });
 </script>
+
+<style scoped>
+.full-space {
+    width: 100%;
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    justify-content: flex-start;
+}
+
+.full-tabs {
+    width: 100%;
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+}
+
+.full-tab-panel {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+}
+</style>
\ No newline at end of file
diff --git a/napcat.webui/src/pages/OtherConfig.vue b/napcat.webui/src/pages/OtherConfig.vue
index a2a7dacd..6a1569bb 100644
--- a/napcat.webui/src/pages/OtherConfig.vue
+++ b/napcat.webui/src/pages/OtherConfig.vue
@@ -17,6 +17,7 @@
 
 <script setup lang="ts">
 import { ref, onMounted } from 'vue';
+import { MessagePlugin } from 'tdesign-vue-next';
 import { OneBotConfig } from '../../../src/onebot/config/config';
 import { QQLoginManager } from '@/backend/shell';
 
@@ -63,10 +64,16 @@ const saveConfig = async () => {
         if (userConfig) {
             userConfig.musicSignUrl = otherConfig.value.musicSignUrl || '';
             userConfig.enableLocalFile2Url = otherConfig.value.enableLocalFile2Url ?? false;
-            await setOB11Config(userConfig);
+            const success = await setOB11Config(userConfig);
+            if (success) {
+                MessagePlugin.success('配置保存成功');
+            } else {
+                MessagePlugin.error('配置保存失败');
+            }
         }
     } catch (error) {
         console.error('Error saving config:', error);
+        MessagePlugin.error('配置保存失败');
     }
 };