From 13e400659297e4ace701d56a03bea3c9e6f1ac21 Mon Sep 17 00:00:00 2001
From: coward <coward@mrx.ltd>
Date: Mon, 23 Sep 2024 17:17:29 +0800
Subject: [PATCH] =?UTF-8?q?:art:=E5=8A=A0=E4=BA=86=E4=B8=80=E4=BA=9B?=
 =?UTF-8?q?=E7=BB=84=E4=BB=B6=E6=95=B0=E6=8D=AE=E7=9B=91=E5=90=AC=E4=BC=98?=
 =?UTF-8?q?=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/package.json                              |  1 +
 web/pnpm-lock.yaml                            |  8 +++++++
 .../components/header/components/Export.vue   | 12 ++++++++++
 .../header/components/UserAvatar.vue          |  6 +++++
 web/src/main.js                               |  4 ++++
 web/src/utils/event/event.js                  |  7 ++++++
 web/src/utils/event/index.js                  |  1 +
 web/src/utils/index.js                        |  1 +
 web/src/views/client/index.vue                | 10 ++++++++
 web/src/views/setting/index.vue               | 23 +++++++++++++++++++
 web/src/views/user/index.vue                  |  9 ++++++++
 11 files changed, 82 insertions(+)
 create mode 100644 web/src/utils/event/event.js
 create mode 100644 web/src/utils/event/index.js

diff --git a/web/package.json b/web/package.json
index 1c90319..ba96b25 100644
--- a/web/package.json
+++ b/web/package.json
@@ -41,6 +41,7 @@
     "echarts": "^5.4.3",
     "lodash-es": "^4.17.21",
     "md-editor-v3": "^4.7.0",
+    "mitt": "^3.0.1",
     "mockjs": "^1.1.0",
     "pinia": "^2.1.6",
     "vite": "^4.4.11",
diff --git a/web/pnpm-lock.yaml b/web/pnpm-lock.yaml
index bebf0f7..2bd2ac1 100644
--- a/web/pnpm-lock.yaml
+++ b/web/pnpm-lock.yaml
@@ -38,6 +38,9 @@ importers:
       md-editor-v3:
         specifier: ^4.7.0
         version: 4.7.0(@codemirror/state@6.2.1)(@codemirror/view@6.21.3)(@lezer/common@1.1.0)(vue@3.3.4)
+      mitt:
+        specifier: ^3.0.1
+        version: 3.0.1
       mockjs:
         specifier: ^1.1.0
         version: 1.1.0
@@ -3014,6 +3017,9 @@ packages:
   minimist@1.2.8:
     resolution: {integrity: sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==}
 
