[置顶] 企业级自定义表单引擎解决方案(六)--工作流挂接表单
posted @ 2021-07-05 09:49 spritekuang 阅读(4073) 评论(3) 推荐(6) 编辑
posted @ 2021-07-05 09:49 spritekuang 阅读(4073) 评论(3) 推荐(6) 编辑
2022年12月16日 #
表格对于后台管理类的系统来说,至关重要,系统大多数功能都需要以表格的方式展示业务内容,系统开发人员多数时间也是围绕着表格进行业务编码,接触过很多后台管理系统的框架,我个人第一首先也是看表格功能是否强大。
对于低代码平台来说,也是非常核心的内容,关系到系统好不好用,功能能不能支撑各种业务场景的需求,所以也是至关重要的内容。
列表视图后续会写多篇文章来分解具体的功能设计,感兴趣可以查看前端相关代码,这篇文章主要是讲一下表格内容的使用配置,不涉及到查询及各种高级控件的使用。
请参照开源网站的“表单常规示例->控件综合应用”这个页面体验及对照查看相关配置,这个页面功能单一,但里面的各种列表使用场景比较复杂,将所有平常开发常见的功能的集成到里面了,并且是真正意义的零代码,全部通过配置完成,前后端都没有任何代码,界面配置立马生效。
基础功能参见antd的表格使用,特殊功能如下:
属性常规设置即为设置ant的table控件,其他一些扩展字段如下:
[{"name":"电话","field":"phoneNumber","fieldType":5,"isRequred":true,"validateType":99,"validateValue":"[{'customerVal':'Phone','trigger':'blur'}]"},{"name":"学历","field":"education","fieldType":5,"validateType":11}]
[{"dict":"sex","field":"sex"},{"dict":"edu","field":"education"},{"dict":"title","field":"positionalTitle"}]
sqlWhere.children.forEach(r=>{if(r.field==='checkTime'){r.value=[r.value.format('yyyy-MM')+'-01 00:00:00',r.value.add(1,'month').format('yyyy-MM')+'-01 00:00:00']}})
,参考附录:【自定义查询条件】checkTime desc,stockCheckType asc
等{
"title": "日期字段",
"children": [
{
"dataIndex": "dateTimeField",
"title": "日期字段",
"scopedSlots": {
"customRender": "dateTimeField"
},
"width": 160
},
{
"dataIndex": "dateField",
"title": "日期字段2",
"scopedSlots": {
"customRender": "dateField"
},
"width": 160,
"option_is": true,
"option_selected": true
}
]
}
{
"dataIndex": "dateField",
"title": "日期字段2",
"scopedSlots": {
"customRender": "dateField"
},
"width": 160,
"option_is": true,
"option_selected": true
}
{
"align": "center",
"dataIndex": "stringField",
"title": "字符",
"sorter": true,
"linked": true,
"scopedSlots": {
"customRender": "stringField"
}
}
columnsExpanded表格展开更多内容字段列定义,columnsExpandedColSpan定义展开显示多少行,值为1-4,默认为4,表格更多列不支持option_is和option_selected属性,支持linked属性设置,“是否换行显示”功能也支持
表格控件设置了超出表格所有列长度时,自动出现横向滚动条
更多高级功能,可增加列表自定义控件,格式化显示表格内容
个人业余时间开发进度确实快不起来,很多设计思想我认为还是很不错的,完全可以应用到实际项目中,欢迎关注。
wike文档地址:https://gitee.com/kuangqifu/sprite/wikis/pages
后端开源地址:https://gitee.com/kuangqifu/sprite
前端开源地址:https://gitee.com/kuangqifu/spritefronts
体验地址:http://47.108.141.193:8031 (首次加载可能有点慢,用的阿里云最差的服务器)
自定义表单文章地址:https://www.cnblogs.com/spritekuang/
流程引擎文章地址:https://www.cnblogs.com/spritekuang/category/834975.html (采用WWF开发,已过时,已改用Elsa实现,https://www.cnblogs.com/spritekuang/p/14970992.html
posted @ 2022-12-16 18:24 spritekuang 阅读(629) 评论(0) 推荐(2) 编辑
2022年11月28日 #
posted @ 2022-11-28 14:05 spritekuang 阅读(278) 评论(1) 推荐(0) 编辑
2022年11月2日 #
posted @ 2022-11-02 15:51 spritekuang 阅读(944) 评论(2) 推荐(1) 编辑
2022年10月28日 #
posted @ 2022-10-28 17:53 spritekuang 阅读(1179) 评论(0) 推荐(4) 编辑
2022年10月26日 #
posted @ 2022-10-26 13:21 spritekuang 阅读(838) 评论(0) 推荐(2) 编辑
2022年7月9日 #
posted @ 2022-07-09 17:22 spritekuang 阅读(1458) 评论(6) 推荐(5) 编辑
2022年7月7日 #
posted @ 2022-07-07 09:57 spritekuang 阅读(792) 评论(0) 推荐(3) 编辑
2022年7月3日 #
posted @ 2022-07-03 17:41 spritekuang 阅读(576) 评论(0) 推荐(1) 编辑
posted @ 2022-07-03 17:04 spritekuang 阅读(1064) 评论(0) 推荐(3) 编辑
2022年2月9日 #
posted @ 2022-02-09 18:50 spritekuang 阅读(833) 评论(0) 推荐(2) 编辑