|
@ -5,10 +5,10 @@ |
|
|
<el-row type="flex" justify="center" align="middle"> |
|
|
<el-row type="flex" justify="center" align="middle"> |
|
|
<el-col> |
|
|
<el-col> |
|
|
<el-form-item label="旧密码" prop="oldPassword" align="center"> |
|
|
<el-form-item label="旧密码" prop="oldPassword" align="center"> |
|
|
<el-input v-model="loginData.oldPassword" placeholder="请输入旧密码" :type="isShowPassword?'text':'password'"/> |
|
|
<el-input v-model="loginData.oldPassword" placeholder="请输入旧密码" :type="isShowOldPassword?'text':'password'"/> |
|
|
<el-icon style="position: absolute; right: 10px;cursor: pointer;" color="#a5a5a5" size="20" @click="isShowPassword = !isShowPassword"> |
|
|
<el-icon style="position: absolute; right: 10px;cursor: pointer;" color="#a5a5a5" size="20" @click="isShowOldPassword = !isShowOldPassword"> |
|
|
<View v-if="!isShowPassword"/> |
|
|
<View v-if="!isShowOldPassword"/> |
|
|
<Hide v-if="isShowPassword"/> |
|
|
<Hide v-if="isShowOldPassword"/> |
|
|
</el-icon> |
|
|
</el-icon> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
</el-col> |
|
|
</el-col> |
|
@ -57,6 +57,7 @@ |
|
|
const iconCircleCheck = useIcon({ icon: 'ep:circle-check' }) |
|
|
const iconCircleCheck = useIcon({ icon: 'ep:circle-check' }) |
|
|
const route = useRoute() //路由信息 |
|
|
const route = useRoute() //路由信息 |
|
|
const rules = { |
|
|
const rules = { |
|
|
|
|
|
oldPassword: [required], |
|
|
password: [required], |
|
|
password: [required], |
|
|
againPassword: [required] |
|
|
againPassword: [required] |
|
|
} |
|
|
} |
|
@ -69,7 +70,7 @@ |
|
|
}) |
|
|
}) |
|
|
const isShowPassword = ref(false) |
|
|
const isShowPassword = ref(false) |
|
|
const isShowAgainPassword = ref(false) |
|
|
const isShowAgainPassword = ref(false) |
|
|
|
|
|
const isShowOldPassword = ref(false) |
|
|
const loading = ref(false); |
|
|
const loading = ref(false); |
|
|
const submitForm = async () => { |
|
|
const submitForm = async () => { |
|
|
try { |
|
|
try { |
|
|