系统配置

src/components/table2/index.vue

@@ -83,7 +83,6 @@ const data = generateData(columns, 200);
 
 <style lang="scss" scoped>
 .table2 {
-  padding: 20px;
   height: 100%;
   .data-table-btn {
     line-height: 32px;

src/router/index.ts

@@ -4,6 +4,7 @@ import { RouterTy } from "~/router";
 import routesOne from "./routes/routes-file-one";
 import routesTwo from "./routes/routes-file-two";
 import routesThree from "./routes/routes-file-three";
+import routesFour from "./routes/routes-file-four";
 const routesPush = (arr, routes) => {
   if (!Array.isArray(arr)) return "请传入数组格式路由表";
   for (let i = 0; i < arr.length; i++) {
@@ -50,7 +51,10 @@ export const asyncRoutes: RouterTy = [
 ];
 
 // 插入路由
-routesPush([...routesOne, ...routesTwo, ...routesThree], asyncRoutes);
+routesPush(
+  [...routesOne, ...routesTwo, ...routesThree, ...routesFour],
+  asyncRoutes
+);
 
 const router: Router = createRouter({
   history: createWebHashHistory(),

src/router/routes/routes-file-four.ts

@@ -0,0 +1,40 @@
+import Layout from "@/layout";
+
+const HomeRoutes = {
+  path: "/systemSettings",
+  component: Layout,
+  name: "systemSettings",
+  redirect: "/systemSettings/securityPolicy",
+  //using el svg icon, the elSvgIcon first when at the same time using elSvgIcon and icon
+  meta: { title: "系统配置", elSvgIcon: "Fold" },
+  children: [
+    {
+      path: "/systemSettings/securityPolicy",
+      name: "SecurityPolicy",
+      meta: { title: "安全策略", elSvgIcon: "Fold", icon: "table" },
+      component: () =>
+        import("@/views/systemSettings/securityPolicy/index.vue"),
+    },
+    {
+      path: "/systemSettings/warningSet",
+      name: "WarningSet",
+      meta: { title: "预警告警策略", elSvgIcon: "Fold", icon: "table" },
+      component: () => import("@/views/systemSettings/warningSet/index.vue"),
+    },
+    {
+      path: "/systemSettings/log",
+      name: "log",
+      meta: { title: "日志管理", elSvgIcon: "Fold", icon: "table" },
+      component: () => import("@/views/systemSettings/log/index.vue"),
+    },
+    {
+      path: "/systemSettings/serviceManagement",
+      name: "ServiceManagement",
+      meta: { title: "服务管理", elSvgIcon: "Fold", icon: "table" },
+      component: () =>
+        import("@/views/systemSettings/serviceManagement/index.vue"),
+    },
+  ],
+};
+
+export default [HomeRoutes];

src/views/systemSettings/index.vue

@@ -0,0 +1,5 @@
+<template>
+  <div>
+    <router-view />
+  </div>
+</template>

src/views/systemSettings/log/index.vue

@@ -0,0 +1,11 @@
+<template>
+  <div></div>
+</template>
+<script lang="ts">
+import { defineComponent } from "vue";
+
+export default defineComponent({
+  setup() {},
+});
+</script>
+<style lang="scss" scoped></style>

src/views/systemSettings/securityPolicy/index.vue

@@ -0,0 +1,11 @@
+<template>
+  <div></div>
+</template>
+<script lang="ts">
+import { defineComponent } from "vue";
+
+export default defineComponent({
+  setup() {},
+});
+</script>
+<style lang="scss" scoped></style>

src/views/systemSettings/serviceManagement/index.vue

@@ -0,0 +1,11 @@
+<template>
+  <div></div>
+</template>
+<script lang="ts">
+import { defineComponent } from "vue";
+
+export default defineComponent({
+  setup() {},
+});
+</script>
+<style lang="scss" scoped></style>

src/views/systemSettings/warningSet/index.vue

@@ -0,0 +1,11 @@
+<template>
+  <div></div>
+</template>
+<script lang="ts">
+import { defineComponent } from "vue";
+
+export default defineComponent({
+  setup() {},
+});
+</script>
+<style lang="scss" scoped></style>