我的界面添加退出登录

acupuncture-前台/src/views/system/user/profile/index.vue

@@ -33,6 +33,7 @@
                   {{ user.dept.deptName }} / {{ postGroup }}
                 </div>
               </li>
+
               <!-- <li class="list-group-item">
                 <svg-icon icon-class="peoples" />所属角色
                 <div class="pull-right">{{ roleGroup }}</div>
@@ -42,6 +43,14 @@
                 <div class="pull-right">{{ user.createTime }}</div>
               </li> -->
             </ul>
+            <el-button
+              type="primary"
+              size="mini"
+              @click="logout"
+              style="width: 100%; height: 48px; font-size: 16px"
+            >
+              退出登录
+            </el-button>
           </div>
         </el-card>
       </el-col>
@@ -85,6 +94,19 @@ export default {
     this.getUser();
   },
   methods: {
+    async logout() {
+      this.$confirm("确定注销并退出系统吗？", "提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
+      })
+        .then(() => {
+          this.$store.dispatch("LogOut").then(() => {
+            location.href = process.env.VUE_APP_PUBLIC_PATH;
+          });
+        })
+        .catch(() => {});
+    },
     getUser() {
       getUserProfile().then((response) => {
         this.user = response.data;