路由表优化

.env.development

@@ -4,8 +4,8 @@ NODE_ENV = development
 ENV = 'development'
 
 # 测试地址 API接口
-# VUE_APP_BASE_API = 'https://zplma-b.caimei365.com'
-VUE_APP_BASE_API = 'http://192.168.2.200:8012'
+VUE_APP_BASE_API = 'https://zplma-b.caimei365.com'
+# VUE_APP_BASE_API = 'http://192.168.2.200:8012'
 # VUE_APP_BASE_API = 'http://192.168.2.92:8012'
 
 # 文件上传 API接口地址

src/permission.js

@@ -34,16 +34,14 @@ router.beforeEach(async(to, from, next) => {
       } else {
         try {
           // 代理状态更换时清空全部页面标签
-          console.log('代理状态切换 ', store.getters.proxyRefresh)
           if (store.getters.proxyRefresh) {
             store.commit('tagsView/CLEAR_ALL_VIEW')
             store.commit('proxy/CHANGE_PROXY_STATE', false)
           }
-          await store.dispatch('user/fetchUserInfo')
-          await store.dispatch('user/fetchUserVipInfo')
+          await store.dispatch('user/fetchUserInfo') // 获取用户信息
+          await store.dispatch('user/fetchUserVipInfo') // 获取用户vip信息
           // 根据用户角色获取路由配置
           const accessRoutes = await store.dispatch('permission/generateRoutes')
-          console.log(accessRoutes)
           // 添加路由配置
           router.addRoutes(accessRoutes)
           // 放行

src/router/module/admin/audit.js

@@ -14,28 +14,28 @@ const clubAuditRoutes = [
     hidden: true,
     component: () => import('@/views/admin/audit/club/list'),
     name: 'AuditClubList',
-    meta: { title: '机构认证审核', noCache: true }
+    meta: { title: '机构认证审核', noCache: true, activeMenu: '/audit/club' }
   },
   {
     path: 'club/club-detail',
     hidden: true,
     component: () => import('@/views/admin/audit/club/review'),
     name: 'AuditClubDetail',
-    meta: { title: '机构认证审核详情', noCache: true }
+    meta: { title: '机构认证审核详情', noCache: true, activeMenu: '/audit/club' }
   },
   {
     path: 'club/device/list',
     hidden: true,
     component: () => import('@/views/admin/audit/club/device'),
     name: 'AuditClubDeviceList',
-    meta: { title: '设备审核列表', noCache: true }
+    meta: { title: '设备审核列表', noCache: true, activeMenu: '/audit/club' }
   },
   {
     path: 'club/device-detail',
     hidden: true,
     component: () => import('@/views/admin/audit/club/device/review'),
     name: 'AuditClubDeviceDetail',
-    meta: { title: '设备审核详情', noCache: true }
+    meta: { title: '设备审核详情', noCache: true, activeMenu: '/audit/club' }
   }
 ]
 
@@ -52,28 +52,28 @@ const personnelAuditRoutes = [
     hidden: true,
     component: () => import('@/views/admin/audit/personnel/operate'),
     name: 'AuditOperateDoctorList',
-    meta: { title: '操作师审核列表', noCache: true }
+    meta: { title: '操作师审核列表', noCache: true, activeMenu: '/audit/personnel' }
   },
   {
     path: 'personnel/operate/doctor-detail',
     hidden: true,
     component: () => import('@/views/admin/audit/personnel/operate/review'),
     name: 'AuditOperateDoctorDetail',
-    meta: { title: '操作师审核详情', noCache: true }
+    meta: { title: '操作师审核详情', noCache: true, activeMenu: '/audit/personnel' }
   },
   {
     path: 'personnel/training/doctor-list',
     hidden: true,
     component: () => import('@/views/admin/audit/personnel/training'),
     name: 'AuditTrainingDoctorList',
-    meta: { title: '培训师审核列表', noCache: true }
+    meta: { title: '培训师审核列表', noCache: true, activeMenu: '/audit/personnel' }
   },
   {
     path: 'personnel/training/doctor-detail',
     hidden: true,
     component: () => import('@/views/admin/audit/personnel/training/review'),
     name: 'AuditTrainingDoctorDetail',
-    meta: { title: '培训师审核详情', noCache: true }
+    meta: { title: '培训师审核详情', noCache: true, activeMenu: '/audit/personnel' }
   }
 ]
 
@@ -90,49 +90,49 @@ const materialAuditRoutes = [
     component: () => import('@/views/admin/audit/material/article'),
     name: 'AuditMaterialArticleList',
     hidden: true,
-    meta: { title: '文章审核列表', noCache: true }
+    meta: { title: '文章审核列表', noCache: true, activeMenu: '/audit/material' }
   },
   {
     path: 'material/article-detail',
     component: () => import('@/views/admin/audit/material/article/review'),
     name: 'AuditMaterialArticleDetail',
     hidden: true,
-    meta: { title: '审核文章', noCache: true }
+    meta: { title: '审核文章', noCache: true, activeMenu: '/audit/material' }
   },
   {
     path: 'material/image-list',
     component: () => import('@/views/admin/audit/material/image'),
     name: 'AuditMaterialImageList',
     hidden: true,
-    meta: { title: '图片审核列表', noCache: true }
+    meta: { title: '图片审核列表', noCache: true, activeMenu: '/audit/material' }
   },
   {
     path: 'material/image-detail',
     component: () => import('@/views/admin/audit/material/image/review'),
     name: 'AuditMaterialImageDetail',
     hidden: true,
-    meta: { title: '审核图片', noCache: true }
+    meta: { title: '审核图片', noCache: true, activeMenu: '/audit/material' }
   },
   {
     path: 'material/video-list',
     component: () => import('@/views/admin/audit/material/video'),
     name: 'AuditMaterialVideoList',
     hidden: true,
-    meta: { title: '视频审核列表', noCache: true }
+    meta: { title: '视频审核列表', noCache: true, activeMenu: '/audit/material' }
   },
   {
     path: 'material/file-list',
     component: () => import('@/views/admin/audit/material/file'),
     name: 'AuditMaterialFileList',
     hidden: true,
-    meta: { title: '文件审核列表', noCache: true }
+    meta: { title: '文件审核列表', noCache: true, activeMenu: '/audit/material' }
   },
   {
     path: 'material/package-list',
     component: () => import('@/views/admin/audit/material/package'),
     name: 'AuditMaterialPackageList',
     hidden: true,
-    meta: { title: '资料包审核列表', noCache: true }
+    meta: { title: '资料包审核列表', noCache: true, activeMenu: '/audit/material' }
   }
 ]
 
