修改布局细节问题

jero-web/src/components/layouts/TabLayout.vue

@@ -3,24 +3,24 @@
     <!-- update-begin- author:sunjianlei --- date:20191009 --- for: 提升右键菜单的层级 -->
     <contextmenu :itemList="menuItemList" :visible.sync="menuVisible" style="z-index: 9999;" @select="onMenuSelect"/>
     <!-- update-end- author:sunjianlei --- date:20191009 --- for: 提升右键菜单的层级 -->
-<!--    <a-tabs-->
-<!--      @contextmenu.native="e => onContextmenu(e)"-->
-<!--      v-if="multipage"-->
-<!--      :active-key="activePage"-->
-<!--      class="tab-layout-tabs"-->
-<!--      style="height:52px"-->
-<!--      :hide-add="true"-->
-<!--      type="editable-card"-->
-<!--      @change="changePage"-->
-<!--      @tabClick="tabCallBack"-->
-<!--      @edit="editPage">-->
-<!--      <a-tab-pane :id="page.fullPath" :key="page.fullPath" v-for="page in pageList"-->
-<!--                  :closable="!(page.meta.title=='首页')">-->
-<!--        <span slot="tab" :pagekey="page.fullPath">{{ page.meta.title }}</span>-->
-<!--      </a-tab-pane>-->
-<!--    </a-tabs>-->
-<!--    style="margin: 12px 12px 0;"-->
-    <Tabcrumbs v-if="isTrue"/>
+    <!--    <a-tabs-->
+    <!--      @contextmenu.native="e => onContextmenu(e)"-->
+    <!--      v-if="multipage"-->
+    <!--      :active-key="activePage"-->
+    <!--      class="tab-layout-tabs"-->
+    <!--      style="height:52px"-->
+    <!--      :hide-add="true"-->
+    <!--      type="editable-card"-->
+    <!--      @change="changePage"-->
+    <!--      @tabClick="tabCallBack"-->
+    <!--      @edit="editPage">-->
+    <!--      <a-tab-pane :id="page.fullPath" :key="page.fullPath" v-for="page in pageList"-->
+    <!--                  :closable="!(page.meta.title=='首页')">-->
+    <!--        <span slot="tab" :pagekey="page.fullPath">{{ page.meta.title }}</span>-->
+    <!--      </a-tab-pane>-->
+    <!--    </a-tabs>-->
+    <!--    style="margin: 12px 12px 0;"-->
+    <Tabcrumbs v-if="isTrue" :menuTitle="menuTitle"/>
     <div>
       <!-- update-begin-author:taoyan date:20201221 for:此处删掉transition标签 不知道为什么加上后 页面路由切换的时候即1及菜单切到2及菜单的时候 两个菜单页面会同时出现300-500秒左右 -->
       <keep-alive v-if="multipage">
@@ -65,7 +65,8 @@
           { key: '2', icon: 'arrow-right', text: '关闭右侧' },
           { key: '3', icon: 'close', text: '关闭其它' }
         ],
-        reloadFlag: true
+        reloadFlag: true,
+        menuTitle: {},
       }
     },
     /* update_begin author:wuxianquan date:20190828 for: 关闭当前tab页，供子页面调用 ->望菜单能配置外链，直接弹出新页面而不是嵌入iframe #428 */
@@ -84,13 +85,13 @@
           return this.$store.state.app.multipage
         }
       },
-      isTrue(){
-          if (this.$route.path == '/docManage/library/detail'){
-            return false
-          }else{
-            return true
-          }
-      },
+      isTrue() {
+        if (this.$route.path == '/docManage/library/detail') {
+          return false
+        } else {
+          return true
+        }
+      }
     },
     created() {
       if (this.$route.path != indexKey) {
@@ -447,15 +448,18 @@
 
   .ant-card {
     z-index: 999;
-    background: transparent!important;
-  }
-  .ant-input{
     background: transparent !important;
   }
-  .ant-select-selection{
+
+  .ant-input {
     background: transparent !important;
   }
-  .ant-table-placeholder{
+
+  .ant-select-selection {
+    background: transparent !important;
+  }
+
+  .ant-table-placeholder {
     background: transparent !important;
   }
 </style>

jero-web/src/components/layouts/Tabcrumbs.vue

@@ -15,10 +15,13 @@
 <script>
   export default {
     name: 'Tabcrumbs',
+    props: ['menuTitle'],
     data() {
       return {
         Navigation: '文档管理',
-        subNavigation: null
+        subNavigation: null,
+        selectedKeys: [],
+        openKeys:[],
       }
     },
     watch: {
@@ -27,7 +30,7 @@
           this.Navigation = val.meta.title
           this.subNavigation = null
         } else {
-          this.subNavigation = val.meta.title
+          this.updateMenu()
         }
       }
     },
@@ -36,11 +39,27 @@
         this.Navigation = this.$route.meta.title
         this.subNavigation = null
       } else {
+        this.updateMenu()
+      }
+    },
+    methods: {
+      updateMenu() {
+        const routes = this.$route.matched.concat()
+        const { hidden } = this.$route.meta
+        if (routes.length >= 3 && hidden) {
+          routes.pop()
+          this.selectedKeys = [routes[routes.length - 1].path]
+        } else {
+          this.selectedKeys = [routes.pop().path]
+        }
+        this.openKeys = []
+        routes.forEach(item => {
+          this.openKeys.push(item)
+        })
+        this.Navigation =this.openKeys[1].meta.title
         this.subNavigation = this.$route.meta.title
       }
-
-    },
-    methods: {}
+    }
   }
 </script>