| | |
|---|
| | | const register = reactive({ |
|---|
| | | userName: '', |
|---|
| | | // loginName: '', |
|---|
| | | passWord: '', |
|---|
| | | password: '', |
|---|
| | | confirmPassword:'' |
|---|
| | | }) |
|---|
| | | |
|---|
| | |
|---|
| | | const checkConfirmPassword = (rule: any, value: any, callback: any) => { |
|---|
| | | if (value.trim() === '') { |
|---|
| | | callback(new Error('确认密码不能为空')) |
|---|
| | | }else if(value !== register.passWord){ |
|---|
| | | }else if(value !== register.password){ |
|---|
| | | callback(new Error('两次密码不相同')) |
|---|
| | | }else if(value.length>16 || value.length<6){ |
|---|
| | | callback(new Error('密码长度不能低于6或超过16')) |
|---|
| | |
|---|
| | | const ruleFormRef = ref<FormInstance>() |
|---|
| | | const rules = reactive<FormRules<typeof register>>({ |
|---|
| | | userName: [{ validator: checkName, trigger: 'blur' }], |
|---|
| | | passWord:[{ validator: checkPassword, trigger: 'blur' }], |
|---|
| | | password:[{ validator: checkPassword, trigger: 'blur' }], |
|---|
| | | confirmPassword:[{ validator: checkConfirmPassword, trigger: 'blur' }], |
|---|
| | | // loginName: [{ validator: validateString, trigger: 'blur' }] |
|---|
| | | }) |
|---|
| | |
|---|
| | | formEl.validate((valid) => { |
|---|
| | | if (valid) { |
|---|
| | | loginLoadings.value=true |
|---|
| | | register.passWord = btoa(register.passWord) |
|---|
| | | register.password = btoa(register.password) |
|---|
| | | request.post('/user/register', |
|---|
| | | register).then((res) => { |
|---|
| | | if(res['code']==200){ |
|---|
| | | console.log(res.data) |
|---|
| | | ElMessageBox.alert( |
|---|
| | | `<strong>用户:<i style="color: #1890FF;">'${res.data.userName}</i>' |
|---|
| | | <br>账号ID:<i style="color: #1890FF;">${res.data.loginName}</i> </strong>`, |
|---|
| | |
|---|
| | | ElMessage.error("服务器连接失败") |
|---|
| | | loginLoadings.value=false |
|---|
| | | return false |
|---|
| | | }).then(() => { |
|---|
| | | register.password = atob(register.password) |
|---|
| | | }) |
|---|
| | | } |
|---|
| | | }) |
|---|
| | |
|---|
| | | <!-- <el-form-item label="登陆名：" prop="loginName">--> |
|---|
| | | <!-- <el-input v-model="register.loginName" />--> |
|---|
| | | <!-- </el-form-item>--> |
|---|
| | | <el-form-item label="密码：" prop="passWord"> |
|---|
| | | <el-input type="password" v-model="register.passWord" /> |
|---|
| | | <el-form-item label="密码：" prop="password"> |
|---|
| | | <el-input type="password" v-model="register.password" /> |
|---|
| | | </el-form-item> |
|---|
| | | <el-form-item label="确认密码：" prop="confirmPassword"> |
|---|
| | | <el-input type="password" v-model="register.confirmPassword" /> |
|---|