@@ -148,13 +148,13 @@ const deviceAuditRoutes = [
     path: 'device/device-list',
     component: () => import('@/views/admin/audit/device/list'),
     name: 'AuditDeviceCateList',
-    meta: { title: '设备管理审核', noCache: false }
+    meta: { title: '设备管理审核', noCache: false, activeMenu: '/audit/device/club-list' }
   },
   {
     path: 'device/cate-detail',
     component: () => import('@/views/admin/audit/device/review'),
     name: 'AuditDeviceCateDetail',
-    meta: { title: '设备管理审核详情', noCache: true }
+    meta: { title: '设备管理审核详情', noCache: true, activeMenu: '/audit/device/club-list' }
   }
 ]
 

src/router/module/admin/logistics.js

@@ -20,31 +20,31 @@ const logisticsRoutes = [
         path: 'club-list',
         component: () => import('@/views/admin/logistics-licensed/club/index'),
         name: 'LicensedClubList',
-        meta: { title: '授权机构', noCache: false }
+        meta: { title: '授权机构', noCache: false, activeMenu: '/logistics/supplier-list' }
       },
       {
         path: 'club-detail',
         component: () => import('@/views/admin/logistics-licensed/club/detail'),
         name: 'LicensedClubDetail',
-        meta: { title: '机构详情', noCache: true }
+        meta: { title: '机构详情', noCache: true, activeMenu: '/logistics/supplier-list' }
       },
       {
         path: 'device-list',
         component: () => import('@/views/admin/logistics-licensed/club/device/index'),
         name: 'LicensedDeviceList',
-        meta: { title: '认证设备', noCache: false }
+        meta: { title: '认证设备', noCache: false, activeMenu: '/logistics/supplier-list' }
       },
       {
         path: 'device-detail',
         component: () => import('@/views/admin/logistics-licensed/club/device/detail'),
         name: 'LicensedDeviceDetail',
-        meta: { title: '设备详情', noCache: true }
+        meta: { title: '设备详情', noCache: true, activeMenu: '/logistics/supplier-list' }
       },
       {
         path: 'licensed-record',
         component: () => import('@/views/admin/logistics-licensed/licensed-record'),
         name: 'LicensedRecord',
-        meta: { title: '寄送记录', noCache: false }
+        meta: { title: '寄送记录', noCache: false, activeMenu: '/logistics/supplier-list' }
       }
     ]
   }