+  mitt@3.0.1:
+    resolution: {integrity: sha512-vKivATfr97l2/QBCYAkXYDbrIWPM2IIKEl7YPhjCvKlG3kE2gm+uBo6nEXK3M5/Ffh/FLpKExzOQ3JJoJGFKBw==}
+
   mixin-deep@1.3.2:
     resolution: {integrity: sha512-WRoDn//mXBiJ1H40rqa3vH0toePwSsGb45iInWlTySa+Uu4k3tYUSxa2v1KqAiLtvlrSzaExqS1gtk96A9zvEA==}
     engines: {node: '>=0.10.0'}
@@ -7599,6 +7605,8 @@ snapshots:
 
   minimist@1.2.8: {}
 
+  mitt@3.0.1: {}
+
   mixin-deep@1.3.2:
     dependencies:
       for-in: 1.0.2
diff --git a/web/src/layout/components/header/components/Export.vue b/web/src/layout/components/header/components/Export.vue
index b65e848..b827457 100644
--- a/web/src/layout/components/header/components/Export.vue
+++ b/web/src/layout/components/header/components/Export.vue
@@ -47,6 +47,10 @@
 <script setup>
 import api from '@/api/setting'
 import { ArchiveOutline as ArchiveIcon } from "@vicons/ionicons5";
+import { router } from '@/router'
+import event from '@/utils/event/event'
+
+const { $bus } = event();
 
 const showImportUploader = ref(false)
 const uploadRef = ref(null)
@@ -100,6 +104,14 @@ function customRequest(file) {
   }).then(response => {
     if (response.data.code === 200) {
       showImportUploader.value = false;
+      switch (router.options.history.location) {
+        case "/client":
+          $bus.emit('refreshClients',true);
+          break;
+        case "/setting":
+          $bus.emit('refreshSetting',true)
+          break;
+      }
     } else {
       $message.error(response.data.message);
     }
diff --git a/web/src/layout/components/header/components/UserAvatar.vue b/web/src/layout/components/header/components/UserAvatar.vue
index 3a355e6..42a5626 100644
--- a/web/src/layout/components/header/components/UserAvatar.vue
+++ b/web/src/layout/components/header/components/UserAvatar.vue
@@ -72,8 +72,11 @@
 import { useUserStore } from '@/store'
 import { renderIcon } from '@/utils'
 import api from '@/api/user'
+import event from '@/utils/event/event'
+import { router } from '@/router'
 
 const userStore = useUserStore()
+const { $bus } = event();
 
 const options = [
   {
@@ -212,6 +215,9 @@ async function updateInfo() {
       infoFormModel.value = ref(null)
       showInfoModel.value = false
       await useUserStore().getUserInfo()
+      if (router.options.history.location === '/user') {
+        $bus.emit('refreshUserInfo',true);
+      }
     }
   })
 }
diff --git a/web/src/main.js b/web/src/main.js
index 5633ce7..ab27dd9 100644
--- a/web/src/main.js
+++ b/web/src/main.js
@@ -9,10 +9,14 @@ import { setupRouter } from '@/router'
 import { setupStore } from '@/store'
 import App from './App.vue'
 import { setupNaiveDiscreteApi } from './utils'
+import mitt from 'mitt'
+
+const EventMitt = mitt();
 
 async function setupApp() {
   const app = createApp(App)
   setupStore(app)
+  app.config.globalProperties.$bus = EventMitt;
   await setupRouter(app)
   app.mount('#app')
   setupNaiveDiscreteApi()
diff --git a/web/src/utils/event/event.js b/web/src/utils/event/event.js
new file mode 100644
index 0000000..0b8b997
--- /dev/null
+++ b/web/src/utils/event/event.js
@@ -0,0 +1,7 @@
+import { getCurrentInstance } from "vue";
+
+export default function event() {
+  const instance = getCurrentInstance();
+  const globalProperties = instance?.appContext.config.globalProperties;
+  return { ...globalProperties };
+}
\ No newline at end of file
diff --git a/web/src/utils/event/index.js b/web/src/utils/event/index.js
new file mode 100644
index 0000000..728ea88
--- /dev/null
+++ b/web/src/utils/event/index.js
@@ -0,0 +1 @@
+export * from './event'
\ No newline at end of file
diff --git a/web/src/utils/index.js b/web/src/utils/index.js
index 8ca6753..c86c341 100644
--- a/web/src/utils/index.js
+++ b/web/src/utils/index.js
@@ -2,3 +2,4 @@ export * from './common'
 export * from './storage'
 export * from './http'
 export * from './auth'
+export * from './event'
\ No newline at end of file
diff --git a/web/src/views/client/index.vue b/web/src/views/client/index.vue
index 9201fe4..abd8885 100644
--- a/web/src/views/client/index.vue
+++ b/web/src/views/client/index.vue
@@ -335,6 +335,9 @@ import { NButton } from 'naive-ui'
 import { debounce, ellipsis } from '@/utils'
 import clientApi from '@/views/client/api'
 import QueryBar from '@/components/query-bar/QueryBar.vue'
+import event from '@/utils/event/event'
+
+const { $bus } = event();
 
 const selOptions = [
   {
@@ -658,6 +661,13 @@ function search() {
   getClientList()
 }
 
+// 监听事件
+$bus.on("refreshClients",value => {
+  if (value) {
+    getClientList();
+  }
+})
+
 getClientList()
 </script>
 <style lang="scss">
diff --git a/web/src/views/setting/index.vue b/web/src/views/setting/index.vue
index 4916792..5fa52e7 100644
--- a/web/src/views/setting/index.vue
+++ b/web/src/views/setting/index.vue
@@ -209,6 +209,10 @@ import AppPage from '@/components/page/AppPage.vue'
 import api from '@/views/setting/api'
 import { NButton } from 'naive-ui'
 import { renderIcon } from '@/utils'
+import event from '@/utils/event/event'
+
+const { $bus } = event();
+const tabCode = ref("")
 
 // 表头
 const tableColumns = [
@@ -401,12 +405,15 @@ function tabChange(code) {
   switch (code) {
     case "Server":
       getServerConfig()
+      tabCode.value = "Server"
       break;
     case "Global":
       getGlobalConfig()
+      tabCode.value = "Global"
       break;
     case "Other":
       allSetting()
+      tabCode.value = "Other"
       break;
   }
 }
@@ -480,6 +487,22 @@ async function addSetting() {
   }
 }
 
+$bus.on("refreshSetting",value => {
+  if (value) {
+    if (tabCode.value === "" || tabCode.value === undefined) {
+      getServerConfig()
+    } else {
+      switch (tabCode.value) {
+        case "Server":
+          getServerConfig()
+          break;
+        case "Global":
+          getGlobalConfig()
+          break;
+      }
+    }
+  }
+})
 getServerConfig()
 </script>
 <style lang="scss">
diff --git a/web/src/views/user/index.vue b/web/src/views/user/index.vue
index 83646ab..f41fbb2 100644
--- a/web/src/views/user/index.vue
+++ b/web/src/views/user/index.vue
@@ -106,6 +106,9 @@ import userApi from '@/api/user'
 import { NAvatar,NTag,NButton } from 'naive-ui'
 import { renderIcon } from '@/utils'
 import { useUserStore } from '@/store'
+import event from '@/utils/event/event'
+
+const { $bus } = event();
 
 const infoFormRef = ref()
 
@@ -400,6 +403,12 @@ function addUser() {
   showInfoModel.value = true
 }
 
+$bus.on('refreshUserInfo',value => {
+  if (value) {
+    getUserList();
+  }
+})
+
 getUserList()
 </script>
 <style></style>
\ No newline at end of file