<template>
|
<div>
|
<vol-box
|
v-model="model"
|
:padding="30"
|
title="修改密码"
|
:width="500"
|
:height="250"
|
>
|
<el-alert type="success">
|
<h3>
|
<span>帐号：{{ row.userName }}</span>
|
<span>用户：{{ row.userTrueName }}</span>
|
</h3>
|
</el-alert>
|
<div>
|
<el-input
|
placeholder="请输入旧密码"
|
v-model="password"
|
type="password"
|
size="large"
|
style="width: 100%; margin-top: 15px"
|
/>
|
</div>
|
<div>
|
<el-input
|
placeholder="请输入新密码"
|
v-model="newPwd"
|
type="password"
|
size="large"
|
style="width: 100%; margin-top: 15px"
|
/>
|
</div>
|
<template #footer>
|
<el-button type="primary" @click="savePwd()">修改密码</el-button>
|
<el-button @click="model = false">关闭</el-button>
|
</template>
|
</vol-box>
|
</div>
|
</template>
|
<script>
|
import { defineComponent, defineAsyncComponent } from "vue";
|
export default defineComponent({
|
components: {
|
VolBox: defineAsyncComponent(() => import("@/components/basic/VolBox.vue")),
|
},
|
data() {
|
return {
|
row: {},
|
password: "",
|
newPwd: "",
|
model: false,
|
};
|
},
|
methods: {
|
open(row) {
|
this.password = "";
|
this.newPwd = "";
|
this.row = row;
|
this.model = true;
|
},
|
savePwd() {
|
if (!this.password || !this.newPwd)
|
return this.$Message.error("请输入密码");
|
if (this.password.length < 6 || this.newPwd.length < 6)
|
return this.$Message.error("密码长度至少6位");
|
let url =
|
"/api/user/ModifyPwd?oldPwd=" +
|
this.password +
|
"&newPwd=" +
|
this.newPwd +
|
"&userName=" +
|
this.row.userName;
|
this.http.post(url, {}, true).then((x) => {
|
if (!x.status) {
|
return this.$message.error(x.message);
|
}
|
this.model = false;
|
this.$Message.success(x.message);
|
});
|
},
|
},
|
created() {},
|
});
|
</script>
|
<style lang="less" scoped>
|
h3 {
|
font-weight: 500;
|
> span:last-child {
|
margin-left: 30px;
|
}
|
}
|
</style>
|
