# 表单设计
表单是组成七巧低代码应用最底层的模型设计，用于收集、存储、管理业务数据。表单界面，由各个组件（也叫字段）组成，例如：单行文本、单项选择、日期时间、富文本、外键选择等。
# 表单配置步骤
新建表单——>选择合适的组件——>组件属性配置——>布局调整——>保存
后续可根据需要搭配审批流 (opens new window)、PC页面 (opens new window)、移动页面 (opens new window)等继续完成应用配置。
# 表单设计界面由3个部分组成：
从左往右依次是：表单列表区、组件区、画布、组件属性区
# 表单组件类型及作用
（点击组件名称可直接跳转查看组件效果及配置方法）
| 组件类型 | 组件 | 作用 |
|---|---|---|
| 布局组件 | 两列 (opens new window) | 用于表单中字段布局排列，用于基础组件和关联组件的布局，可设置一行两列的布局形式（系统默认为一行一列） |
| 三列 (opens new window) | 用于表单中字段布局排列，用于基础组件和关联组件的布局，可设置一行三列的布局形式（系统默认为一行一列） | |
| 分组 (opens new window) | 用于表单中将同一模块的组件整合，可进行折叠，方便展示前台表单信息 | |
| 选项卡 (opens new window) | 主要用于表单中同级模块切换的场景，点击不同选项，可展示不同内容，类似浏览器页签，节约页面的空间，比如填写商品基础信息与销售信息等 | |
| 基础组件 | 单行文本 (opens new window) | 适用于文本类数据字段的采集，文本最大长度128字符，例如姓名，手机号码等字段提交；选取校验类型，可起到字段校验的作用 |
| 多行文本 (opens new window) | 适用于表单中录入多行数据，文本最大长度5000字符，例如产品介绍、会议记录、订单详情等 | |
| 数字 (opens new window) | 适用于在表单中录入数值类型数据，只允许输入数字，检验类型包含整数、小数、金额、百分比等，例如数量、价格、百分比等 | |
| 单项选择 (opens new window) | 仅允许选择一个选项，适用于选择申请的假期类型、车辆对应的型号、发票类型等等 | |
| 多项选择 (opens new window) | 允许选择多个选项，适用于选择兴趣爱好、活动项目报名、多选投票等等 | |
| 日期 (opens new window) | 适用于表单中选择日期、年月、年份的场景，例如采购日期、生产月份等 | |
| 时间 (opens new window) | 适用于表单中选择具体时间的场景，例如上班时间-9：30、发车时间-13：45等 | |
| 日期时间 (opens new window) | 适用于表单中选取使用“日期+时间”格式的场景，例如会议时间、申请时间等 | |
| 富文本 (opens new window) | 一种高级文本组件，可插入多格式文本（字体、大小、颜色、背景等）、图片、多媒体元素、超链接等，例如新闻稿、企业通知等 | |
| 图片上传 (opens new window) | 用于表单中上传图片的场景，比如商品表中的商品图片 | |
| 文件上传 (opens new window) | 用于表单中上传文件的场景，比如电子版合同 | |
| 音频 | 用于表单中上传音频的场景，可上传录音和在线播放 | |
| 视频 | 用于表单中上传视频的场景，支持在线播放 | |
| 人员单选 (opens new window) | 适用于表单中需要读取使用企业机构中人员名单的场景，仅支持选择一个人员，例如选取负责人、审批人等 | |
| 人员多选 (opens new window) | 适用于表单中需要读取使用企业机构中人员名单的场景，支持选择多个人员，例如选取公司全部高管、各部门负责人等 | |
| 部门单选 (opens new window) | 适用于表单中需要读取使用企业机构中部门的场景，例如选取任职部门等，仅支持单选 | |
| 部门多选 (opens new window) | 适用于表单中需要读取使用企业机构中部门的场景，可选择多个部门，例如选取活动参与部门等 | |
| 地址选择器 (opens new window) | 用于表单中需要录入地址的场景，例如填写收货地址 | |
| 级联选择 (opens new window) | 为用户提供级联选择的功能，例如选择学校-年级-班级 | |
| 生成编码 (opens new window) | 系统自动生成字段，根据预设规则生成编码信息的场景。例如商品的商品编码、销售单的销售单号、申请单的流水号等 | |
| 评分 (opens new window) | 满足用户在表单中快速进行打分的场景，并提供三种不同外观。例如对商家进行服务满意度评价 | |
| 地理位置 (opens new window) | 系统可自动定位当前用户的地理位置信息，满足巡店、巡检的场景 | |
| 汇总 | 能够实时对当前应用中表单、或其他应用表单中的字段进行计算。 | |
| 手写签名 | 实现在填写业务单据时，负责人填写签名作为依据。 | |
| 在线编辑 | 适用于文档审核场景，例如，合同条款审核、公文审核等。编辑文档内容时，可在线编辑或套用文档模板，审批过程中，保留对正文内容的所有修改痕迹。 | |
| 添加发票 | 支持智能拍票、微信电子发票、手动录入3种添加发票的方式。 | |
| 关联组件 | 外键选择 (opens new window) | 把其它表单的数据关联显示在当前表单，同时支持把关联表单中的数据写入当前表单的组件中 |
| 子表单 (opens new window) | 在表单中，录入多条子表数据，例如：在一张报销单录入多条报销明细 | |
| 子表关联 (opens new window) | 添加当前表单数据时，能从另一张表单数据中批量选取，例如：每张采购单会生成一条付款明细，一张付款单支持关联多条付款明细 | |
| 多表关联 (opens new window) | 当前表单中，需要关联其他多张表单内的数据，例如：采购单里添加多条采购明细，采购明细既要关联采购单，又要从产品表获取产品信息 |
# 效果展示
Ps：要实现以上展示效果，还需要搭配流程、PC页面、或移动页面等配置。
1 / 0