# 组件列表
组 件 名 称 | 使用场景 |
---|---|
单行文本 | 用于录入内容,比如姓名、身份证号、手机号、学号、员工编号、银行卡号、会员号等; |
多行文本 | 用于录入较长、较为复杂的内容,可自由的发表意见,提供更多信息,比如意见反馈等场景 |
自动编号 | 在表单中设置固定规律的序列号,用户无需手动录入,表单数据提交后按序自动生成编号。 |
计数器 | 用于录入数字类型的相关信息; |
数字/金额 | 用于录入数字类型的相关信息,比如金额、年龄、数量等,使用数值组件录入的数字,可以用来做数字计算、汇总等 |
数字区间 | 需要选择两个数字的场景,例如金额范围 |
编辑器 | 是一种可内嵌于浏览器,所见即所得的文本编辑器 |
下拉选择 | 从多个下拉选项中选择数据,适用于选项较多的时候,可自定义选项内容,也可用于省市区数据联动等多个场景,比如选择请假表单内的请假类型、性别等字段的时候,可以用下拉选择组件 |
树形下拉 | 适用于那些需要展示层级结构数据并在不同层级之间进行选择的场景。例如供应商下商品选择等 |
单选框组 | 用于在有限的相关选项中选择其中一个选项,比如选择性别、运动类型等场景 |
多选框组 | 当需要一次性选择多个选项时, 例如在采购等场景中可以使用该组件 |
开关 | 实现一个简单的开/关或是启用/禁用的交互控件 |
时间选择 | 用于选择时间时 |
日期选择 | 需要选择日期时间时 |
日期区间 | 需要选择两个日期的场景,例如请假、 出差时间、办理业务时间等适用 |
评分 | 可以打分进行评价,比如事情完成度、人物评价,多用于问卷调查等场景 |
颜色选择 | 用于选择一种颜色 |
附件上传 | 上传附件内容的场景:例如各项证明、材料、数据、合同等, |
图片 | 用于展示静态图片;例如表头logol |
人员选择 | 可以选择Afc平台机构管理下的人员;例如设置出差申请人、资产责任人、维护人员等,还可用于流程表单设置审批人时使用 |
机构选择 | 可以选择人员所在机构 |
岗位选择 | 可以选择人员所在岗位 |
弹窗选择 | 弹出一个窗口选择视图中数据;用于数据比较多的情况下选择数据 |
子表格 | 展示一个表格列表,多用于实体1:n情况下,n方的实体数据录入 |
Excel | Excel形式的数据录入,用于处理大量数据、进行分析和报告。 |
资源容器 | 可以选择页面资源进行引入当前表单;用于复杂页面资源的嵌套 |
高开容器 | 选择当前应用下的微前端页面,进行嵌入到当前表单 |
模型容器 | |
导航树 | 适用于那些需要展示层级结构数据,可以设置节点菜单事件;一般用于左树右表的场景 |
HTML | 可以写HTML代码,用于自定义扩展表单内容 |
Vue | 可以写Vue代码,用于自定义扩展表单内容 |
标签页 | 允许用户通过选项卡切换不同的页面或区域,适用于需要展示多个相关内容或功能模块的场景。 |
折叠页 | 将内容按照折叠或展开的方式呈现的组件或页面结构 |
面板分割 | 将页面分为左右两部分,可以在左右区域分别设置页面内容 |
表格布局 | 适用于需要以网格形式组织和展示数据的场景。例如申请表 |
分组控制 | 把页面上多个组件进行区域分组。通常用于控制页面多个组件显示隐藏等 |
分割线 | 通常用于在表单中创建明显的分隔和区分不同部分、元素或内容的视觉效果 |
按钮组 | 添加一些按钮 |
按钮 | 添加一个按钮 |
备注 | 适用于文字备注说明 |