| | |
| | | </el-col> |
| | | <el-col :span="8"> |
| | | <el-form-item prop="agency.business" label="申请的法定安全评价业务范围"> |
| | | <el-select v-model="registerForm.agency.business" placeholder="请选择业务范围" size="large" style="width: 100%"> |
| | | <el-select v-model="registerForm.agency.business" placeholder="请选择业务范围" multiple size="large" style="width: 100%"> |
| | | <el-option |
| | | v-for="item in state.busList" |
| | | :key="item.id" |
| | | :label="item.label" |
| | | :value="item.label" |
| | | :value="item.id" |
| | | /> |
| | | </el-select> |
| | | </el-form-item> |
| | |
| | | <script setup> |
| | | import {ref, watch, defineExpose, onMounted, reactive} from "vue" |
| | | import {ElMessage, ElMessageBox} from "element-plus" |
| | | import { register,delPic,getDict } from "@/api/login" |
| | | import { register,delPic,getDict,checkUserName, checkPhone } from "@/api/login" |
| | | import { getRegionTree } from "@/api/area" |
| | | import { getToken } from "@/utils/auth"; |
| | | import {verifyPhone, verifyUsername, verifyPwd} from "../../../utils/validate"; |
| | |
| | | } |
| | | } |
| | | |
| | | const validateUserPhone = (rule, value, callback)=>{ |
| | | if(value === ''){ |
| | | callback(new Error('请输入手机号')) |
| | | }else{ |
| | | if(!verifyPhone(value)){ |
| | | callback(new Error('手机号格式有误')) |
| | | }else{ |
| | | checkPhone({phone:value}).then((res)=>{ |
| | | if(res == false){ |
| | | callback(new Error('该手机号已被绑定用户,请更换其他手机号')) |
| | | }else{ |
| | | callback() |
| | | } |
| | | }) |
| | | } |
| | | } |
| | | } |
| | | |
| | | const validateUsername = (rule, value, callback)=>{ |
| | | if(value === ''){ |
| | | callback(new Error('请输入登录时用户名')) |
| | |
| | | if(!verifyUsername(value)){ |
| | | callback(new Error('用户名须使用字母+数字,长度在5-16之间')) |
| | | }else{ |
| | | callback() |
| | | checkUserName({username:value}).then((res)=>{ |
| | | if(res == false){ |
| | | callback(new Error('用户名已被占用,请更换其他用户名')) |
| | | }else{ |
| | | callback() |
| | | } |
| | | }) |
| | | } |
| | | } |
| | | } |
| | |
| | | "agency.business": [{required: true, trigger: "blur", message: "请选择申请的法定安全评价业务范围"}], |
| | | "agency.reportPath": [{required: true, trigger: "blur", message: "请上传加盖公章的《机构信息上报表》"}], |
| | | username: [{ required: true, trigger: "blur", validator: validateUsername }], |
| | | phone: [{ required: true, trigger: "blur", validator: validatePhone }], |
| | | phone: [{ required: true, trigger: "blur", validator: validateUserPhone }], |
| | | password: [{ required: true, trigger: "blur", validator: validatePwd }], |
| | | confirmPassword: [ |
| | | { required: true, trigger: "blur", message: "请再次确认密码" }, |
| | |
| | | loading.value = true; |
| | | const {confirmPassword, ...data} = registerForm.value |
| | | data.password = Base64.encode(data.password) |
| | | data.agency.business = data.agency.business.join(',') |
| | | delete data.agency.area |
| | | register(data).then(res => { |
| | | if(res.code == 200){ |