From 6cb64bebdc8e3770cd380f18458c9bb994ac4ac8 Mon Sep 17 00:00:00 2001
From: Pan <panfree23@gmail.com>
Date: Fri, 14 Jul 2017 17:37:47 +0800
Subject: [PATCH] refine tab-views

---
 src/store/modules/app.js      | 1 -
 src/views/layout/TabsView.vue | 5 ++++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/store/modules/app.js b/src/store/modules/app.js
index 4b612ec2..dcdb98cc 100644
--- a/src/store/modules/app.js
+++ b/src/store/modules/app.js
@@ -1,6 +1,5 @@
 import Cookies from 'js-cookie';
 
-
 const app = {
   state: {
     sidebar: {
diff --git a/src/views/layout/TabsView.vue b/src/views/layout/TabsView.vue
index 8cab4f6f..28a867b9 100644
--- a/src/views/layout/TabsView.vue
+++ b/src/views/layout/TabsView.vue
@@ -1,7 +1,7 @@
 <template>
   <div class='tabs-view-container'>
     <router-link class="tabs-view" v-for="tag in Array.from(visitedViews)" :to="tag.path" :key="tag.path">
-      <el-tag :closable="true" @close='closeViewTabs(tag,$event)'>
+      <el-tag :closable="true" :type="isActive(tag.path)?'primary':''" @close='closeViewTabs(tag,$event)'>
         {{tag.name}}
       </el-tag>
     </router-link>
@@ -29,6 +29,9 @@
       },
       addViewTabs() {
         this.$store.dispatch('addVisitedViews', this.generateRoute())
+      },
+      isActive(path) {
+        return path === this.$route.path
       }
     },
     watch: {