Add front-end page for configuration management

Signed-off-by: hanbingleixue <[email protected]>
sermant-io · Jun 4, 2024 · 2ce3101 · 2ce3101
1 parent 0218446
commit 2ce3101
Show file tree

Hide file tree

Showing 4 changed files with 513 additions and 1 deletion.
diff --git a/sermant-backend/src/main/webapp/frontend/src/components.d.ts b/sermant-backend/src/main/webapp/frontend/src/components.d.ts
@@ -28,14 +28,18 @@ declare module '@vue/runtime-core' {
     ElInput: typeof import('element-plus/es')['ElInput']
     ElMenu: typeof import('element-plus/es')['ElMenu']
     ElMenuItem: typeof import('element-plus/es')['ElMenuItem']
+    ElOption: typeof import('element-plus/es')['ElOption']
     ElPageHeader: typeof import('element-plus/es')['ElPageHeader']
     ElPagination: typeof import('element-plus/es')['ElPagination']
+    ElPopconfirm: typeof import('element-plus/es')['ElPopconfirm']
     ElRow: typeof import('element-plus/es')['ElRow']
+    ElSelect: typeof import('element-plus/es')['ElSelect']
     ElSubMenu: typeof import('element-plus/es')['ElSubMenu']
     ElSwitch: typeof import('element-plus/es')['ElSwitch']
     ElTable: typeof import('element-plus/es')['ElTable']
     ElTableColumn: typeof import('element-plus/es')['ElTableColumn']
     ElTag: typeof import('element-plus/es')['ElTag']
+    ElTooltip: typeof import('element-plus/es')['ElTooltip']
     RouterLink: typeof import('vue-router')['RouterLink']
     RouterView: typeof import('vue-router')['RouterView']
   }

diff --git a/sermant-backend/src/main/webapp/frontend/src/components/layouts/BaseHeader.vue b/sermant-backend/src/main/webapp/frontend/src/components/layouts/BaseHeader.vue
@@ -23,6 +23,10 @@ const toEventsConfig = () => {
   router.replace("/events-config");
 };
 
+const toConfig = () => {
+  router.replace("/config");
+};
+
 const getAssetsImge = (url: string) => {
   return new URL(`../../assets/${url}`, import.meta.url).href;
 };
@@ -42,6 +46,7 @@ const getAssetsImge = (url: string) => {
       <el-menu-item index="3-1" @click="toEvents"> 监测 </el-menu-item>
       <el-menu-item index="3-2" @click="toEventsConfig"> 配置 </el-menu-item>
     </el-sub-menu>
+    <el-menu-item index="4" @click="toConfig"> 配置管理 </el-menu-item>
     <el-menu-item h="full" @click="toggleDark()">
       <button
         class="border-none w-full bg-transparent cursor-pointer"

diff --git a/sermant-backend/src/main/webapp/frontend/src/router/index.ts b/sermant-backend/src/main/webapp/frontend/src/router/index.ts
@@ -2,6 +2,7 @@ import {createRouter, createWebHashHistory} from 'vue-router'
 import EventsView from '~/views/EventsView.vue'
 import EventsConfigView from '~/views/EventsConfigView.vue'
 import InstancesView from '~/views/InstancesView.vue'
+import ConfigView from "~/views/ConfigView.vue";
 
 const router = createRouter({
   history: createWebHashHistory(import.meta.env.BASE_URL),
@@ -31,7 +32,12 @@ const router = createRouter({
       path: '/events-config',
       name: 'events-config',
       component: EventsConfigView
-    }
+    },
+    {
+      path: '/config',
+      name: 'config',
+      component: ConfigView
+    },
   ]
 })