情况:下拉框客户类型为个人客户时:身份证类型为1和2
下拉框客户类型为企业客户时:身份证类型为3
代码:
<el-form ref="addForm" :model="addForm" :rules="rules">
<el-row type="flex" class="row-bg">
<el-col :span="11" :offset="0">
<el-form-item label="客户类型" prop="custType" label-width="140px">
<elx-select v-model="addForm.custType" selectKey="CUST_TYPE" @change="change"></elx-select>
</el-form-item>
</el-col>
<el-col :span="11" :offset="1">
<el-form-item label="客户名称" prop="custName" label-width="130px">
<el-input v-model="addForm.custName" maxlength="32"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row type="flex" class="row-bg" justify="start" v-if="flag1 || flag2">
<el-col :span="11" :offset="0" >
<el-form-item label="g证件类型" prop="certType" label-width="140px" v-if="flag1">
<elx-select v-model="addForm.certType" selectKey="STD_ZJLX"></elx-select>
</el-form-item>
<el-form-item label="企业证件类型" prop="certType" label-width="140px" v-if="flag2">
<elx-select v-model="addForm.certType" selectKey="CUS_ENT_CERT_TYPE"></elx-select>
</el-form-item>
</el-col>
<el-col :span="11" :offset="1">
<el-form-item label="证件号码" prop="certNo" label-width="130px">
<el-input v-model="addForm.certNo"
maxlength="18" @focus="onfocus"></el-input>
</el-form-item>
</el-col>
</el-row>
return {
flag1: false,
flag2: false,
}
change(){
this.$set(this.addForm, "certType", null);
this.flag1 = false;
this.flag2 = false;
this.$nextTick(() => {
if (this.addForm.custType === '1') {
this.flag1 = true;
this.flag2 = false;
}
if (this.addForm.custType === '2') {
this.flag1 = false;
this.flag2 = true;
}
if (this.addForm.custType !== '1' && this.addForm.custType !== '2') {
this.flag1 = false;
this.flag2 = false;
}
})
},