注销功能

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>