将一个vue组件文件或组件代码嵌入到表单中。
文件:
文件:直接写vue文件路径(如: /organize/org.vue)。
参数:传给vue组件的参数(参数可以是js表达式。)。
样式:自定义CSS样式。
示例:
代码:
直接写vue组件代码。
示例:
<template> <div><el-button @click="update()">Test</el-button></div> </template> <script> export default { props:{ }, inject: { formData: { from: 'flow_run_formData', default: () => ({ }) } }, data(){ return { test: '12' }; }, mounted(){ }, methods:{ update() { this.formData['rf_form_test-title'] = 'TEST'; } } } </script>
在组件代码中可以用inject获取流程及表单相关数据,具体的provide如下图:
如果要在组件中访问系统的axios,qs,utils,则写法为:this.$.parent.appContext.config.globalProperties.axios
字段:
如果组件里同包含一个表单,需要配合流程的保存,验证数据等设置时需要设置组件里面包含的字段。这样设置了之后在流程设计步骤中才可以控件字段状态及验证。
格式(注意json key和字符串的值要用双引号):
[ { "id":"表名-字段名 全部小写", "table":"表名", "field":"字段名", "label":"字段标题", "tableType":0-主表|1-子表, "valueType":"字段值类型(string|number|array|boolean|datetim|null)" },... ]
联系QQ:493501010电话:136 0832 5512(微信同号)邮箱:road@roadflow.net
Copyright 2014 - 2024 重庆天知软件技术有限公司 版权所有
|