需求:通过接口调用的方式,初始化表单数据
效果:调用关联查询接口,查询数据第一行回填至表单指定字段
引入脚本实现方式:
通过调用系统内,关联数据接口:/form/customQuery/v1/doQuery
js脚本:
let vm = document.getElementsByName("online-form")[0].__vue__; if(!vm.data.yxsjcs.xm){ vm.$http.post("${form}/form/customQuery/v1/doQuery?alias=cshqry&page=1",[]).then(function(resp) { let data = resp.data; if (data.rows && data.rows.length>0) { vm.$set(vm.data.yxsjcs,'xm',data.rows[0].FULLNAME_); vm.$set(vm.data.yxsjcs,'zh',data.rows[0].ACCOUNT_); vm.$set(vm.data.yxsjcs,'sj',data.rows[0].MOBILE_); vm.$set(vm.data.yxsjcs,'yx',data.rows[0].EMAIL_); } }); }