skywalking-booster-ui/src/router/layer.ts

/**
 * 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 Layout from "@/layout/Index.vue";
import { useAppStoreWithOut } from "@/store/modules/app";

async function layerDashboards() {
  const appStore = useAppStoreWithOut();
  await appStore.getActivateMenus();
  const routes = appStore.currentMenus.map((item: any) => {
    const route: any = {
      path: "",
      name: item.name,
      component: Layout,
      meta: {
        icon: item.icon || "cloud_queue",
        title: item.title,
        hasGroup: item.hasGroup,
      },
      children: item.subItems && item.subItems.length ? [] : undefined,
    };
    for (const child of item.subItems || []) {
      const d: any = {
        name: child.name,
        path: child.path,
        meta: {
          title: child.title,
          layer: child.layer,
          icon: child.icon || "cloud_queue",
        },
      };
      d.component = () => import("@/views/Layer.vue");
      route.children.push(d);
      const tab: any = {
        name: `${child.name}ActiveTabIndex`,
        path: `/${child.name}/tab/:activeTabIndex`,
        meta: {
          notShow: true,
          layer: child.layer,
        },
      };
      tab.component = () => import("@/views/Layer.vue");
      route.children.push(tab);
    }
    if (!item.subItems.length) {
      route.children = [
        {
          name: item.name,
          path: item.path,
          title: item.title,
          layer: item.layer,
          activate: item.activate,
          icon: item.icon,
          id: item.id,
        },
      ];
    }
    return route;
  });
  return routes;
}

export default await layerDashboards();