服务管理优化

src/pages/fwgl.vue

 <template>
   <div class="fwgl_container">
-    <side-nav-bar :nav-list="navList" :title-path="navList[0].path"></side-nav-bar>
+    <side-nav-bar
+      :nav-list="navList"
+      :title-path="navList[0] && navList[0].path"
+    ></side-nav-bar>
     <div class="main_container">
       <router-view
         :key="'type_' + $route.params && $route.params.type"
@@ -18,66 +21,75 @@ export default {
   },
   data: () => ({
     navList: [],
-    userLevel: 0,
   }),
-  mounted() {
-    this.navList = [
+  watch: {
+    "$route.fullPath"(path) {
+      this.initNavList();
+    },
+  },
+  methods: {
+    initNavList() {
+      let level = parseInt(this.$route.params.level);
+
       // 普通用户
-      {
-        level: 0,
-        name: "注册发布的服务",
-        path: "/fwgl/list/0/注册发布的服务",
-      },
-      {
-        level: 0,
-        name: "申请的服务",
-        path: "/fwgl/list/1/申请的服务",
-      },
-      {
-        level: 0,
-        name: "审批的服务",
-        path: "/fwgl/list/2/审批的服务",
-      },
-      {
-        level: 0,
-        name: "云资源服务",
-        path: "/fwgl/list/3/云资源服务",
-      },
+      if (level == 0) {
+        this.navList = [
+          {
+            name: "注册发布的服务",
+            path: `/fwgl/list/${level}/0`,
+          },
+          {
+            name: "申请的服务",
+            path: `/fwgl/list/${level}/1`,
+          },
+          {
+            name: "审批的服务",
+            path: `/fwgl/list/${level}/2`,
+          },
+          {
+            name: "云资源服务",
+            path: `/fwgl/list/${level}/3`,
+          },
+        ];
+      }
       // 组织管理员
-      {
-        level: 1,
-        name: "组织服务管理",
-        path: "/fwgl/list/4/组织服务管理",
-      },
-      {
-        level: 1,
-        name: "服务审批管理",
-        path: "/fwgl/list/5/服务审批管理",
-      },
-      {
-        level: 1,
-        name: "云资源管理",
-        path: "/fwgl/list/6/云资源管理",
-      },
+      else if (level == 1) {
+        this.navList = [
+          {
+            name: "组织服务管理",
+            path: `/fwgl/list/${level}/0`,
+          },
+          {
+            name: "服务审批管理",
+            path: `/fwgl/list/${level}/1`,
+          },
+          {
+            name: "云资源管理",
+            path: `/fwgl/list/${level}/2`,
+          },
+        ];
+      }
       // 超级管理员
-      {
-        level: 2,
-        name: "平台服务管理",
-        path: "/fwgl/list/7/平台服务管理",
-      },
-      {
-        level: 2,
-        name: "服务审批管理",
-        path: "/fwgl/list/8/服务审批管理",
-      },
-      {
-        level: 2,
-        name: "云资源管理",
-        path: "/fwgl/list/9/云资源管理",
-      },
-    ].filter((nav) => nav.level === this.userLevel);
-
-    this.$router.push(this.navList[0].path);
+      else if (level == 2) {
+        this.navList = [
+          {
+            name: "平台服务管理",
+            path: `/fwgl/list/${level}/0`,
+          },
+          {
+            name: "服务审批管理",
+            path: `/fwgl/list/${level}/1`,
+          },
+          {
+            name: "云资源管理",
+            path: `/fwgl/list/${level}/2`,
+          },
+        ];
+      }
+    },
+  },
+  mounted() {
+    this.initNavList();
   },
 };
 </script>

src/router/index.js

@@ -58,23 +58,23 @@ export default new Router({
           ],
         },
         {
-          path: "/fwgl", // 服务管理
+          path: "/fwgl/:level", // 服务管理 level：用户等级
           name: "fwgl",
-          // redirect: "/fwgl/list",
+          redirect: "/fwgl/list/:level/0",
           component: () => import("@/pages/fwgl"),
           children: [
             {
-              path: "/fwgl/list/:type/:name", // 服务管理/我的服务
+              path: "/fwgl/list/:level/:type", // 服务管理/我的服务
               name: "fwglList",
               component: () => import("@/pages/fwglList"),
             },
             {
-              path: "/fwgl/servicedetail/:id",
+              path: "/fwgl/servicedetail/:level/:id",
               name: "servicedetail",
               component: () => import("@/pages/serviceDetail"),
             },
             {
-              path: "/fwgl/serviceedit/:id",
+              path: "/fwgl/serviceedit/:level/:id",
               name: "serviceedit",
               component: () => import("@/pages/serviceEdit"),
             },
@@ -105,17 +105,17 @@ export default new Router({
     {
       path: "/example_topology", // 拓扑图实例
       name: "example_topology",
-      component: () => import("@/pages/example_topology")
+      component: () => import("@/pages/example_topology"),
     },
     {
       path: "/example_commodity", // 商品详情实例
       name: "example_commodity",
-      component: () => import("@/pages/example_commodity")
+      component: () => import("@/pages/example_commodity"),
     },
     {
       path: "/example_com_list", // 商品列表实例
       name: "example_com_list",
-      component: () => import("@/pages/example_com_list")
-    }
-  ]
+      component: () => import("@/pages/example_com_list"),
+    },
+  ],
 });