需求:通过接口调用的方式,初始化表单数据
效果:调用关联查询接口,查询数据第一行回填至表单指定字段
引入脚本实现方式:
通过调用系统内,关联数据接口:/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_);
}
});
}