From 708849c998d5c4c67a7d7da341c88d7c4e5cc65c Mon Sep 17 00:00:00 2001
From: Pan <panfree23@gmail.com>
Date: Thu, 31 Jan 2019 17:22:49 +0800
Subject: [PATCH 1/5] add affix tag

---
 src/icons/svg/affix.svg                  |  1 +
 src/router/index.js                      |  5 +-
 src/store/modules/tagsView.js            | 13 ++---
 src/views/layout/components/TagsView.vue | 74 +++++++++++++++++++-----
 4 files changed, 71 insertions(+), 22 deletions(-)
 create mode 100644 src/icons/svg/affix.svg

diff --git a/src/icons/svg/affix.svg b/src/icons/svg/affix.svg
new file mode 100644
index 00000000000..34979fd81c9
--- /dev/null
+++ b/src/icons/svg/affix.svg
@@ -0,0 +1 @@
+<svg class="icon" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="128" height="128"><defs><style/></defs><path d="M719.36 92.672l212.992 210.944c24.064 20.992 26.624 56.832 5.632 80.896-20.992 24.064-56.832 26.624-80.896 5.632a29.34 29.34 0 0 1-5.632-5.632l-21.504-16.896-217.6 307.2 68.096 68.096c20.992 24.064 18.432 59.904-5.632 80.896-21.504 18.944-53.76 18.944-75.264 0L198.656 420.352c-20.992-24.064-18.432-59.904 5.632-80.896 21.504-18.944 53.76-18.944 75.264 0l67.584 68.096 307.2-217.6-15.872-16.384c-24.064-20.992-26.624-56.832-5.632-80.896 20.992-24.064 56.832-26.624 80.896-5.632a29.34 29.34 0 0 1 5.632 5.632zM397.824 703.488l-79.872-78.848c-64.512 77.824-166.4 190.976-184.832 214.528-27.136 33.28-47.616 71.68-61.44 112.128 40.448-13.312 78.848-34.304 112.128-60.928 23.552-18.432 136.704-120.32 214.016-185.856v-1.024z"/></svg>
\ No newline at end of file
diff --git a/src/router/index.js b/src/router/index.js
index f42046ee15b..d03d7336ce9 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -29,6 +29,7 @@ import nestedRouter from './modules/nested'
     icon: 'svg-name'             the icon show in the sidebar
     noCache: true                if true, the page will no be cached(default is false)
     breadcrumb: false            if false, the item will hidden in breadcrumb(default is true)
+    affix: true                  if true, the tag will affix in the tags-view
   }
 **/
 export const constantRouterMap = [
@@ -72,7 +73,7 @@ export const constantRouterMap = [
         path: 'dashboard',
         component: () => import('@/views/dashboard/index'),
         name: 'Dashboard',
-        meta: { title: 'dashboard', icon: 'dashboard', noCache: true }
+        meta: { title: 'dashboard', icon: 'dashboard', noCache: true, affix: true }
       }
     ]
   },
@@ -85,7 +86,7 @@ export const constantRouterMap = [
         path: 'index',
         component: () => import('@/views/documentation/index'),
         name: 'Documentation',
-        meta: { title: 'documentation', icon: 'documentation', noCache: true }
+        meta: { title: 'documentation', icon: 'documentation', noCache: true, affix: true }
       }
     ]
   },
