| | |
| | | }, |
| | | }, |
| | | data() { |
| | | var validatePhone = (rule, value, callback) => { |
| | | if (!value) { |
| | | // The 'required' rule will handle empty value, so we can make this optional here |
| | | // or keep it for a more specific message if needed. |
| | | // For now, let's assume 'required' handles the empty case. |
| | | callback(); |
| | | return; |
| | | } |
| | | const phoneRegex = new RegExp(/^(13[0-9]|14[01456879]|15[0-35-9]|16[2567]|17[0-8]|18[0-9]|19[0-35-9])\d{8}$/,'g'); // Regex for 11-digit Chinese mobile numbers |
| | | if (!phoneRegex.test(value)) { |
| | | callback(new Error('请输入有效的11位手机号码')); |
| | | } else { |
| | | callback(); |
| | | } |
| | | }; |
| | | return { |
| | | form: { status: true }, |
| | | userDeptId: '', |
| | | rules: { |
| | | nickName: [{ required: true, message: '请输入姓名', trigger: 'blur' }], |
| | | phonenumber: [{ required: true, message: '请输入联系电话', trigger: 'blur' }], |
| | | roleId: [{ required: true, message: '请选择角色', trigger: 'blur' }], |
| | | phonenumber: [ |
| | | { required: true, message: '请输入联系电话', trigger: 'blur' }, |
| | | { validator: validatePhone, trigger: 'blur' } |
| | | ], |
| | | roleId: [{ required: true, message: '请选择角色', trigger: 'change' }], |
| | | userName: [{ required: true, message: '请输入登陆账号', trigger: 'blur' }], |
| | | status: [{ required: true, message: '请选择启动状态', trigger: 'blur' }], |
| | | }, |
| | | } |
| | | }, |
| | | created() { |
| | | this.form = { status: true } |
| | | |
| | | if (Object.keys(this.row).length) { |
| | | if (this.row && this.row.userId) { |
| | | this.form = { |
| | | userId: this.row.userId, |
| | | nickName: this.row.nickName, |
| | | phonenumber: this.row.phonenumber, |
| | | roleId: this.row.roleId, |
| | | userName: this.row.userName, |
| | | remark: this.row.remark, |
| | | ...this.row, |
| | | status: this.row.status == 0 ? true : false, |
| | | } |
| | | } else { |
| | | this.form = {} |
| | | this.form = { |
| | | nickName: '', |
| | | phonenumber: '', |
| | | userName: '', |
| | | roleId: '', |
| | | status: true, |
| | | remark: '', |
| | | } |
| | | } |
| | | }, |
| | | mounted() { }, |