src/router/module/admin/member.js

@@ -20,34 +20,34 @@ const memberRoutes = [
         path: 'handsel',
         component: () => import('@/views/admin/member/handsel'),
         name: 'Handsel',
-        meta: { title: '赠送会员', noCache: true },
+        meta: { title: '赠送会员', noCache: true, activeMenu: '/member/member-list' },
         hidden: true
       },
       {
         path: 'service',
         component: () => import('@/views/admin/member/service'),
         name: 'Service',
-        meta: { title: '配置定制化服务', noCache: true },
+        meta: { title: '配置定制化服务', noCache: true, activeMenu: '/member/member-list' },
         hidden: true
       },
       {
         path: 'record',
         component: () => import('@/views/admin/member/record'),
         name: 'Record',
-        meta: { title: '购买记录', noCache: false },
+        meta: { title: '购买记录', noCache: false, activeMenu: '/member/member-list' },
         hidden: true
       },
       {
         path: 'combo-edit',
         component: () => import('@/views/admin/member/settings/combo-edit'),
         name: 'ComboEdit',
-        meta: { title: '会员套餐配置', noCache: true }
+        meta: { title: '会员套餐配置', noCache: true, activeMenu: '/member/member-list' }
       },
       {
         path: 'service-edit',
         component: () => import('@/views/admin/member/settings/service-edit'),
         name: 'ServiceEdit',
-        meta: { title: '会员服务配置', noCache: true }
+        meta: { title: '会员服务配置', noCache: true, activeMenu: '/member/member-list' }
       }
     ]
   }

src/router/module/admin/settings.js

@@ -25,14 +25,14 @@ const settingRoutes = [
         path: 'roles/add',
         name: 'SettingsRolesAdd',
         hidden: true,
-        meta: { title: '添加角色', noCache: true },
+        meta: { title: '添加角色', noCache: true, activeMenu: '/settings/roles' },
         component: () => import('@/views/admin/settings/roles/edit')
       },
       {
         path: 'roles/edit',
         name: 'SettingsRolesEdit',
         hidden: true,
-        meta: { title: '修改角色', noCache: true },
+        meta: { title: '修改角色', noCache: true, activeMenu: '/settings/roles' },
         component: () => import('@/views/admin/settings/roles/edit')
       },
       {
@@ -45,14 +45,14 @@ const settingRoutes = [
         path: 'accounts/add',
         name: 'SettingsAccountsAdd',
         hidden: true,
-        meta: { title: '添加用户', noCache: true },
+        meta: { title: '添加用户', noCache: true, activeMenu: '/settings/accounts' },
         component: () => import('@/views/admin/settings/accounts/edit')
       },
       {
         path: 'accounts/edit',
         name: 'SettingsAccountsEdit',
         hidden: true,
-        meta: { title: '修改用户', noCache: true },
+        meta: { title: '修改用户', noCache: true, activeMenu: '/settings/accounts' },
         component: () => import('@/views/admin/settings/accounts/edit')
       },
       {

src/router/module/admin/supplier.js

@@ -22,42 +22,42 @@ const supplierRoutes = [
         path: 'supplier-add',
         component: () => import('@/views/admin/supplier/edit'),
         name: 'SupplierAdd',
-        meta: { title: '添加供应商', noCache: true }
+        meta: { title: '添加供应商', noCache: true, activeMenu: '/supplier/list' }
       },
       {
         hidden: true,
         path: 'supplier-edit',
         component: () => import('@/views/admin/supplier/edit'),
         name: 'SupplierEdit',
-        meta: { title: '修改供应商', noCache: true }
+        meta: { title: '修改供应商', noCache: true, activeMenu: '/supplier/list' }
       },
       {
         hidden: true,
         path: 'club-list',
         component: () => import('@/views/admin/supplier/club'),
         name: 'SupplierClubList',
-        meta: { title: '查看认证机构', noCache: false }
+        meta: { title: '查看认证机构', noCache: false, activeMenu: '/supplier/list' }
       },
       {
         hidden: true,
         path: 'club-detail',
         component: () => import('@/views/admin/supplier/club/detail'),
         name: 'SupplierClubDetail',
-        meta: { title: '认证机构详情', noCache: true }
+        meta: { title: '认证机构详情', noCache: true, activeMenu: '/supplier/list' }
       },
       {
         hidden: true,
         path: 'club-device-list',
         component: () => import('@/views/admin/supplier/club/device'),
         name: 'SupplierClubDeviceList',
-        meta: { title: '查看设备认证', noCache: false }
+        meta: { title: '查看设备认证', noCache: false, activeMenu: '/supplier/list' }
       },
       {
         hidden: true,
         path: 'club-device-detail',
         component: () => import('@/views/admin/supplier/club/device/detail'),
         name: 'SupplierClubDeviceDetail',
-        meta: { title: '设备认证详情', noCache: true }
+        meta: { title: '设备认证详情', noCache: true, activeMenu: '/supplier/list' }
       }
     ]
   }

