【二开】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);
        })
    }
  }
},

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

相关推荐
网络点点滴3 分钟前
声明式和函数式 JavaScript 原则
开发语言·前端·javascript
禁默8 分钟前
【学术会议-第五届机械设计与仿真国际学术会议(MDS 2025) 】前端开发:技术与艺术的完美融合
前端·论文·学术
纯粹的摆烂狗11 分钟前
深圳大学-智能网络与计算-实验四:云-边协同计算实验
javascript
binnnngo13 分钟前
2.体验vue
前端·javascript·vue.js
LCG元14 分钟前
Vue.js组件开发-实现多个文件附件压缩下载
前端·javascript·vue.js
索然无味io17 分钟前
组件框架漏洞
前端·笔记·学习·安全·web安全·网络安全·前端框架
╰つ゛木槿26 分钟前
深入探索 Vue 3 Markdown 编辑器:高级功能与实现
前端·vue.js·编辑器
yqcoder1 小时前
Commander 一款命令行自定义命令依赖
前端·javascript·arcgis·node.js
前端Hardy1 小时前
HTML&CSS :下雪了
前端·javascript·css·html·交互