fix: polish pages and bugs fix (#36)

src/router/index.ts

@@ -26,11 +26,13 @@ import { routesAlarm } from "./alarm";
 import { routesSelf } from "./selfObservability";
 import { routesFunctions } from "./functions";
 import { routesBrowser } from "./browser";
+import { routesK8s } from "./k8s";
 
 const routes: Array<RouteRecordRaw> = [
   ...routesGen,
   ...routesMesh,
   ...routesFunctions,
+  ...routesK8s,
   ...routesInfra,
   ...routesBrowser,
   ...routesDatabase,

src/router/infrastructure.ts

@@ -38,14 +38,6 @@ export const routesInfra: Array<RouteRecordRaw> = [
         },
         component: () => import("@/views/Layer.vue"),
       },
-      {
-        path: "/kubernetes",
-        name: "Kubernetes",
-        meta: {
-          title: "kubernetes",
-        },
-        component: () => import("@/views/Layer.vue"),
-      },
       // {
       //   path: "/infrastructure/vm",
       //   name: "VirtualMachine",

src/router/k8s.ts

@@ -0,0 +1,50 @@
+/**
+ * Licensed to the Apache Software Foundation (ASF) under one or more
+ * contributor license agreements.  See the NOTICE file distributed with
+ * this work for additional information regarding copyright ownership.
+ * The ASF licenses this file to You under the Apache License, Version 2.0
+ * (the "License"); you may not use this file except in compliance with
+ * the License.  You may obtain a copy of the License at
+ *
+ *      http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import { RouteRecordRaw } from "vue-router";
+import Layout from "@/layout/Index.vue";
+
+export const routesK8s: Array<RouteRecordRaw> = [
+  {
+    path: "",
+    name: "Kubernetes",
+    meta: {
+      title: "kubernetes",
+      icon: "donut_small",
+      hasGroup: true,
+    },
+    redirect: "/kubernetes/cluster",
+    component: Layout,
+    children: [
+      {
+        path: "/kubernetes/cluster",
+        name: "KubernetesCluster",
+        meta: {
+          title: "kubernetesCluster",
+        },
+        component: () => import("@/views/Layer.vue"),
+      },
+      {
+        path: "/kubernetes/service",
+        name: "KubernetesService",
+        meta: {
+          title: "kubernetesService",
+        },
+        component: () => import("@/views/Layer.vue"),
+      },
+    ],
+  },
+];