From 17f1e367e8d90cdde9e857d68bed77c57476d03d Mon Sep 17 00:00:00 2001
From: whyczyk <525500596@qq.com>
Date: 星期四, 01 七月 2021 16:46:08 +0800
Subject: [PATCH] 用户密码功能更新
---
src/components/PageHeader.vue | 48 ++++++++++++++++++++++++++++++++++++++++--------
1 files changed, 40 insertions(+), 8 deletions(-)
diff --git a/src/components/PageHeader.vue b/src/components/PageHeader.vue
index 9235835..5a7eda6 100644
--- a/src/components/PageHeader.vue
+++ b/src/components/PageHeader.vue
@@ -12,27 +12,59 @@
<span class="avatar-icon">
<i class="el-icon-user-solid"></i>
</span>
- <span class="avatar-text">
- {{username}}<i class="el-icon-arrow-down el-icon--right"></i>
- </span>
+ <el-dropdown @command="commandClick">
+ <span class="avatar-text">
+ {{username}}<i class="el-icon-arrow-down el-icon--right"></i>
+ </span>
+ <el-dropdown-menu slot="dropdown">
+ <el-dropdown-item command="passwordChange">瀵嗙爜淇敼</el-dropdown-item>
+ </el-dropdown-menu>
+ </el-dropdown>
</div>
-
</div>
+
+ <!-- 瀵嗙爜淇敼 -->
+ <el-dialog title="瀵嗙爜淇敼" width="400px" :visible.sync="pwd.show" :close-on-click-modal="false" top="0"
+ class="dialog-center" :modal-append-to-body="false">
+ <pwd-change v-if="pwd.show" :visible.sync="pwd.show"></pwd-change>
+ </el-dialog>
</div>
</template>
<script>
+ import PwdChange from "@/components/PwdChange";
export default {
+ components: {
+ PwdChange,
+ },
data() {
return {
- username: this.$store.state.user.username
+ username: this.$store.state.user.username,
+ pwd: {
+ show: false,
+ },
}
},
methods: {
- logout () {
+ logout() {
this.$store.dispatch('setLogin');
- this.$router.push({path: '/login'});
- }
+ this.$router.push({
+ path: '/login'
+ });
+ },
+ passwordChange() {
+ this.pwd.show = true;
+ },
+ commandClick(name) {
+ switch (name) {
+ case "passwordChange":
+ this.passwordChange();
+ break;
+ default:
+ this.$layer.msg('璇ュ姛鑳芥殏鏈紑鏀撅紒');
+ break;
+ }
+ },
}
}
</script>
--
Gitblit v1.9.1