src/router/module/base.js

@@ -4,7 +4,7 @@ import Layout from '@/layout'
 export default [
   {
     path: '/',
-    component: () => import(/* webpackChunkName: "common-page" */ '@/views/index'),
+    component: () => import(/* webpackChunkName: "common-page" */ '@/views/root'),
     hidden: true
   },
   {

src/router/module/normal/activity.js

@@ -21,7 +21,7 @@ const activityRoutes = [
         path: 'club',
         component: () => import('@/views/normal/activity/video/club-list.vue'),
         name: 'ChallengeVideoClubList',
-        meta: { title: '参赛机构', noCache: false }
+        meta: { title: '参赛机构', noCache: false, activeMenu: '/challenge/video' }
       }
     ]
   }

src/router/module/normal/audit.js

@@ -21,19 +21,19 @@ const SupplierAuditRoutes = [
         path: 'club/club-detail',
         component: () => import('@/views/normal/audit/club/review'),
         name: 'SupplierAuditClubDetail',
-        meta: { title: '机构认证审核详情', noCache: true }
+        meta: { title: '机构认证审核详情', noCache: true, activeMenu: '/supplier-audit/club' }
       },
       {
         path: 'club/device/list',
         component: () => import('@/views/normal/audit/club/device'),
         name: 'SupplierAuditClubDeviceList',
-        meta: { title: '设备审核列表', noCache: false }
+        meta: { title: '设备审核列表', noCache: false, activeMenu: '/supplier-audit/club' }
       },
       {
         path: 'club/device-detail',
         component: () => import('@/views/normal/audit/club/device/review'),
         name: 'SupplierAuditClubDeviceDetail',
-        meta: { title: '设备审核详情', noCache: true }
+        meta: { title: '设备审核详情', noCache: true, activeMenu: '/supplier-audit/club' }
       }
     ]
   }

src/router/module/normal/club.js

