SH-Arbitrate/Mediation-Frontend
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

外籍人口功能

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files
src/views/caseManagement/components/addCase.vue
+98 -30
View File
@@ -139,7 +139,7 @@
</el-radio-group>
</el-form-item>
</el-col>
<el-col :span="24">
<el-col :span="24">
<div style="display: inline-flex">
<div class="infoIcon"></div>
<div class="caseInfo">申请人</div>
@@ -158,7 +158,7 @@
</el-form-item>
</el-col>
<el-col :span="12" v-if="formData.affiliate.organizeFlag == 0">
<el-form-item label="申请人" prop="affiliate.applicationName" :rules="[
<el-form-item label="申请人" prop="affiliate.applicationName" :rules="[
{
required: true,
message: '申请人名称不能为空',
@@ -179,8 +179,40 @@
<el-input v-model="formData.affiliate.code" placeholder="请输入统一社会信用代码" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item prop="affiliate.nationality" label="国籍" :rules="[
{
required: true,
message: '国籍不能为空',
trigger: 'blur',
},
]">
<el-select v-model="formData.affiliate.nationality" placeholder="请选择国籍" auto-complete="off"
style="width: 100%;" :disabled="formData.affiliate.organizeFlag != 1">
<el-option v-for="item in nationalityList" :key="item.id" :label="item.value" :value="item.id">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="12" v-if="formData.affiliate.organizeFlag == 0">
<el-form-item label="申请人身份证号码" prop="affiliate.code" :rules="[
<el-form-item prop="affiliate.idType" label="证件类型" :rules="[
{
required: true,
message: '证件类型不能为空',
trigger: 'blur',
},
]">
<el-select v-model="formData.affiliate.idType" placeholder="证件类型" auto-complete="off" style="width: 100%;"
disabled>
<el-option v-for="item in idTypeList" :key="item.id" :label="item.value" :value="item.id">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="12" v-if="formData.affiliate.organizeFlag == 0 && formData.affiliate.idType == 0">
<el-form-item label="申请人身份证号码" prop="affiliate.code" :rules="[
{
required: true,
message: '申请人身份证号不能为空',
@@ -196,6 +228,17 @@
<el-input v-model="formData.affiliate.code" disabled placeholder="请输入申请人的身份证号" />
</el-form-item>
</el-col>
<el-col :span="12" v-if="formData.affiliate.organizeFlag == 0 && formData.affiliate.idType == 1">
<el-form-item label="申请人护照号码" prop="affiliate.code" :rules="[
{
required: true,
message: '申请人护照号码不能为空',
trigger: 'blur',
},
]">
<el-input v-model="formData.affiliate.code" disabled placeholder="请输入申请人的申请人护照号" />
</el-form-item>
</el-col>
<el-col :span="12" v-if="formData.affiliate.organizeFlag == 0">
<el-form-item label="申请人邮箱" prop="affiliate.applicationEmail" :rules="[
{
@@ -278,7 +321,7 @@
<el-input v-model="formData.affiliate.applicantAddress" placeholder="请输入申请人联系地址" />
</el-form-item>
</el-col>
<el-col :span="24">
<el-col :span="24">
<div style="display: inline-flex">
<div class="infoIcon"></div>
<div class="caseInfo">代理人</div>
@@ -351,7 +394,7 @@
<el-input v-model="formData.affiliate.agentEmail" placeholder="请输入代理人邮箱" />
</el-form-item>
</el-col>
<el-col :span="24">
<el-col :span="24">
<div style="display: inline-flex">
<div class="infoIcon"></div>
<div class="caseInfo">被申请人</div>
@@ -535,7 +578,27 @@ export default {
getUserInfoList: {},
applicationFlag: null,
showmediate: false,
formZipData: {}
formZipData: {},
nationalityList: [
{
value: '国内',
id: 0
},
{
value: '国外',
id: 1
}
],
idTypeList: [
{
value: '身份证',
id: 0
},
{
value: '护照',
id: 1
}
]
};
},
watch: {
@@ -557,19 +620,19 @@ export default {
},
addVisable(val) {
if (val) {
if(this.addModifyData == 1){
if (this.addModifyData == 1) {
this.formData = {
affiliate: {
organizeFlag: 0,
respondentSex: 0,
},
columnValueList: [],
caseAttachList: [],
};
this.$set(this.formData.affiliate, "applicationName", this.getUserInfoList.nickName);
this.$set(this.formData.affiliate, "code", this.getUserInfoList.idCard);
this.$set(this.formData.affiliate, "applicationEmail", this.getUserInfoList.email);
this.$set(this.formData.affiliate, "applicationPhone", this.getUserInfoList.phonenumber);
affiliate: {
organizeFlag: 0,
respondentSex: 0,
},
columnValueList: [],
caseAttachList: [],
};
this.$set(this.formData.affiliate, "applicationName", this.getUserInfoList.nickName);
this.$set(this.formData.affiliate, "code", this.getUserInfoList.idCard);
this.$set(this.formData.affiliate, "applicationEmail", this.getUserInfoList.email);
this.$set(this.formData.affiliate, "applicationPhone", this.getUserInfoList.phonenumber);
}
this.activeName = "first";
this.showmediate = false;
@@ -598,6 +661,8 @@ export default {
this.$set(this.formData.affiliate, "code", this.getUserInfoList.idCard);
this.$set(this.formData.affiliate, "applicationEmail", this.getUserInfoList.email);
this.$set(this.formData.affiliate, "applicationPhone", this.getUserInfoList.phonenumber);
this.$set(this.formData.affiliate, "idType", this.getUserInfoList.idType);
this.$set(this.formData.affiliate, "nationality", this.getUserInfoList.nationality);
})
},
/** 根据案件id获取对应信息 */
@@ -752,10 +817,11 @@ export default {
this.$set(this.formData.affiliate, 'respondentBirth', this.formZipData.affiliate.respondentBirth);
this.$set(this.formData.affiliate, 'respondentHome', this.formZipData.affiliate.respondentHome);
this.$set(this.formData.affiliate, 'respondentEmail', this.formZipData.affiliate.respondentEmail);
} else {
this.formData.affiliate.nameAgent = null;
this.formData.affiliate.agentEmail = null;
this.formData.affiliate.contactTelphoneAgent = null;
}
// this.formData.affiliate.nameAgent = null;
// this.formData.affiliate.agentEmail = null;
// this.formData.affiliate.contactTelphoneAgent = null;
} else if (val == 1) {
this.$set(this.formData.affiliate, "nameAgent", this.getUserInfoList.nickName);
this.$set(this.formData.affiliate, "agentEmail", this.getUserInfoList.email);
@@ -764,10 +830,10 @@ export default {
this.$set(this.formData.affiliate, 'organizeFlag', 1);
this.$set(this.formData, 'arbitratClaims', this.formZipData.arbitratClaims);
this.$set(this.formData, 'facts', this.formZipData.facts);
this.$set(this.formData.affiliate,'applicationName',this.formZipData.affiliate.applicationName);
this.$set(this.formData.affiliate,'code',this.formZipData.affiliate.code);
this.$set(this.formData.affiliate,'applicationEmail',this.formZipData.affiliate.applicationEmail);
this.$set(this.formData.affiliate,'applicationPhone',this.formZipData.affiliate.applicationPhone);
this.$set(this.formData.affiliate, 'applicationName', this.formZipData.affiliate.applicationName);
this.$set(this.formData.affiliate, 'code', this.formZipData.affiliate.code);
this.$set(this.formData.affiliate, 'applicationEmail', this.formZipData.affiliate.applicationEmail);
this.$set(this.formData.affiliate, 'applicationPhone', this.formZipData.affiliate.applicationPhone);
// this.$set(this.formData.affiliate, 'applicantHome', this.formZipData.affiliate.applicantHome);
// this.$set(this.formData.affiliate, 'applicantAddress', this.formZipData.affiliate.applicantAddress);
// this.$set(this.formData.affiliate, 'contactTelphoneAgent', this.formZipData.affiliate.contactTelphoneAgent);
@@ -780,11 +846,12 @@ export default {
this.$set(this.formData.affiliate, 'respondentBirth', this.formZipData.affiliate.respondentBirth);
this.$set(this.formData.affiliate, 'respondentHome', this.formZipData.affiliate.respondentHome);
this.$set(this.formData.affiliate, 'respondentEmail', this.formZipData.affiliate.respondentEmail);
} else {
this.formData.affiliate.applicationName = null;
this.formData.affiliate.code = null;
this.formData.affiliate.applicationEmail = null;
this.formData.affiliate.applicationPhone = null;
}
// this.formData.affiliate.applicationName = null;
// this.formData.affiliate.code = null;
// this.formData.affiliate.applicationEmail = null;
// this.formData.affiliate.applicationPhone = null;
}
this.$refs["ruleForm"].clearValidate()
},
@@ -826,7 +893,8 @@ export default {
height: 700px !important;
overflow: auto !important;
}
::v-deep .el-form-item--medium .el-form-item__content {
line-height: 37px;
line-height: 37px;
}
</style>