修改菜单

src/components/menu/index.vue

@@ -30,7 +30,8 @@
           <div class="subMenuListTitleSpan">{{ ii.configTypeName }}</div>
           <i class="el-icon-arrow-down subMenuListTitleIcon1"></i>
         </div>
-        <div class="subMenuListItem" v-for="(iii,kkk) in ii.children" @click="toLink(subMenuPath,iii.configTypeId)">
+        <div class="subMenuListItem" v-for="(iii,kkk) in ii.children"
+             @click="toLink(subMenuPath,iii.configTypeId,true)">
           <img :src="iii.configTypeIcon" alt=""
                style="vertical-align: sub;width: 18px;height: 18px;line-height: 30px;object-fit: contain;margin-right: 6px">
           <span>
@@ -96,14 +97,17 @@ export default {
     console.log(this.$route)
   },
   methods: {
-    toLink(e, id) {
+    toLink(e, id, isDetail) {
       console.log(e)
       if (!e) return
-      if (id) {
+      let path = e
-        this.$router.push({path: e + '?id=' + id})
+      if (isDetail) {
-      } else {
+        path = path + '/detail'
-        this.$router.push(e)
       }
+      if (id) {
+        path = path + '?id=' + id
+      }
+      this.$router.push(path)
     },
     getChildren(e) {
       if (e.children) {

src/router/index.js

@@ -22,10 +22,14 @@ export default new Router({
         {
           path: '/productCenter',
           component: () => import('@/views/productCenter.vue'),
+        }, {
+          path: '/productCenter/detail', component: () => import('@/views/productInfo.vue'),
         },
         {
           path: '/industryPlan',
           component: () => import('@/views/industryPlan.vue'),
+        }, {
+          path: '/industryPlan/detail', component: () => import('@/views/productInfo.vue'),
         },
         {
           path: '/serviceSupport',