Appearance
通过URL地址访问
表单设计器的表单可通过打开允许通过URL访问开关,开启对外访问。表单中的数据需要存储时,需要设计者在表单页面添加按钮 组件,通过调用自动化或者API的方式传递到服务端后处理。
使用示例
表单配置
js
{
props: {
urlItem:{
type:String
}
},
data: function () {
return {
}
},
created: function () {
},
mounted: function () {
var that = this;
setTimeout(function(){
that.setup();
},0);
},
beforeDestroy: function () {
},
methods: {
setup: function () {
var that = this;
// 读取传入变量赋值到表单(item)字段上
that.form.item = that.urlItem;
// 监听页面按钮(buttonSubmit)点击事件
that.onEvent('onClick', function (data) {
console.log('buttonSubmit.click');
that.getData(true).then((data) => {
informat.app.callAutomatic({
automaticId:"formDesignerSubmitData",
args:[data]
}).then(res=>{
console.log('buttonSubmit.returnValue',res);
})
});
}, 'buttonSubmit');
// 监听页面按钮(buttonReset)点击事件
that.onEvent('onClick', function () {
that.reset();
console.log('buttonReset.click');
}, 'buttonReset');
}
}
}
自动化配置
返回值
text
${
{
"form":data,
"time":Date.now()
}
}
执行效果
https://next.informat.cn/formdesigner/0/i1mwqy35y88hl/u0jxdgnbffvr9/qavkwjnrp30fq
https://next.informat.cn/formdesigner/0/i1mwqy35y88hl/u0jxdgnbffvr9/qavkwjnrp30fq?urlItem=项目风险
json
{
"appDefineId": "demoApp",
"isDraft": false,
"isFinished": true,
"returnValue": {
"form": {
"item": "项目风险",
"descs": "项目推展缓慢,存在风险,需要调取外部资源支持"
},
"time": 1720601302053
},
"uuid": "formDesignerSubmitData:l9yen0cokwxy"
}