编辑表单二级联动回显增强
loaded (){
that.$nextTick(() => {
let agent_id = that.form.getFieldValue("agent_id")
console.info(agent_id)
let corp_id = that.form.getFieldValue("corp_id")
let cityOptions = []
//赋值二级下拉的内容
that.changeOptions('agent_id',cityOptions);
//ert(value)
let _vm = that;
getAction('http://127.0.0.1/jeecg-boot/online/cgform/api/getData/2c9196ce8e4ff84f018e50573f450003?_t=1710750765&corp_id='+corp_id+'&column=id&order=desc&pageNo=1&pageSize=30&superQueryMatchType=and').then(res=>{
//that.loadData()
console.info(res)
let 是否置空应用 = true;
let 首个应用id = null;
if(res.success){
res.result.records.forEach(function(element) {
if(agent_id == element.agent_id){
是否置空应用 = false;
}
cityOptions.push({text:element.name, value:element.agent_id})
首个应用id = element.agent_id
});
}else{
alert(res.message)
}
//赋值二级下拉的内容
_vm.changeOptions('agent_id',cityOptions);
if(是否置空应用){
_vm.form.setFieldsValue({"agent_id":首个应用id});
}
})
/*
//清空二级下拉的内容
that.form.setFieldsValue({"agent_id":null});
//清空二级下拉的内容
that.changeOptions('agent_id',[]);
*/
});
二级联动功能
javascript
onlChange(){
return {
corp_id(){
//清空二级下拉的内容
that.form.setFieldsValue({"agent_id":null})
let value = event.value
let cityOptions = []
//赋值二级下拉的内容
that.changeOptions('agent_id',cityOptions);
//ert(value)
let _vm = that;
getAction('http://127.0.0.1/jeecg-boot/online/cgform/api/getData/2c9196ce8e4ff84f018e50573f450003?_t=1710750765&corp_id='+value+'&column=id&order=desc&pageNo=1&pageSize=30&superQueryMatchType=and').then(res=>{
//that.loadData()
console.info(res)
if(res.success){
res.result.records.forEach(function(element) {
cityOptions.push({text:element.name, value:element.agent_id})
});
}else{
alert(res.message)
}
//赋值二级下拉的内容
_vm.changeOptions('agent_id',cityOptions);
})
}
}
},
后续可以将接口请求的内容做个缓存优化