|
|
@@ -1,22 +1,23 @@
|
|
|
<template>
|
|
|
<Layer :layer="layer" @confirm="submit" ref="layerDom">
|
|
|
<el-form :model="form" :rules="rules" ref="ruleForm" label-width="120px" style="margin-right: 30px">
|
|
|
- <el-form-item label="用户名:" prop="name"> {{ username }} </el-form-item>
|
|
|
+ <el-form-item label="用户名:" prop="name"> {{ username }}</el-form-item>
|
|
|
<el-form-item label="原密码:" prop="old">
|
|
|
- <el-input v-model="form.old" placeholder="请输入原密码" show-password></el-input>
|
|
|
+ <el-input v-model="form.old" placeholder="请输入原密码" class="security"></el-input>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="新密码:" prop="new">
|
|
|
- <el-input v-model="form.new" placeholder="请输入新密码" show-password></el-input>
|
|
|
+ <el-input v-model="form.new" placeholder="请输入新密码" class="security"></el-input>
|
|
|
</el-form-item>
|
|
|
</el-form>
|
|
|
</Layer>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
-import { defineComponent, ref } from 'vue'
|
|
|
-import { useStore } from 'vuex'
|
|
|
-import { changePassword } from '@/api/settings/user-settings'
|
|
|
+import {defineComponent, ref} from 'vue'
|
|
|
+import {useStore} from 'vuex'
|
|
|
+import {changePassword} from '@/api/settings/user-settings'
|
|
|
import Layer from '@/components/layer'
|
|
|
+
|
|
|
export default defineComponent({
|
|
|
components: {
|
|
|
Layer,
|
|
|
@@ -45,9 +46,10 @@ export default defineComponent({
|
|
|
new: '',
|
|
|
})
|
|
|
const rules = {
|
|
|
- old: [{ required: true, message: '请输入原密码', trigger: 'blur' }],
|
|
|
- new: [{ required: true, message: '请输入新密码', trigger: 'blur' }],
|
|
|
+ old: [{required: true, message: '请输入原密码', trigger: 'blur'}],
|
|
|
+ new: [{required: true, message: '请输入新密码', trigger: 'blur'}],
|
|
|
}
|
|
|
+
|
|
|
function submit() {
|
|
|
if (ruleForm.value) {
|
|
|
ruleForm.value.validate((valid) => {
|
|
|
@@ -66,6 +68,7 @@ export default defineComponent({
|
|
|
})
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
return {
|
|
|
username,
|
|
|
form,
|