外籍人口功能

This commit is contained in:
hanchaobo
2024-03-11 10:07:18 +08:00
parent 6a1d18309a
commit 03f1700c37
3 changed files with 157 additions and 40 deletions
+57 -8
View File
@@ -19,11 +19,32 @@
<svg-icon slot="prefix" icon-class="password" class="el-input__icon input-icon" />
</el-input>
</el-form-item>
<el-form-item prop="identityNo">
<el-form-item prop="nationality">
<el-select v-model="registerForm.nationality" placeholder="请选择国籍" auto-complete="off" style="width: 100%;">
<svg-icon slot="prefix" icon-class="user" class="el-input__icon input-icon" />
<el-option v-for="item in nationalityList" :key="item.id" :label="item.value" :value="item.id">
</el-option>
</el-select>
</el-form-item>
<el-form-item prop="idType">
<el-select v-model="registerForm.idType" placeholder="证件类型" auto-complete="off" style="width: 100%;">
<svg-icon slot="prefix" icon-class="user" class="el-input__icon input-icon" />
<el-option v-for="item in idTypeList" :key="item.id" :label="item.value" :value="item.id">
</el-option>
</el-select>
</el-form-item>
<el-form-item prop="identityNo" v-if="registerForm.idType === 0">
<el-input v-model="registerForm.identityNo" type="text" auto-complete="off" placeholder="身份证号码">
<svg-icon slot="prefix" icon-class="user" class="el-input__icon input-icon" />
</el-input>
</el-form-item>
<el-form-item prop="identityNo" v-if="registerForm.idType === 1">
<el-input v-model="registerForm.identityNo" type="text" auto-complete="off" placeholder="护照号码">
<svg-icon slot="prefix" icon-class="user" class="el-input__icon input-icon" />
</el-input>
</el-form-item>
<el-form-item prop="email">
<el-input v-model="registerForm.email" type="text" auto-complete="off" placeholder="邮箱">
<svg-icon slot="prefix" icon-class="email" class="el-input__icon input-icon" />
@@ -107,6 +128,8 @@ export default {
confirmPassword: "",
code: "",
uuid: "",
nationality:0,
idType:0
},
registerRules: {
userName: [
@@ -134,12 +157,12 @@ export default {
message: '被申请人身份证号不能为空',
trigger: 'blur',
},
{
pattern:
/^[1-9]\d{5}(18|19|([23]\d))\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/,
message: '请输入正确的身份证号码',
trigger: 'blur',
},
// {
// pattern:
// /^[1-9]\d{5}(18|19|([23]\d))\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/,
// message: '请输入正确的身份证号码',
// trigger: 'blur',
// },
],
email: [
{ required: true, trigger: "blur", message: "请再次输入您的密码" },
@@ -171,10 +194,36 @@ export default {
verifyCode: [
{ required: true, trigger: "blur", message: "请输入验证码" },
],
idType: [
{ required: true, trigger: "blur", message: "请选择证件类型" },
],
nationality: [
{ required: true, trigger: "blur", message: "请选择国籍" },
],
},
loading: false,
captchaEnabled: true,
roleList: []
roleList: [],
nationalityList:[
{
value:'国内',
id:0
},
{
value:'国外',
id:1
}
],
idTypeList:[
{
value:'身份证',
id:0
},
{
value:'护照',
id:1
}
]
};
},
created() {