feat: refactor routing and menu, as well as fix #6

Author: jipengfei01

package-lock.json

@@ -19,6 +19,7 @@
   },
   "dependencies": {
     "@types/diff": "^5.0.3",
+    "@vueuse/core": "^10.2.1",
     "axios": "^1.2.2",
     "dayjs": "^1.11.7",
     "diff": "^5.1.0",
@@ -27,6 +28,7 @@
     "less": "^4.1.3",
     "md5": "^2.3.0",
     "normalize.css": "^8.0.1",
+    "nprogress": "^0.2.0",
     "pinia": "^2.0.30",
     "postcss-preset-env": "^7.8.3",
     "qs": "^6.11.1",
@@ -46,6 +48,7 @@
     "@types/js-cookie": "^3.0.3",
     "@types/js-md5": "^0.7.0",
     "@types/node": "^18.11.18",
+    "@types/nprogress": "^0.2.0",
     "@types/qs": "^6.9.7",
     "@types/url-parse": "^1.4.8",
     "@typescript-eslint/eslint-plugin": "^5.60.1",

package.json

@@ -9,6 +9,12 @@
 </template>
 <script setup lang="ts">
 import { NConfigProvider, NMessageProvider, zhCN } from 'naive-ui'
+
+import { useUserStore } from '@/store/user'
+
+const userStore = useUserStore()
+
+userStore.getUserInfo()
 const themeColor = 'rgba(22, 125, 255, 0.8)'
 const themeOverrides = {
   common: {

src/App.vue

@@ -1,4 +1,8 @@
-import type { AlertMsgData, GetAlertMsgsParams } from '@/model/alert'
+import type {
+  AlertMsgData,
+  GetAlertMsgsParams,
+  PostAlertConfig,
+} from '@/model/alert'
 import type { Res } from '@/utils/_fetch'
 import _fetch from '@/utils/_fetch'
 
@@ -13,7 +17,7 @@ export const getAlertMessageApi = (data: GetAlertMsgsParams) => {
 
 //获取用户未读告警数量
 export const getUnreadAlertMessageApi = () => {
-  return _fetch<Res<{ result: any }>>({
+  return _fetch<Res<number>>({
     method: 'GET',
     url: `/curvebs?method=alert.unread.num.get`,
   })
@@ -60,7 +64,7 @@ export const updateAlertCandidateApi = (data: Object) => {
 }
 
 //更新告警配置
-export const updateAlertRuleApi = (data: Object) => {
+export const updateAlertRuleApi = (data: PostAlertConfig) => {
   return _fetch<Res<{ result: any }>>({
     method: 'POST',
     url: `/curvebs?method=alert.conf.update`,
@@ -70,17 +74,8 @@ export const updateAlertRuleApi = (data: Object) => {
 
 //获取告警联系人候选人
 export const getAlertCandidateApi = () => {
-  return _fetch<Res<{ result: any }>>({
+  return _fetch<Res<string[]>>({
     method: 'GET',
     url: `/curvebs?method=alert.candidate.get`,
   })
 }
-
-//更新告警联系人
-export const updateAlertUserApi = (data: Object) => {
-  return _fetch<Res<{ result: any }>>({
-    method: 'POST',
-    url: `/curvebs?method=alert.user.update`,
-    data,
-  })
-}