【引入脚本】通过表单参数判断来实现接口参数回填
适用场景:通过指定的参数来回填接口数据内的的指定字段,维护起来更简单;
实现效果:
配置步骤:
第一步:设计表单,详细操作请查看文章【创建表单】
第二步:在表单编辑页面点击按钮“引入脚本”,填写以下内容:
注释:
1. /form/customDialog/v1/getListData为接口,此接口为:系统内自定义对话框的接口,通过参数来回填指定的接口数据的到表单内;
2. param :传的参数配置
3. ssdxyh:对话框的别名
4. data.ssdxglcx.xm、data.ssdxglcx.zh : ssdxglcx为业务对象别名,zh、xm 为字段名
5.注意,保存或者发布新表单,更新模板会把图二设置的实时单行id刷掉
let vm = document.getElementsByName("online-form")[0].__vue__; vm.$watch('data.ssdxglcx.xm', function(newVal, oldVal) { if (newVal != oldVal) { let account = data.ssdxglcx.zh; //ssdxglcx为业务对象别名,zh、xm 为字段名 let param = "{\"pageBean\":{\"page\":1,\"pageSize\":10,\"total\":0},\"querys\":[{\"property\":\"ACCOUNT_\",\"value\":\"" + account + "\",\"group\":\"main\",\"operation\":\"LIKE\",\"relation\":\"AND\"}]}"; //ACCOUNT_ 为配置对话框表的唯一标识,请按需修改;account。 //ssdxyh对话框的别名 let p = JSON.parse(param); _this.$http.post("${form}/form/customDialog/v1/getListData?alias=ssdxyh&mapParam=", p).then( response => { if (response.data.rows[0].mobile_) { $("[id='phone']")[0].children[0].innerText = response.data.rows[0].mobile_; } if (response.data.rows[0].email_) { $("[id='email']")[0].children[0].innerText = response.data.rows[0].email_; } } ); } });