查看缴费单，缴费确认，案件受理
This commit is contained in:
gyj
hanchaobo
@@ -126,7 +126,7 @@
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="选择机构或自然人">
|
||||
<el-radio-group v-model="item.applicant.organizeFlag" :disabled="modelFlag" @change="clearValidate">
|
||||
<el-radio-group v-model="item.applicant.organizeFlag" :disabled="modelFlag" @change="clearValidate">
|
||||
<el-radio :label="0">自然人</el-radio>
|
||||
<el-radio :label="1">机构</el-radio>
|
||||
</el-radio-group>
|
||||
@@ -222,7 +222,28 @@
|
||||
trigger: 'blur',
|
||||
},
|
||||
]">
|
||||
<el-input v-model="item.applicant.idCard" placeholder="请输入申请人的证件号码" />
|
||||
<el-input v-model="item.applicant.idCard" @blur="handleBlurApplicant(index)"
|
||||
placeholder="请输入申请人的证件号码" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12" v-if="item.applicant.organizeFlag == 0">
|
||||
<el-form-item label-width="140px" label="申请人出生年月："
|
||||
:prop="'affiliate.applicant.' + index + '.applicant.birth'">
|
||||
<el-date-picker disabled v-model="item.applicant.birth" type="date" placeholder="被申请人出生年月日">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12" v-if="item.applicant.organizeFlag == 0">
|
||||
<el-form-item label="被申请人性别：" :prop="'affiliate.applicant.' + index + '.applicant.sex'" :rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '请选择性别',
|
||||
},
|
||||
]">
|
||||
<el-radio-group v-model="item.applicant.sex" disabled>
|
||||
<el-radio :label="'0'">男</el-radio>
|
||||
<el-radio :label="'1'">女</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12" v-if="item.applicant.organizeFlag == 0">
|
||||
@@ -393,7 +414,7 @@
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="选择机构或自然人">
|
||||
<el-radio-group v-model="item.res.organizeFlag" :disabled="modelFlag" @change="clearValidateRes">
|
||||
<el-radio-group v-model="item.res.organizeFlag" :disabled="modelFlag" @change="clearValidateRes">
|
||||
<el-radio :label="0">自然人</el-radio>
|
||||
<el-radio :label="1">机构</el-radio>
|
||||
</el-radio-group>
|
||||
@@ -430,6 +451,37 @@
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item :prop="'affiliate.res.' + index + '.res.nationality'" label="国籍" :rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '国籍不能为空',
|
||||
trigger: 'blur',
|
||||
},
|
||||
]">
|
||||
<el-select v-model="item.res.nationality" placeholder="请选择国籍" auto-complete="off" style="width: 100%;">
|
||||
<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="item.res.organizeFlag == 0">
|
||||
<el-form-item :prop="'affiliate.res.' + index + '.res.idType'" label="证件类型" :rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '证件类型不能为空',
|
||||
trigger: 'blur',
|
||||
},
|
||||
]">
|
||||
<el-select v-model="item.res.idType" placeholder="证件类型" auto-complete="off" style="width: 100%;">
|
||||
<el-option v-for="item in idTypeList" :key="Number(item.dictValue)" :label="item.dictLabel"
|
||||
:value="Number(item.dictValue)">
|
||||
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12" v-if="item.res.organizeFlag == 0">
|
||||
<el-form-item label-width="140px" label="被申请人联系电话" :prop="'affiliate.res.' + index + '.res.phone'" :rules="[
|
||||
{
|
||||
@@ -457,6 +509,17 @@
|
||||
<el-input v-model="item.res.home" placeholder="请输入被申请人住所" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="被申请联系地址" :prop="'affiliate.res.' + index + '.res.address'" :rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '申请人联系地址不能为空',
|
||||
trigger: 'blur',
|
||||
},
|
||||
]">
|
||||
<el-input v-model="item.res.address" placeholder="请输入被申请人联系地址" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12" v-if="item.res.organizeFlag == 0">
|
||||
<el-form-item label="被申请人邮箱" :prop="'affiliate.res.' + index + '.res.email'" :rules="[
|
||||
{
|
||||
@@ -503,7 +566,7 @@
|
||||
<el-input v-model="item.res.code" placeholder="请输入统一社会信用代码" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12" v-if="formData.organizeFlag == 1">
|
||||
<el-col :span="12" v-if="item.res.organizeFlag == 1">
|
||||
<el-form-item label="法定代表人" :prop="'affiliate.res.' + index + '.res.compLegalPerson'" :rules="[
|
||||
{
|
||||
required: true,
|
||||
@@ -717,7 +780,7 @@ export default {
|
||||
birth: "",
|
||||
sex: "1",
|
||||
operatorFlag: 1,
|
||||
organizeFlag:0,
|
||||
organizeFlag: 0,
|
||||
},
|
||||
applicantAgent: {
|
||||
roleType: 2,
|
||||
@@ -734,7 +797,7 @@ export default {
|
||||
birth: "",
|
||||
sex: "1",
|
||||
operatorFlag: 1,
|
||||
organizeFlag:0,
|
||||
organizeFlag: 0,
|
||||
},
|
||||
},
|
||||
],
|
||||
@@ -755,7 +818,7 @@ export default {
|
||||
birth: "",
|
||||
sex: "0",
|
||||
operatorFlag: 1,
|
||||
organizeFlag:0,
|
||||
organizeFlag: 0,
|
||||
},
|
||||
resAgent: {
|
||||
roleType: 4,
|
||||
@@ -772,7 +835,7 @@ export default {
|
||||
birth: "",
|
||||
sex: "",
|
||||
operatorFlag: 1,
|
||||
organizeFlag:0,
|
||||
organizeFlag: 0,
|
||||
}
|
||||
}
|
||||
]
|
||||
@@ -875,7 +938,7 @@ export default {
|
||||
birth: "",
|
||||
sex: "1",
|
||||
operatorFlag: 1,
|
||||
organizeFlag:0,
|
||||
organizeFlag: 0,
|
||||
},
|
||||
applicantAgent: {
|
||||
roleType: 2,
|
||||
@@ -892,7 +955,7 @@ export default {
|
||||
birth: "",
|
||||
sex: "1",
|
||||
operatorFlag: 1,
|
||||
organizeFlag:0,
|
||||
organizeFlag: 0,
|
||||
}
|
||||
},
|
||||
],
|
||||
@@ -913,7 +976,7 @@ export default {
|
||||
birth: "",
|
||||
sex: "0",
|
||||
operatorFlag: 1,
|
||||
organizeFlag:0,
|
||||
organizeFlag: 0,
|
||||
},
|
||||
resAgent: {
|
||||
roleType: 4,
|
||||
@@ -930,7 +993,7 @@ export default {
|
||||
birth: "",
|
||||
sex: "",
|
||||
operatorFlag: 1,
|
||||
organizeFlag:0,
|
||||
organizeFlag: 0,
|
||||
}
|
||||
}
|
||||
]
|
||||
@@ -977,12 +1040,15 @@ export default {
|
||||
getUserInfoFn() {
|
||||
getUserInfo().then(res => {
|
||||
this.getUserInfoList = res.data;
|
||||
console.log(this.getUserInfoList.sex)
|
||||
this.$set(this.formData.affiliate.applicant[0].applicant, "name", this.getUserInfoList.nickName);
|
||||
this.$set(this.formData.affiliate.applicant[0].applicant, "idCard", this.getUserInfoList.idCard);
|
||||
this.$set(this.formData.affiliate.applicant[0].applicant, "email", this.getUserInfoList.email);
|
||||
this.$set(this.formData.affiliate.applicant[0].applicant, "phone", this.getUserInfoList.phonenumber);
|
||||
this.$set(this.formData.affiliate.applicant[0].applicant, "idType", this.getUserInfoList.idType);
|
||||
this.$set(this.formData.affiliate.applicant[0].applicant, "nationality", this.getUserInfoList.nationality);
|
||||
this.$set(this.formData.affiliate.applicant[0].applicant, "sex", this.getUserInfoList.sex);
|
||||
this.$set(this.formData.affiliate.applicant[0].applicant, "birth", this.getUserInfoList.birth);
|
||||
})
|
||||
},
|
||||
/** 根据案件id获取对应信息 */
|
||||
@@ -1096,15 +1162,40 @@ export default {
|
||||
},
|
||||
successZip(res) {
|
||||
this.formZipData = res.data;
|
||||
// this.$set(this.formData.affiliate.applicant[0].applicant, 'organizeFlag', 0);
|
||||
this.$set(this.formData, 'arbitratClaims', this.formZipData.arbitratClaims);
|
||||
this.$set(this.formData, 'facts', this.formZipData.facts);
|
||||
this.$set(this.formData.affiliate.applicant[0].applicant, 'home', this.formZipData.affiliate.applicant[0].applicant.home);
|
||||
this.$set(this.formData.affiliate.applicant[0].applicant, 'address', this.formZipData.affiliate.applicant[0].applicant.address);
|
||||
this.$set(this.formData.affiliate.applicant[0].applicantAgent, 'phone', this.formZipData.affiliate.applicant[0].applicantAgent.phone);
|
||||
this.$set(this.formData.affiliate.applicant[0].applicantAgent, 'name', this.formZipData.affiliate.applicant[0].applicantAgent.name);
|
||||
this.$set(this.formData.affiliate.applicant[0].applicantAgent, 'email', this.formZipData.affiliate.applicant[0].applicantAgent.email);
|
||||
// this.$set(this.formData.affiliate.res[0].res, 'organizeFlag', 0);
|
||||
if (this.formData.affiliate.applicant[0].applicant.organizeFlag == 0) {
|
||||
this.$set(this.formData, 'arbitratClaims', this.formZipData.arbitratClaims);
|
||||
this.$set(this.formData, 'facts', this.formZipData.facts);
|
||||
this.$set(this.formData.affiliate.applicant[0].applicant, 'home', this.formZipData.affiliate.applicant[0].applicant.home);
|
||||
this.$set(this.formData.affiliate.applicant[0].applicant, 'address', this.formZipData.affiliate.applicant[0].applicant.address);
|
||||
this.$set(this.formData.affiliate.applicant[0].applicantAgent, 'phone', this.formZipData.affiliate.applicant[0].applicantAgent.phone);
|
||||
this.$set(this.formData.affiliate.applicant[0].applicantAgent, 'name', this.formZipData.affiliate.applicant[0].applicantAgent.name);
|
||||
this.$set(this.formData.affiliate.applicant[0].applicantAgent, 'email', this.formZipData.affiliate.applicant[0].applicantAgent.email);
|
||||
this.$set(this.formData.affiliate.applicant[0].applicant, 'sex', this.formZipData.affiliate.applicant[0].applicant.sex);
|
||||
this.$set(this.formData.affiliate.applicant[0].applicant, 'birth', this.formZipData.affiliate.applicant[0].applicant.birth);
|
||||
} else if (this.formData.affiliate.applicant[0].applicant.organizeFlag == 1) {
|
||||
this.$set(this.formData, 'arbitratClaims', this.formZipData.arbitratClaims);
|
||||
this.$set(this.formData, 'facts', this.formZipData.facts);
|
||||
this.$set(this.formData.affiliate.applicant[0].applicant, 'name', this.formZipData
|
||||
.affiliate.applicant[0]
|
||||
.applicant.name);
|
||||
this.$set(this.formData.affiliate.applicant[0].applicant, 'code', this.formZipData
|
||||
.affiliate.applicant[0].applicant.code);
|
||||
this.$set(this.formData.affiliate.applicant[0].applicant, 'home', this.formZipData
|
||||
.affiliate.applicant[0]
|
||||
.applicant.home);
|
||||
this.$set(this.formData.affiliate.applicant[0].applicant, 'address', this
|
||||
.formZipData.affiliate.applicant[0]
|
||||
.applicant.address);
|
||||
this.$set(this.formData.affiliate.applicant[0].applicant, 'compLegalPerson', this
|
||||
.formZipData.affiliate.applicant[0]
|
||||
.applicant.compLegalPerson);
|
||||
this.$set(this.formData.affiliate.applicant[0].applicant, 'email', this.formZipData
|
||||
.affiliate.applicant[0]
|
||||
.applicant.email);
|
||||
this.$set(this.formData.affiliate.applicant[0].applicant, 'phone', this.formZipData
|
||||
.affiliate.applicant[0]
|
||||
.applicant.phone);
|
||||
}
|
||||
this.$set(this.formData.affiliate.res[0].res, 'name', this.formZipData.affiliate.res[0].res.name);
|
||||
this.$set(this.formData.affiliate.res[0].res, 'phone', this.formZipData.affiliate.res[0].res.phone);
|
||||
this.$set(this.formData.affiliate.res[0].res, 'idCard', this.formZipData.affiliate.res[0].res.idCard);
|
||||
@@ -1140,22 +1231,19 @@ export default {
|
||||
this.$set(this.formData.affiliate.applicant[0].applicant, "idCard", this.getUserInfoList.idCard);
|
||||
this.$set(this.formData.affiliate.applicant[0].applicant, "email", this.getUserInfoList.email);
|
||||
this.$set(this.formData.affiliate.applicant[0].applicant, "phone", this.getUserInfoList.phonenumber);
|
||||
this.$set(this.formData.affiliate.applicant[0].applicant, "idType", this.getUserInfoList.idType);
|
||||
this.$set(this.formData.affiliate.applicant[0].applicant, "nationality", this.getUserInfoList.nationality);
|
||||
if (this.formZipData.affiliate) {
|
||||
this.$set(this.formData.affiliate.applicant[0].applicant, 'organizeFlag', 0);
|
||||
this.$set(this.formData, 'arbitratClaims', this.formZipData.arbitratClaims);
|
||||
this.$set(this.formData, 'facts', this.formZipData.facts);
|
||||
this.$set(this.formData.affiliate.applicant[0].applicant, 'name', this.formZipData.affiliate.applicant[0].applicant.name);
|
||||
this.$set(this.formData.affiliate.applicant[0].applicant, 'address', this.formZipData.affiliate.applicant[0].applicant.address);
|
||||
this.$set(this.formData.affiliate.applicant[0].applicantAgent, 'phone', this.formZipData.affiliate.applicant[0].applicantAgent.phone);
|
||||
this.$set(this.formData.affiliate.applicant[0].applicantAgent, 'name', this.formZipData.affiliate.applicant[0].applicantAgent.name);
|
||||
this.$set(this.formData.affiliate.applicant[0].applicantAgent, 'email', this.formZipData.affiliate.applicant[0].applicantAgent.email);
|
||||
// this.$set(this.formData.affiliate.res[0].res, 'name', this.formZipData.affiliate.res[0].res.name);
|
||||
// this.$set(this.formData.affiliate.res[0].res, 'phone', this.formZipData.affiliate.res[0].res.phone);
|
||||
// this.$set(this.formData.affiliate.res[0].res, 'idCard', this.formZipData.affiliate.res[0].res.idCard);
|
||||
// this.$set(this.formData.affiliate.res[0].res, 'sex', Number(this.formZipData.affiliate.res[0].res.sex));
|
||||
// this.$set(this.formData.affiliate.res[0].res, 'birth', this.formZipData.affiliate.res[0].res.birth);
|
||||
// this.$set(this.formData.affiliate.res[0].res, 'home', this.formZipData.affiliate.res[0].res.home);
|
||||
// this.$set(this.formData.affiliate.res[0].res, 'email', this.formZipData.affiliate.res[0].res.email);
|
||||
this.$set(this.formData.affiliate.applicant[0].applicant, "name", this.getUserInfoList.nickName);
|
||||
this.$set(this.formData.affiliate.applicant[0].applicant, "idCard", this.getUserInfoList.idCard);
|
||||
this.$set(this.formData.affiliate.applicant[0].applicant, "email", this.getUserInfoList.email);
|
||||
this.$set(this.formData.affiliate.applicant[0].applicant, "phone", this.getUserInfoList.phonenumber);
|
||||
this.$set(this.formData.affiliate.applicant[0].applicant, "idType", this.getUserInfoList.idType);
|
||||
this.$set(this.formData.affiliate.applicant[0].applicant, "nationality", this.getUserInfoList.nationality);
|
||||
|
||||
} else {
|
||||
this.formData.affiliate.applicant[0].applicantAgent.name = null;
|
||||
this.formData.affiliate.applicant[0].applicantAgent.email = null;
|
||||
@@ -1169,17 +1257,26 @@ export default {
|
||||
this.$set(this.formData.affiliate.applicant[0].applicant, 'organizeFlag', 1);
|
||||
this.$set(this.formData, 'arbitratClaims', this.formZipData.arbitratClaims);
|
||||
this.$set(this.formData, 'facts', this.formZipData.facts);
|
||||
this.$set(this.formData.affiliate.applicant[0].applicant, 'name', this.formZipData.affiliate.applicant[0].applicant.name);
|
||||
this.$set(this.formData.affiliate.applicant[0].applicant, 'code', this.formZipData.affiliate.applicant[0].applicant.code);
|
||||
this.$set(this.formData.affiliate.applicant[0].applicant, 'email', this.formZipData.affiliate.applicant[0].applicant.email);
|
||||
this.$set(this.formData.affiliate.applicant[0].applicant, 'phone', this.formZipData.affiliate.applicant[0].applicant.phone);
|
||||
// this.$set(this.formData.affiliate.res[0].res, 'name', this.formZipData.affiliate.res[0].res.name);
|
||||
// this.$set(this.formData.affiliate.res[0].res, 'phone', this.formZipData.affiliate.res[0].res.phone);
|
||||
// this.$set(this.formData.affiliate.res[0].res, 'idCard', this.formZipData.affiliate.res[0].res.idCard);
|
||||
// this.$set(this.formData.affiliate.res[0].res, 'sex', this.formZipData.affiliate.res[0].res.sex);
|
||||
// this.$set(this.formData.affiliate.res[0].res, 'birth', this.formZipData.affiliate.res[0].res.birth);
|
||||
// this.$set(this.formData.affiliate.res[0].res, 'home', this.formZipData.affiliate.res[0].res.home);
|
||||
// this.$set(this.formData.affiliate.res[0].res, 'email', this.formZipData.affiliate.res[0].res.email);
|
||||
this.$set(this.formData.affiliate.applicant[0].applicant, 'name', this.formZipData
|
||||
.affiliate.applicant[0]
|
||||
.applicant.name);
|
||||
this.$set(this.formData.affiliate.applicant[0].applicant, 'code', this.formZipData
|
||||
.affiliate.applicant[0].applicant.code);
|
||||
this.$set(this.formData.affiliate.applicant[0].applicant, 'home', this.formZipData
|
||||
.affiliate.applicant[0]
|
||||
.applicant.home);
|
||||
this.$set(this.formData.affiliate.applicant[0].applicant, 'address', this
|
||||
.formZipData.affiliate.applicant[0]
|
||||
.applicant.address);
|
||||
this.$set(this.formData.affiliate.applicant[0].applicant, 'compLegalPerson', this
|
||||
.formZipData.affiliate.applicant[0]
|
||||
.applicant.compLegalPerson);
|
||||
this.$set(this.formData.affiliate.applicant[0].applicant, 'email', this.formZipData
|
||||
.affiliate.applicant[0]
|
||||
.applicant.email);
|
||||
this.$set(this.formData.affiliate.applicant[0].applicant, 'phone', this.formZipData
|
||||
.affiliate.applicant[0]
|
||||
.applicant.phone);
|
||||
} else {
|
||||
this.$set(this.formData.affiliate.applicant[0].applicant, 'name', null);
|
||||
this.$set(this.formData.affiliate.applicant[0].applicant, 'idCard', null);
|
||||
@@ -1189,8 +1286,8 @@ export default {
|
||||
}
|
||||
this.$refs["ruleForm"].clearValidate()
|
||||
},
|
||||
clearValidateRes(val){
|
||||
if(val==0){
|
||||
clearValidateRes(val) {
|
||||
if (val == 0) {
|
||||
if (this.formZipData.affiliate) {
|
||||
this.$set(this.formData.affiliate.res[0].res, 'organizeFlag', 0);
|
||||
this.$set(this.formData.affiliate.res[0].res, 'name', this.formZipData.affiliate.res[0].res.name);
|
||||
@@ -1201,7 +1298,7 @@ export default {
|
||||
this.$set(this.formData.affiliate.res[0].res, 'home', this.formZipData.affiliate.res[0].res.home);
|
||||
this.$set(this.formData.affiliate.res[0].res, 'email', this.formZipData.affiliate.res[0].res.email);
|
||||
}
|
||||
}else if(val == 1){
|
||||
} else if (val == 1) {
|
||||
if (this.formZipData.affiliate) {
|
||||
this.$set(this.formData.affiliate.res[0].res, 'organizeFlag', 1);
|
||||
this.$set(this.formData.affiliate.res[0].res, 'name', this.formZipData.affiliate.res[0].res.name);
|
||||
@@ -1233,6 +1330,18 @@ export default {
|
||||
this.formData.affiliate.res[index].res.birth = res.respondentBirth;
|
||||
});
|
||||
},
|
||||
// 申请人身份证
|
||||
handleBlurApplicant(index) {
|
||||
console.log(index)
|
||||
let idCards = {
|
||||
idCard: this.formData.affiliate.applicant[index].applicant.idCard,
|
||||
};
|
||||
getInfoByIdCard(idCards).then((res) => {
|
||||
this.formData.affiliate.applicant[index].applicant.sex = res.respondentSex;
|
||||
// console.log(res.respondentBirth);
|
||||
this.formData.affiliate.applicant[index].applicant.birth = res.respondentBirth;
|
||||
});
|
||||
},
|
||||
/**删除新增信息某一项 */
|
||||
deleteDetali(item) {
|
||||
var index = this.formData.affiliate.indexOf(item)
|
||||
@@ -1258,7 +1367,7 @@ export default {
|
||||
birth: "",
|
||||
sex: "1",
|
||||
operatorFlag: 1,
|
||||
organizeFlag:0,
|
||||
organizeFlag: 0,
|
||||
},
|
||||
applicantAgent: {
|
||||
roleType: 2,
|
||||
@@ -1275,7 +1384,7 @@ export default {
|
||||
birth: "",
|
||||
sex: "1",
|
||||
operatorFlag: 1,
|
||||
organizeFlag:0,
|
||||
organizeFlag: 0,
|
||||
},
|
||||
},);
|
||||
},
|
||||
@@ -1297,7 +1406,7 @@ export default {
|
||||
birth: "",
|
||||
sex: "1",
|
||||
operatorFlag: 1,
|
||||
organizeFlag:0,
|
||||
organizeFlag: 0,
|
||||
},
|
||||
resAgent: {
|
||||
roleType: 4,
|
||||
@@ -1314,7 +1423,7 @@ export default {
|
||||
birth: "",
|
||||
sex: "1",
|
||||
operatorFlag: 1,
|
||||
organizeFlag:0,
|
||||
organizeFlag: 0,
|
||||
},
|
||||
},);
|
||||
},
|
||||
|
||||
Reference in New Issue
Block a user