|
@@ -4,10 +4,27 @@
|
|
|
<el-form-item label="手机号" prop="userName" required>
|
|
|
<el-input disabled v-model="data.userName" style="width: 300px" :maxlength="500" placeholder="请输入" />
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="验证码" prop="msgAuthCode" required>
|
|
|
+ <!-- <el-form-item label="验证码" prop="msgAuthCode" required>
|
|
|
<el-input v-model="data.msgAuthCode" style="width: 190px" :maxlength="500" placeholder="请输入" />
|
|
|
<el-button :loading="checkCodeBtn.loading" :disabled="checkCodeBtn.disabled" type="danger"
|
|
|
style="margin-left: 10px" @click="getCheckCode"> {{ checkCodeBtn.text }}</el-button>
|
|
|
+ </el-form-item> -->
|
|
|
+ <el-form-item label="旧密码" prop="oldPassword" required>
|
|
|
+ <el-input autocomplete="off" readonly onfocus="this.removeAttribute('readonly');" v-model="data.oldPassword"
|
|
|
+ :type="addOldPassFlag ? 'text' : 'password'" style="width: 300px" :maxlength="500"
|
|
|
+ placeholder="请输入8-16位数字、字母大小写组合">
|
|
|
+ <template #suffix>
|
|
|
+ <span @click="addOldPassFlag = !addOldPassFlag" style="cursor: pointer;">
|
|
|
+ <el-icon v-if="addOldPassFlag">
|
|
|
+ <View />
|
|
|
+ </el-icon>
|
|
|
+ <el-icon v-else>
|
|
|
+ <Hide />
|
|
|
+ </el-icon>
|
|
|
+ </span>
|
|
|
+ </template>
|
|
|
+ </el-input>
|
|
|
+
|
|
|
</el-form-item>
|
|
|
<el-form-item label="密码" prop="password" required>
|
|
|
<el-input autocomplete="off" readonly onfocus="this.removeAttribute('readonly');" v-model="data.password"
|
|
@@ -28,11 +45,11 @@
|
|
|
</el-form-item>
|
|
|
<el-form-item label="密码确认" prop="confirmPwd" required>
|
|
|
<el-input autocomplete="off" readonly onfocus="this.removeAttribute('readonly');" v-model="data.confirmPwd"
|
|
|
- :type="addPassFlag ? 'text' : 'password'" style="width: 300px" :maxlength="40"
|
|
|
+ :type="addConfirmPassFlag ? 'text' : 'password'" style="width: 300px" :maxlength="40"
|
|
|
placeholder="请输入8-16位数字、字母大小写组合">
|
|
|
<template #suffix>
|
|
|
- <span @click="addPassFlag = !addPassFlag" style="cursor: pointer;">
|
|
|
- <el-icon v-if="addPassFlag">
|
|
|
+ <span @click="addConfirmPassFlag = !addConfirmPassFlag" style="cursor: pointer;">
|
|
|
+ <el-icon v-if="addConfirmPassFlag">
|
|
|
<View />
|
|
|
</el-icon>
|
|
|
<el-icon v-else>
|
|
@@ -60,6 +77,8 @@ import {
|
|
|
import { ref, reactive, unref, onMounted, watchEffect } from "vue";
|
|
|
import { onUnmounted } from "vue";
|
|
|
const addPassFlag = ref(false)//图标显示标识
|
|
|
+const addOldPassFlag = ref(false)//图标显示标识
|
|
|
+const addConfirmPassFlag = ref(false)//图标显示标识
|
|
|
import { globalPasswordRex } from "@/util/regex";
|
|
|
const baseFormRef = ref<FormInstance>();
|
|
|
|
|
@@ -71,7 +90,8 @@ const data = ref<UserType>({
|
|
|
nickName: "",
|
|
|
orgId: undefined,
|
|
|
password: "",
|
|
|
- msgAuthCode: "",
|
|
|
+ oldPassword :"",
|
|
|
+ // msgAuthCode: "",
|
|
|
confirmPwd: "",
|
|
|
status: 0,
|
|
|
userName: "",
|
|
@@ -106,6 +126,10 @@ const rules = reactive<FormRules>({
|
|
|
{ required: true, message: "请输入验证码", trigger: "change" },
|
|
|
],
|
|
|
|
|
|
+ oldPassword: [
|
|
|
+ { required: true, pattern: globalPasswordRex, message: "请输入8-16位数字、字母大小写组合", trigger: "blur" },
|
|
|
+ { required: true, min: 8, message: '密码太短!', trigger: "blur" },
|
|
|
+ ],
|
|
|
password: [
|
|
|
{ required: true, pattern: globalPasswordRex, message: "请输入8-16位数字、字母大小写组合", trigger: "blur" },
|
|
|
{ required: true, min: 8, message: '密码太短!', trigger: "blur" },
|