diff --git a/src/store/modules/tagsView.js b/src/store/modules/tagsView.js
index cbf9eeb7b5b..378cbcd3dae 100644
--- a/src/store/modules/tagsView.js
+++ b/src/store/modules/tagsView.js
@@ -38,12 +38,9 @@ const tagsView = {
     },
 
     DEL_OTHERS_VISITED_VIEWS: (state, view) => {
-      for (const [i, v] of state.visitedViews.entries()) {
-        if (v.path === view.path) {
-          state.visitedViews = state.visitedViews.slice(i, i + 1)
-          break
-        }
-      }
+      state.visitedViews = state.visitedViews.filter(v => {
+        return v.meta.affix || v.path === view.path
+      })
     },
     DEL_OTHERS_CACHED_VIEWS: (state, view) => {
       for (const i of state.cachedViews) {
@@ -56,7 +53,9 @@ const tagsView = {
     },
 
     DEL_ALL_VISITED_VIEWS: state => {
-      state.visitedViews = []
+      // keep affix tags
+      const affixTags = state.visitedViews.filter(tag => tag.meta.affix)
+      state.visitedViews = affixTags
     },
     DEL_ALL_CACHED_VIEWS: state => {
       state.cachedViews = []
diff --git a/src/views/layout/components/TagsView.vue b/src/views/layout/components/TagsView.vue
index c16827b6b78..b9b986f34f2 100644
--- a/src/views/layout/components/TagsView.vue
+++ b/src/views/layout/components/TagsView.vue
@@ -12,14 +12,16 @@
         @click.middle.native="closeSelectedTag(tag)"
         @contextmenu.prevent.native="openMenu(tag,$event)">
         {{ generateTitle(tag.title) }}
-        <span class="el-icon-close" @click.prevent.stop="closeSelectedTag(tag)" />
+        <span v-if="!tag.meta.affix" class="el-icon-close" @click.prevent.stop="closeSelectedTag(tag)" />
+        <svg-icon v-else class-name="affix-icon" icon-class="affix" />
       </router-link>
     </scroll-pane>
     <ul v-show="visible" :style="{left:left+'px',top:top+'px'}" class="contextmenu">
       <li @click="refreshSelectedTag(selectedTag)">{{ $t('tagsView.refresh') }}</li>
-      <li @click="closeSelectedTag(selectedTag)">{{ $t('tagsView.close') }}</li>
+      <li v-if="!(selectedTag.meta&&selectedTag.meta.affix)" @click="closeSelectedTag(selectedTag)">{{
+      $t('tagsView.close') }}</li>
       <li @click="closeOthersTags">{{ $t('tagsView.closeOthers') }}</li>
-      <li @click="closeAllTags">{{ $t('tagsView.closeAll') }}</li>
+      <li @click="closeAllTags(selectedTag)">{{ $t('tagsView.closeAll') }}</li>
     </ul>
   </div>
 </template>
@@ -27,6 +29,7 @@
 <script>
 import ScrollPane from '@/components/ScrollPane'
 import { generateTitle } from '@/utils/i18n'
+import path from 'path'
 
 export default {
   components: { ScrollPane },
@@ -35,12 +38,16 @@ export default {
       visible: false,
       top: 0,
       left: 0,
-      selectedTag: {}
+      selectedTag: {},
+      affixTags: []
     }
   },
   computed: {
     visitedViews() {
       return this.$store.state.tagsView.visitedViews
+    },
+    routers() {
+      return this.$store.state.permission.routers
     }
   },
   watch: {
@@ -57,6 +64,7 @@ export default {
     }
   },
   mounted() {
+    this.initViewTags()
     this.addViewTags()
   },
   methods: {
@@ -64,6 +72,35 @@ export default {
     isActive(route) {
       return route.path === this.$route.path
     },
+    filterAffixTags(routes, basePath = '/') {
+      let tags = []
+      routes.forEach(route => {
+        if (route.meta && route.meta.affix) {
+          tags.push({
+            path: path.resolve(basePath, route.path),
+            name: route.name,
+            meta: { ...route.meta }
+          })
+        }
+        if (route.children) {
+          const tempTags = this.filterAffixTags(route.children, route.path)
+          if (tempTags.length >= 1) {
+            tags = [...tags, ...tempTags]
+          }
+        }
+      })
+
+      return tags
+    },
+    initViewTags() {
+      const affixTags = this.affixTags = this.filterAffixTags(this.routers)
+      for (const tag of affixTags) {
+        // Must have tag name
+        if (tag.name) {
+          this.$store.dispatch('addView', tag)
+        }
+      }
+    },
     addViewTags() {
       const { name } = this.$route
       if (name) {
@@ -101,12 +138,7 @@ export default {
     closeSelectedTag(view) {
       this.$store.dispatch('delView', view).then(({ visitedViews }) => {
         if (this.isActive(view)) {
-          const latestView = visitedViews.slice(-1)[0]
-          if (latestView) {
-            this.$router.push(latestView)
-          } else {
-            this.$router.push('/')
-          }
+          this.toLastView(visitedViews)
         }
       })
     },
@@ -116,9 +148,22 @@ export default {
         this.moveToCurrentTag()
       })
     },
-    closeAllTags() {
-      this.$store.dispatch('delAllViews')
-      this.$router.push('/')
+    closeAllTags(view) {
+      this.$store.dispatch('delAllViews').then(({ visitedViews }) => {
+        if (this.affixTags.some(tag => tag.path === view.path)) {
+          return
+        }
+        this.toLastView(visitedViews)
+      })
+    },
+    toLastView(visitedViews) {
+      const latestView = visitedViews.slice(-1)[0]
+      if (latestView) {
+        this.$router.push(latestView)
+      } else {
+        // You can set another route
+        this.$router.push('/')
+      }
     },
     openMenu(tag, e) {
       const menuMinWidth = 105
@@ -186,6 +231,9 @@ export default {
           margin-right: 2px;
         }
       }
+      .affix-icon{
+        margin-left: 2px;
+      }
     }
   }
   .contextmenu {

From 0caa7e91dcfce180aa951d67ffe2800594d3febb Mon Sep 17 00:00:00 2001
From: Pan <panfree23@gmail.com>
Date: Fri, 15 Feb 2019 15:07:17 +0800
Subject: [PATCH 2/5] refine style

---
 src/icons/svg/affix.svg                  | 1 -
 src/views/layout/components/TagsView.vue | 1 -
 2 files changed, 2 deletions(-)
 delete mode 100644 src/icons/svg/affix.svg

diff --git a/src/icons/svg/affix.svg b/src/icons/svg/affix.svg
deleted file mode 100644
index 34979fd81c9..00000000000
--- a/src/icons/svg/affix.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg class="icon" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="128" height="128"><defs><style/></defs><path d="M719.36 92.672l212.992 210.944c24.064 20.992 26.624 56.832 5.632 80.896-20.992 24.064-56.832 26.624-80.896 5.632a29.34 29.34 0 0 1-5.632-5.632l-21.504-16.896-217.6 307.2 68.096 68.096c20.992 24.064 18.432 59.904-5.632 80.896-21.504 18.944-53.76 18.944-75.264 0L198.656 420.352c-20.992-24.064-18.432-59.904 5.632-80.896 21.504-18.944 53.76-18.944 75.264 0l67.584 68.096 307.2-217.6-15.872-16.384c-24.064-20.992-26.624-56.832-5.632-80.896 20.992-24.064 56.832-26.624 80.896-5.632a29.34 29.34 0 0 1 5.632 5.632zM397.824 703.488l-79.872-78.848c-64.512 77.824-166.4 190.976-184.832 214.528-27.136 33.28-47.616 71.68-61.44 112.128 40.448-13.312 78.848-34.304 112.128-60.928 23.552-18.432 136.704-120.32 214.016-185.856v-1.024z"/></svg>
\ No newline at end of file
diff --git a/src/views/layout/components/TagsView.vue b/src/views/layout/components/TagsView.vue
index b9b986f34f2..c5881db84d3 100644
--- a/src/views/layout/components/TagsView.vue
+++ b/src/views/layout/components/TagsView.vue
@@ -13,7 +13,6 @@
         @contextmenu.prevent.native="openMenu(tag,$event)">
         {{ generateTitle(tag.title) }}
         <span v-if="!tag.meta.affix" class="el-icon-close" @click.prevent.stop="closeSelectedTag(tag)" />
-        <svg-icon v-else class-name="affix-icon" icon-class="affix" />
       </router-link>
     </scroll-pane>
     <ul v-show="visible" :style="{left:left+'px',top:top+'px'}" class="contextmenu">

From 83a9291b4ae6ed90a41ca22d82718e3c5cd9f01e Mon Sep 17 00:00:00 2001
From: Pan <panfree23@gmail.com>
Date: Fri, 15 Feb 2019 15:18:06 +0800
Subject: [PATCH 3/5] fix bug

---
 src/router/index.js                      | 2 +-
 src/views/layout/components/TagsView.vue | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/router/index.js b/src/router/index.js
index d03d7336ce9..53981029f83 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -86,7 +86,7 @@ export const constantRouterMap = [
         path: 'index',
         component: () => import('@/views/documentation/index'),
         name: 'Documentation',
-        meta: { title: 'documentation', icon: 'documentation', noCache: true, affix: true }
+        meta: { title: 'documentation', icon: 'documentation', affix: true }
       }
     ]
   },
diff --git a/src/views/layout/components/TagsView.vue b/src/views/layout/components/TagsView.vue
index c5881db84d3..e36b5a94630 100644
--- a/src/views/layout/components/TagsView.vue
+++ b/src/views/layout/components/TagsView.vue
@@ -96,7 +96,7 @@ export default {
       for (const tag of affixTags) {
         // Must have tag name
         if (tag.name) {
-          this.$store.dispatch('addView', tag)
+          this.$store.dispatch('addVisitedView', tag)
         }
       }
     },

From 5a5e74a91844b9e38303d8b220b47b72d5d27f66 Mon Sep 17 00:00:00 2001
From: Pan <panfree23@gmail.com>
Date: Fri, 15 Feb 2019 15:19:41 +0800
Subject: [PATCH 4/5] change name

---
 src/views/layout/components/TagsView.vue | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/views/layout/components/TagsView.vue b/src/views/layout/components/TagsView.vue
index e36b5a94630..1153d02a403 100644
--- a/src/views/layout/components/TagsView.vue
+++ b/src/views/layout/components/TagsView.vue
@@ -51,7 +51,7 @@ export default {
   },
   watch: {
     $route() {
-      this.addViewTags()
+      this.addTags()
       this.moveToCurrentTag()
     },
     visible(value) {
@@ -63,8 +63,8 @@ export default {
     }
   },
   mounted() {
-    this.initViewTags()
-    this.addViewTags()
+    this.initTags()
+    this.addTags()
   },
   methods: {
     generateTitle, // generateTitle by vue-i18n
@@ -91,7 +91,7 @@ export default {
 
       return tags
     },
-    initViewTags() {
+    initTags() {
       const affixTags = this.affixTags = this.filterAffixTags(this.routers)
       for (const tag of affixTags) {
         // Must have tag name
@@ -100,7 +100,7 @@ export default {
         }
       }
     },
-    addViewTags() {
+    addTags() {
       const { name } = this.$route
       if (name) {
         this.$store.dispatch('addView', this.$route)

From d5898e192ef1ab501af43a43619f34c8e69e6ad0 Mon Sep 17 00:00:00 2001
From: Pan <panfree23@gmail.com>
Date: Fri, 15 Feb 2019 15:22:01 +0800
Subject: [PATCH 5/5] rm

---
 src/views/layout/components/TagsView.vue | 3 ---
 1 file changed, 3 deletions(-)

diff --git a/src/views/layout/components/TagsView.vue b/src/views/layout/components/TagsView.vue
index 1153d02a403..cfac9c7db1a 100644
--- a/src/views/layout/components/TagsView.vue
+++ b/src/views/layout/components/TagsView.vue
@@ -230,9 +230,6 @@ export default {
           margin-right: 2px;
         }
       }
-      .affix-icon{
-        margin-left: 2px;
-      }
     }
   }
   .contextmenu {