feat: implement Topology on the dashboard (#14)

src/router/alarm.ts

@@ -0,0 +1,43 @@
+/**
+ * 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 routesAlarm: Array<RouteRecordRaw> = [
+  {
+    path: "",
+    name: "Alarm",
+    meta: {
+      title: "alarm",
+      icon: "spam",
+      hasGroup: false,
+      exact: true,
+    },
+    component: Layout,
+    children: [
+      {
+        path: "/alarm",
+        name: "Alarm",
+        meta: {
+          title: "alarmList",
+          exact: false,
+        },
+        component: () => import("@/views/Log.vue"),
+      },
+    ],
+  },
+];

src/router/dashboard.ts

@@ -60,7 +60,17 @@ export const routesDashboard: Array<RouteRecordRaw> = [
       {
         path: "/dashboard/:layerId/:entity/:serviceId/:name",
         component: () => import("@/views/dashboard/Edit.vue"),
-        name: "CreateService",
+        name: "View",
+        meta: {
+          title: "dashboardEdit",
+          exact: false,
+          notShow: true,
+        },
+      },
+      {
+        path: "/dashboard/:layerId/:entity/:serviceId/:destServiceId/:name",
+        component: () => import("@/views/dashboard/Edit.vue"),
+        name: "ViewServiceRelation",
         meta: {
           title: "dashboardEdit",
           exact: false,
@@ -77,6 +87,16 @@ export const routesDashboard: Array<RouteRecordRaw> = [
           notShow: true,
         },
       },
+      {
+        path: "/dashboard/:layerId/:entity/:serviceId/:podId/:destServiceId/:destPodId/:name",
+        component: () => import("@/views/dashboard/Edit.vue"),
+        name: "ViewPodRelation",
+        meta: {
+          title: "dashboardEdit",
+          exact: true,
+          notShow: true,
+        },
+      },
     ],
   },
 ];

src/router/index.ts

@@ -25,6 +25,8 @@ import { routesLog } from "./log";
 import { routesEvent } from "./event";
 import { routesAlert } from "./alert";
 import { routesSetting } from "./setting";
+import { routesAlarm } from "./alarm";
+import { useTimeoutFn } from "@/hooks/useTimeout";
 
 const routes: Array<RouteRecordRaw> = [
   ...routesGen,
@@ -36,6 +38,7 @@ const routes: Array<RouteRecordRaw> = [
   ...routesEvent,
   ...routesAlert,
   ...routesSetting,
+  ...routesAlarm,
 ];
 
 const router = createRouter({
@@ -49,7 +52,7 @@ router.beforeEach((to, from, next) => {
   // const token = window.localStorage.getItem("skywalking-authority");
   if ((window as any).axiosCancel.length !== 0) {
     for (const func of (window as any).axiosCancel) {
-      setTimeout(func(), 0);
+      useTimeoutFn(func(), 0);
     }
     (window as any).axiosCancel = [];
   }