@@ -21,44 +21,44 @@ const clubRoutes = [
         path: 'club-add',
         component: () => import('@/views/normal/club/edit'),
         name: 'ClubAdd',
-        meta: { title: '添加机构', noCache: true }
+        meta: { title: '添加机构', noCache: true, activeMenu: '/club/list' }
       },
       {
         path: 'logistics-licensed',
         component: () => import('@/views/normal/club/logistics-licensed'),
         name: 'ClubLogisticsLicensed',
-        meta: { title: '授权牌物流', noCache: false }
+        meta: { title: '授权牌物流', noCache: false, activeMenu: '/club/list' }
       },
       {
         path: 'club-edit',
         component: () => import('@/views/normal/club/edit'),
         name: 'ClubEdit',
-        meta: { title: '修改机构', noCache: true }
+        meta: { title: '修改机构', noCache: true, activeMenu: '/club/list' }
       },
       // 设备
       {
         path: 'device-list',
         component: () => import('@/views/normal/club/device'),
         name: 'ClubDeviceList',
-        meta: { title: '设备列表', noCache: false }
+        meta: { title: '设备列表', noCache: false, activeMenu: '/club/list' }
       },
       {
         path: 'device-bind',
         component: () => import('@/views/normal/club/device/bind'),
         name: 'ClubDeviceBind',
-        meta: { title: '关联已认证设备', noCache: true }
+        meta: { title: '关联已认证设备', noCache: true, activeMenu: '/club/list' }
       },
       {
         path: 'device-add',
         component: () => import('@/views/normal/club/device/edit'),
         name: 'ClubDeviceAdd',
-        meta: { title: '新设备认证', noCache: true }
+        meta: { title: '新设备认证', noCache: true, activeMenu: '/club/list' }
       },
       {
         path: 'device-edit',
         component: () => import('@/views/normal/club/device/edit'),
         name: 'ClubDeviceEdit',
-        meta: { title: '修改设备', noCache: true }
+        meta: { title: '修改设备', noCache: true, activeMenu: '/club/list' }
       },
       {
         path: 'device-cate',
@@ -70,7 +70,7 @@ const clubRoutes = [
         path: 'device-cate-edit',
         component: () => import('@/views/normal/club/cate/edit'),
         name: 'ClubDeviceCateEdit',
-        meta: { title: '设备编辑', noCache: true }
+        meta: { title: '设备编辑', noCache: true, activeMenu: '/club/device-cate' }
       }
     ]
   }

src/router/module/normal/docs.js

@@ -22,19 +22,19 @@ const docsRoutes = [
         path: ':fileId/list',
         component: () => import('@/views/normal/docs'),
         name: 'DocsAllList',
-        meta: { title: '产品资料', noCache: true }
+        meta: { title: '产品资料', noCache: true, activeMenu: '/docs/list' }
       },
       {
         path: 'article-edit',
         component: () => import('@/views/normal/docs/article-edit'),
         name: 'DocsArticleEdit',
-        meta: { title: '文章编辑', noCache: true }
+        meta: { title: '文章编辑', noCache: true, activeMenu: '/docs/list' }
       },
       {
         path: 'detail',
         component: () => import('@/views/normal/docs/detail'),
         name: 'DocsDetail',
-        meta: { title: '资料详情', noCache: true }
+        meta: { title: '资料详情', noCache: true, activeMenu: '/docs/list' }
       }
     ]
   }

src/router/module/normal/feedback.js

@@ -22,7 +22,7 @@ const feedbackRoutes = [
         component: () => import('@/views/normal/feedback/detail'),
         name: 'FeedbackDetail',
         hidden: true,
-        meta: { title: '反馈处理', noCache: true }
+        meta: { title: '反馈处理', noCache: true, activeMenu: '/feedback/list' }
       }
     ]
   }

src/router/module/normal/material.js

@@ -22,7 +22,7 @@ const materialRoutes = [
         component: () => import('@/views/normal/material/article/edit'),
         hidden: true,
         name: 'MaterialArticleEdit',
-        meta: { title: '编辑文章', noCache: true }
+        meta: { title: '编辑文章', noCache: true, activeMenu: '/material/article-list' }
       },
       {
         path: 'image-list',
@@ -35,7 +35,7 @@ const materialRoutes = [
         component: () => import('@/views/normal/material/image/edit'),
         hidden: true,
         name: 'MaterialImageEdit',
-        meta: { title: '编辑图片', noCache: true }
+        meta: { title: '编辑图片', noCache: true, activeMenu: '/material/image-list' }
       },
       {
         path: 'video-list',

src/router/module/normal/personal.js

@@ -14,28 +14,24 @@ const personalRoutes = [
         component: () => import('@/views/normal/personal'),
         name: 'PersonalInfo',
         meta: { title: '个人资料', noCache: true }
-        // hidden: true
       },
       {
         path: 'mobile',
         component: () => import('@/views/normal/personal/set-mobile'),
         name: 'PersonalMobile',
         meta: { title: '修改手机号', noCache: true }
-        // hidden: true
       },
       {
         path: 'account',
         component: () => import('@/views/normal/personal/set-account'),
         name: 'PersonalAccount',
         meta: { title: '绑定登录账号', noCache: true }
-        // hidden: true
       },
       {
         path: 'vip-record',
         component: () => import('@/views/normal/personal/vip-record'),
         name: 'PersonalVipRecord',
         meta: { title: '会员购买记录', noCache: true }
-        // hidden: true
       }
     ]
   }

