【二开】JEECGBOOT在线js增强记录

编辑表单二级联动回显增强

复制代码

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);
        })
    }
  }
},

后续可以将接口请求的内容做个缓存优化