LabEx/web/src/views/Personal.vue
KaiyuanOSG 0e7178143c 2023.6.21
1. 添加文件上传下载
2. 添加AOP记录运行耗时
2023-06-21 10:00:29 +08:00

92 lines
2.5 KiB
Vue

<template>
<!--个人信息-->
<el-page-header content="个人信息" style="margin-bottom: 30px" @back="this.$router.push('/Login')"/>
<el-card style="padding-left: 60px;padding-right: 60px">
<el-descriptions title="个人信息" border>
<el-descriptions-item label="用户ID">{{ userInfo.userId }}</el-descriptions-item>
<el-descriptions-item label="用户名">{{ userInfo.username }}</el-descriptions-item>
<el-descriptions-item label="身份">{{ userInfo.role }}</el-descriptions-item>
<el-descriptions-item label="操作">
<el-button type="primary" @click="pwdVisable=true">修改密码</el-button>
<el-button type="danger" @click="logout">退出</el-button>
</el-descriptions-item>
</el-descriptions>
</el-card>
<el-dialog
v-model="pwdVisable"
title="修改密码"
width="30%"
>
<el-form label-width="120px">
<el-form-item label="旧密码">
<el-input v-model="userInfo.oldPassword"/>
</el-form-item>
<el-form-item label="新密码">
<el-input v-model="userInfo.newPassword"/>
</el-form-item>
</el-form>
<template #footer>
<span class="dialog-footer">
<el-button @click="pwdVisable = false">取消</el-button>
<el-button type="primary" @click="changePwd">确认</el-button>
</span>
</template>
</el-dialog>
</template>
<script>
import {ElMessage} from "element-plus";
export default {
name: "Personal",
data() {
return {
userInfo: {
userId: '',
role: '',
username: '',
newPassword: '',
oldPassword: ''
},
pwdVisable: false
}
},
mounted() {
this.userInfo.role = window.sessionStorage.getItem('role');
this.userInfo.name = window.sessionStorage.getItem("username");
this.userInfo.username = window.sessionStorage.getItem("username");
this.userInfo.userId = window.sessionStorage.getItem("userId");
},
methods: {
changePwd() {
this.$http({
url: '/changePassword',
method: 'put',
data: this.userInfo
}).then(({data}) => {
if (data.code === 200) {
ElMessage({
message: '修改成功',
type: 'success',
})
this.pwdVisable = false;
} else {
ElMessage({
message: '修改失败,' + data.msg,
type: 'warning',
})
}
})
},
logout() {
window.sessionStorage.clear();
this.$router.push('/Login')
}
}
}
</script>
<style scoped>
</style>