feat 面包屑有重复选项 隐藏

src/components/Breadcrumb.vue

@@ -1,18 +1,18 @@
 <template>
   <el-breadcrumb separator-class="el-icon-caret-right" class="app-breadcrumb">
     <el-breadcrumb-item>
-      <!-- <router-link to="/">飞机主控</router-link> -->
       {{ $route.meta.tapName === "plane" ? "飞机主控" : "小程序后台" }}
     </el-breadcrumb-item>
-    <el-breadcrumb-item v-for="(item, index) in breadcrumb" :key="index">
+    <el-breadcrumb-item
-      <!-- <router-link :to="item.path">{{ item.title }}</router-link> -->
+      v-for="(item, index) in filteredBreadcrumb"
+      :key="index"
+    >
       {{ item.title }}
     </el-breadcrumb-item>
   </el-breadcrumb>
 </template>
 
 <script>
-
 export default {
   name: 'Breadcrumb',
   data () {
@@ -29,7 +29,9 @@ export default {
      */
     routes () {
       return this.$router.options.routes.filter(
-        item => item.meta.hidden !== true && item.meta.roles.indexOf(this.$store.state.user.power.trim()) >= 0
+        item =>
+          item.meta.hidden !== true &&
+          item.meta.roles.indexOf(this.$store.state.user.power.trim()) >= 0
       )
     },
     /**
@@ -37,6 +39,16 @@ export default {
      */
     presentPath () {
       return this.$route.path
+    },
+    /**
+     * @description: 过滤重复的面包屑
+     */
+    filteredBreadcrumb () {
+      const list = this.breadcrumb
+      if (list.length <= 1) return list
+      const last = list[list.length - 1]
+      const isDuplicate = list.slice(0, -1).some(item => item.title === last.title)
+      return isDuplicate ? [last] : list
     }
   },
   watch: {
@@ -79,7 +91,6 @@ export default {
   display: block !important;
 }
 
-/* 当屏幕宽度小于等于480px时 */
 @media (max-width: 480px) {
   .app-breadcrumb {
     display: none !important;

src/router/index.js

@@ -628,6 +628,29 @@ const routes = [
       }
     ]
   },
+  {
+    path: '/download',
+    component: Layout,
+    redirect: '/download/index',
+    meta: {
+      title: '软件下载',
+      icon: 'el-icon-download',
+      roles: ['master', 'admin', 'editor'],
+      tapName: 'admin'
+    },
+    children: [
+      {
+        path: '/download/index',
+        component: () => import('@/views/layout/components/main/download/index'),
+        meta: {
+          title: '软件下载',
+          icon: 'el-icon-download',
+          roles: ['master', 'admin', 'editor'],
+          tapName: 'admin'
+        }
+      }
+    ]
+  },
   {
     path: '/404',
     component: Page404,

src/store/modules/app.js

@@ -13,7 +13,8 @@ const defaultModuleVisibilityMap = {
   category: true,
   broadcast: true,
   order: true,
-  nofly: true
+  nofly: true,
+  download: true
 }
 
 // 从 localStorage 读取已有配置，合并覆盖默认配置

src/views/layout/components/main/home/set.vue

@@ -55,7 +55,8 @@ export default {
         { value: 'planes', label: '作业管理' },
         { value: 'shop', label: '单位管理' },
         { value: 'admin', label: '账户管理' },
-        { value: 'message', label: '公告管理' }
+        { value: 'message', label: '公告管理' },
+        { value: 'download', label: '软件下载' }
       ],
       selectedModules: []
     }