<template>
<div>
    <a-menu class="header-menu" mode="horizontal" @click="onSelected">
      <a-sub-menu>
          <span slot="title" class="wrapper">
              <a-icon type="setting"/>
          </span>
          <a-menu-item key="change_pass">
              修改密码
          </a-menu-item>
          <a-menu-item key="logout">
              注销
          </a-menu-item>
      </a-sub-menu>
    </a-menu>
</div>
</template>

<script>
import {request} from "@/js/req";

export default {
    name: 'HeaderMenu',
    data() {
        return {};
    },
    methods: {
        onSelected(item) {
            if(item.key === "change_pass") {
                this.$router.push('/manage/user');
            } else {
                request('DELETE', '/api/login', null, (ok) => {
                    if(ok.code !== 0) {
                        throw ok.msg;
                    }
                    this.$router.push('/');
                }, (err) => {
                    this.$message.error(`错误: ${err}`);
                });
            }
        }
    }
}
</script>

<style scoped>
.header-menu {
    float: right;
}
</style>