注销功能

Former-commit-id: 0f0eaf11de391a79a5c3cb97ac52b353c1f5916b
Former-commit-id: fae82236157c72721d71450afe2b64e12393fc19
Former-commit-id: 7a88b9015111538516235b8c44c5a25fa7063ea6

src/components/core/MainLayout/components/HeaderRight/components/UserDropdown.vue

@@ -2,8 +2,32 @@
   <el-dropdown class="dd-mr">
     <span class="el-dropdown-link">你好</span>
     <el-dropdown-menu slot="dropdown">
-      <el-dropdown-item><Icon name="power-off"></Icon> 注销</el-dropdown-item>
+      <el-dropdown-item @click.native="logOff"><Icon name="power-off"></Icon> 注销</el-dropdown-item>
       <el-dropdown-item><Icon name="user-circle-o"></Icon> 个人中心</el-dropdown-item>
     </el-dropdown-menu>
   </el-dropdown>
 </template>
+
+<script>
+import Cookies from 'js-cookie'
+export default {
+  methods: {
+    logOff() {
+      this.$confirm('注销此账户吗?', '注销', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
+        // 删除cookie
+        Cookies.remove('token')
+        // 跳转路由
+        this.$router.push({
+          name: 'login'
+        })
+      }).catch(() => {
+        // 取消了注销
+      })
+    }
+  }
+}
+</script>

src/router/menu/_chart.js

@@ -29,6 +29,9 @@ export const menu = {
     {
       path: 'index',
       name: 'demo-chart-index',
+      meta: {
+        requiresAuth: true
+      },
       component: resolve => { require(['@/pages/demo/chart/index/index.vue'], resolve) }
     },
     // 所有

src/router/menu/_components.js

@@ -15,6 +15,9 @@ export const menu = {
     {
       path: 'index',
       name: 'demo-components-index',
+      meta: {
+        requiresAuth: true
+      },
       component: resolve => { require(['@/pages/demo/components/index/index.vue'], resolve) }
     },
     // 页面容器

src/router/menu/_plugin.js

@@ -15,6 +15,9 @@ export const menu = {
     {
       path: 'index',
       name: 'demo-plugins-index',
+      meta: {
+        requiresAuth: true
+      },
       component: resolve => { require(['@/pages/demo/plugins/index/index.vue'], resolve) }
     },
     // mock