From 295fd996031ece3d8d4130e47c21951d0a2ec13e Mon Sep 17 00:00:00 2001
From: xuyiming <xuyiming@bd-apaas.com>
Date: Fri, 8 May 2020 11:54:42 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9C=8D=E5=8A=A1=E7=AE=A1=E7=90=86=E4=BC=98?=
 =?UTF-8?q?=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/fwgl.vue     | 126 +++++++++--------
 src/pages/fwglList.vue | 311 ++++++++++++++++++++---------------------
 src/router/index.js    |  20 +--
 3 files changed, 233 insertions(+), 224 deletions(-)

diff --git a/src/pages/fwgl.vue b/src/pages/fwgl.vue
index 7d72508..bd9d043 100644
--- a/src/pages/fwgl.vue
+++ b/src/pages/fwgl.vue
@@ -1,6 +1,9 @@
 <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>
diff --git a/src/pages/fwglList.vue b/src/pages/fwglList.vue
index fe95a6b..b15ccbe 100644
--- a/src/pages/fwglList.vue
+++ b/src/pages/fwglList.vue
@@ -9,7 +9,7 @@
         class="r_yhgl_table"
         size="mini"
         url="tableData"
-        detailsUrl="/fwgl/servicedetail/"
+        :detailsUrl="`/fwgl/servicedetail/${$route.params.level}/`"
         :border="false"
         :headers="headers"
         :searchShow="true"