src/router/module/normal/personnel.js

@@ -15,14 +15,14 @@ const operate = [
     path: 'operate/add',
     component: () => import('@/views/normal/personnel/operate/edit'),
     name: 'OperateDoctorAdd',
-    meta: { title: '添加操作师', noCache: true }
+    meta: { title: '添加操作师', noCache: true, activeMenu: '/personnel/operate/list' }
   },
   {
     hidden: true,
     path: 'operate/edit',
     component: () => import('@/views/normal/personnel/operate/edit'),
     name: 'OperateDoctorEdit',
-    meta: { title: '修改操作师资料', noCache: true }
+    meta: { title: '修改操作师资料', noCache: true, activeMenu: '/personnel/operate/list' }
   }
 ]
 
@@ -39,14 +39,14 @@ const training = [
     path: 'training/add',
     component: () => import('@/views/normal/personnel/training/edit'),
     name: 'TrainingDoctorAdd',
-    meta: { title: '添加培训师', noCache: true }
+    meta: { title: '添加培训师', noCache: true, activeMenu: '/personnel/training/list' }
   },
   {
     hidden: true,
     path: 'training/edit',
     component: () => import('@/views/normal/personnel/training/edit'),
     name: 'TrainingDoctorEdit',
-    meta: { title: '修改培训师资料', noCache: true }
+    meta: { title: '修改培训师资料', noCache: true, activeMenu: '/personnel/training/list' }
   }
 ]
 

src/router/module/normal/settings.js

@@ -19,14 +19,14 @@ const settingRoutes = [
         path: 'roles/add',
         name: 'NormalSettingsRolesAdd',
         hidden: true,
-        meta: { title: '添加角色', noCache: true },
+        meta: { title: '添加角色', noCache: true, activeMenu: '/normal/settings/roles' },
         component: () => import('@/views/normal/settings/roles/edit')
       },
       {
         path: 'roles/edit',
         name: 'NormalSettingsRolesEdit',
         hidden: true,
-        meta: { title: '修改角色', noCache: true },
+        meta: { title: '修改角色', noCache: true, activeMenu: '/normal/settings/roles' },
         component: () => import('@/views/normal/settings/roles/edit')
       },
       {
@@ -39,14 +39,14 @@ const settingRoutes = [
         path: 'accounts/add',
         name: 'NormalSettingsAccountsAdd',
         hidden: true,
-        meta: { title: '添加用户', noCache: true },
+        meta: { title: '添加用户', noCache: true, activeMenu: '/normal/settings/accounts' },
         component: () => import('@/views/normal/settings/accounts/edit')
       },
       {
         path: 'accounts/edit',
         name: 'NormalSettingsAccountsEdit',
         hidden: true,
-        meta: { title: '修改用户', noCache: true },
+        meta: { title: '修改用户', noCache: true, activeMenu: '/normal/settings/accounts' },
         component: () => import('@/views/normal/settings/accounts/edit')
       },
       {

src/views/index.vue

@@ -1,11 +1,3 @@
-<script>
-import { initGoPage } from '@/utils/auth'
-export default {
-  created() {
-    this.$router.replace(initGoPage())
-  },
-  render(h) {
-    return h()
-  }
-}
-</script>
+<template>
+  <router-view />
+</template>

src/views/root.vue

@@ -0,0 +1,11 @@
+<script>
+import { initGoPage } from '@/utils/auth'
+export default {
+  created() {
+    this.$router.replace(initGoPage())
+  },
+  render(h) {
+    return h()
+  }
+}
+</script>

vue.config.js

@@ -13,7 +13,7 @@ const name = defaultSettings.title || 'vue Element Admin' // page title
 // For example, Mac: sudo npm run
 // You can change the port by the following method:
 // port = 9527 npm run dev OR npm run dev --port = 9527
-const port = process.env.port || process.env.npm_config_port || 9527 // dev port
+const port = process.env.port || process.env.npm_config_port || 5203 // dev port
 
 // All configuration item explanations can be find in https://cli.vuejs.org/config/
 module.exports = {