@@ -104,7 +104,7 @@ export default {
       this.$refs.myConfirm.showModel();
     },
     editItem(item) {
-      this.$router.push("/fwgl/serviceedit/" + item.id);
+      this.$router.push(`/fwgl/serviceedit/${this.$route.params.level}/${item.id}`);
     },
     soldOutItem(item) {
       this.confirmOptions.title = "是否删除该条服务？";
@@ -132,161 +132,158 @@ export default {
     },
   },
   mounted() {
-    switch (parseInt(this.$route.params.type)) {
-      case 0:
-        this.headers = [
-          { label: "服务名称", prop: "name", type: "href", align: "left" },
-          { label: "服务url", prop: "date", type: "", align: "center" },
-          { label: "开放程度", prop: "address", type: "", align: "center" },
-          { label: "服务描述", prop: "address", type: "", align: "left" },
-          {
-            label: "注册发布时间",
-            prop: "address",
-            type: "",
-            align: "center",
-          },
-          { label: "服务类型", prop: "address", type: "", align: "center" },
-          {
-            label: "操作",
-            type: "Button",
-            align: "center",
-            width: 240,
-            btnList: [
-              {
-                type: "action-edit",
-                label: "编辑",
-                line: "|",
-              },
-              {
-                type: "action-sold-out",
-                label: "申请下架",
-                line: "|",
-              },
-              {
-                type: "action-delete",
-                label: "删除",
-              },
-            ],
-          },
-        ];
-        break;
-      case 1:
-        this.headers = [
-          { label: "服务名称", prop: "name", type: "href", align: "left" },
-          { label: "服务领域", prop: "date", type: "", align: "center" },
-          { label: "开放程度", prop: "address", type: "", align: "center" },
-          { label: "服务描述", prop: "address", type: "", align: "left" },
-          { label: "申请时间", prop: "address", type: "", align: "left" },
-          { label: "服务类型", prop: "address", type: "", align: "center" },
-          {
-            label: "操作",
-            type: "Button",
-            align: "center",
-            width: 160,
-            btnList: [
-              {
-                type: "action-cancel",
-                label: "取消",
-                line: "|",
-              },
-              {
-                type: "action-delete",
-                label: "删除",
-              },
-            ],
-          },
-        ];
-        break;
-      case 2:
-        this.headers = [
-          { label: "服务名称", prop: "name", type: "href", align: "left" },
-          { label: "服务领域", prop: "address", type: "", align: "center" },
-          { label: "开放程度", prop: "address", type: "", align: "center" },
-          { label: "请求方式", prop: "address", type: "", align: "center" },
-          { label: "服务描述", prop: "address", type: "", align: "left" },
-          { label: "审批时间", prop: "address", type: "", align: "center" },
-          { label: "服务类型", prop: "address", type: "", align: "center" },
-          { label: "审批状态", prop: "address", type: "", align: "center" },
-          {
-            label: "操作",
-            type: "Button",
-            align: "center",
-            width: 160,
-            btnList: [
-              {
-                type: "action-examine",
-                label: "审批",
-                line: "|",
-              },
-              {
-                type: "action-delete",
-                label: "删除",
-              },
-            ],
-          },
-        ];
-        break;
-      case 3:
-        this.headers = [
-          { label: "工作区域", prop: "name", type: "href", align: "left" },
-          { label: "网络环境", prop: "name", type: "", align: "center" },
-          { label: "CPU（核）", prop: "name", type: "", align: "center" },
-          { label: "内存（GB）", prop: "name", type: "", align: "center" },
-          { label: "资源总量（GB）", prop: "name", type: "", align: "center" },
-          { label: "实例数（个）", prop: "name", type: "", align: "center" },
-          { label: "申请时间", prop: "name", type: "", align: "center" },
-          { label: "申请状态", prop: "name", type: "", align: "center" },
-          {
-            label: "操作",
-            type: "Button",
-            align: "center",
-            width: 160,
-            btnList: [
-              {
-                type: "action-detail",
-                label: "查看详情",
-              },
-            ],
-          },
-        ];
-        break;
-      default:
-        this.headers = [
-          { label: "服务名称", prop: "name", type: "href", align: "left" },
-          { label: "服务url", prop: "date", type: "", align: "center" },
-          { label: "开放程度", prop: "address", type: "", align: "center" },
-          { label: "服务描述", prop: "address", type: "", align: "left" },
-          {
-            label: "注册发布时间",
-            prop: "address",
-            type: "",
-            align: "center",
-          },
-          { label: "服务类型", prop: "address", type: "", align: "center" },
-          {
-            label: "操作",
-            type: "Button",
-            align: "center",
-            width: 160,
-            btnList: [
-              {
-                type: "action-edit",
-                label: "编辑",
-                line: "|",
-              },
-              {
-                type: "action-sold-out",
-                label: "申请下架",
-                line: "|",
-              },
-              {
-                type: "action-delete",
-                label: "删除",
-              },
-            ],
-          },
-        ];
-        break;
+    let level = parseInt(this.$route.params.level);
+    let type = parseInt(this.$route.params.type);
+
+    if (level == 0 && type == 0) {
+      this.headers = [
+        { label: "服务名称", prop: "name", type: "href", align: "left" },
+        { label: "服务url", prop: "date", type: "", align: "center" },
+        { label: "开放程度", prop: "address", type: "", align: "center" },
+        { label: "服务描述", prop: "address", type: "", align: "left" },
+        {
+          label: "注册发布时间",
+          prop: "address",
+          type: "",
+          align: "center",
+        },
+        { label: "服务类型", prop: "address", type: "", align: "center" },
+        {
+          label: "操作",
+          type: "Button",
+          align: "center",
+          width: 240,
+          btnList: [
+            {
+              type: "action-edit",
+              label: "编辑",
+              line: "|",
+            },
+            {
+              type: "action-sold-out",
+              label: "申请下架",
+              line: "|",
+            },
+            {
+              type: "action-delete",
+              label: "删除",
+            },
+          ],
+        },
+      ];
+    } else if (level == 0 && type == 1) {
+      this.headers = [
+        { label: "服务名称", prop: "name", type: "href", align: "left" },
+        { label: "服务领域", prop: "date", type: "", align: "center" },
+        { label: "开放程度", prop: "address", type: "", align: "center" },
+        { label: "服务描述", prop: "address", type: "", align: "left" },
+        { label: "申请时间", prop: "address", type: "", align: "left" },
+        { label: "服务类型", prop: "address", type: "", align: "center" },
+        {
+          label: "操作",
+          type: "Button",
+          align: "center",
+          width: 160,
+          btnList: [
+            {
+              type: "action-cancel",
+              label: "取消",
+              line: "|",
+            },
+            {
+              type: "action-delete",
+              label: "删除",
+            },
+          ],
+        },
+      ];
+    } else if (level == 0 && type == 2) {
+      this.headers = [
+        { label: "服务名称", prop: "name", type: "href", align: "left" },
+        { label: "服务领域", prop: "address", type: "", align: "center" },
+        { label: "开放程度", prop: "address", type: "", align: "center" },
+        { label: "请求方式", prop: "address", type: "", align: "center" },
+        { label: "服务描述", prop: "address", type: "", align: "left" },
+        { label: "审批时间", prop: "address", type: "", align: "center" },
+        { label: "服务类型", prop: "address", type: "", align: "center" },
+        { label: "审批状态", prop: "address", type: "", align: "center" },
+        {
+          label: "操作",
+          type: "Button",
+          align: "center",
+          width: 160,
+          btnList: [
+            {
+              type: "action-examine",
+              label: "审批",
+              line: "|",
+            },
+            {
+              type: "action-delete",
+              label: "删除",
+            },
+          ],
+        },
+      ];
+    } else if (level == 0 && type == 2) {
+      this.headers = [
+        { label: "工作区域", prop: "name", type: "href", align: "left" },
+        { label: "网络环境", prop: "name", type: "", align: "center" },
+        { label: "CPU（核）", prop: "name", type: "", align: "center" },
+        { label: "内存（GB）", prop: "name", type: "", align: "center" },
+        { label: "资源总量（GB）", prop: "name", type: "", align: "center" },
+        { label: "实例数（个）", prop: "name", type: "", align: "center" },
+        { label: "申请时间", prop: "name", type: "", align: "center" },
+        { label: "申请状态", prop: "name", type: "", align: "center" },
+        {
+          label: "操作",
+          type: "Button",
+          align: "center",
+          width: 160,
+          btnList: [
+            {
+              type: "action-detail",
+              label: "查看详情",
+            },
+          ],
+        },
+      ];
+    } else {
+      this.headers = [
+        { label: "服务名称", prop: "name", type: "href", align: "left" },
+        { label: "服务url", prop: "date", type: "", align: "center" },
+        { label: "开放程度", prop: "address", type: "", align: "center" },
+        { label: "服务描述", prop: "address", type: "", align: "left" },
+        {
+          label: "注册发布时间",
+          prop: "address",
+          type: "",
+          align: "center",
+        },
+        { label: "服务类型", prop: "address", type: "", align: "center" },
+        {
+          label: "操作",
+          type: "Button",
+          align: "center",
+          width: 240,
+          btnList: [
+            {
+              type: "action-edit",
+              label: "编辑",
+              line: "|",
+            },
+            {
+              type: "action-sold-out",
+              label: "申请下架",
+              line: "|",
+            },
+            {
+              type: "action-delete",
+              label: "删除",
+            },
+          ],
+        },
+      ];
     }
   },
 };
diff --git a/src/router/index.js b/src/router/index.js
index 1dba5b2..0427a7a 100644
--- a/src/router/index.js
+++ b/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"),
+    },
+  ],
 });
-- 
2.26.0