电话 400-111-2626

# 表单设计

表单是组成七巧低代码应用最底层的模型设计,用于收集、存储、管理业务数据。表单界面,由各个组件(也叫字段)组成,例如:单行文本、单项选择、日期时间、富文本、外键选择等。

# 表单配置步骤

新建表单——>选择合适的组件——>组件属性配置——>布局调整——>保存

后续可根据需要搭配审批流 (opens new window)PC页面 (opens new window)移动页面 (opens new window)等继续完成应用配置。

# 表单设计界面由3个部分组成:

image.png

从左往右依次是:表单列表区、组件区、画布、组件属性区

# 表单组件类型及作用

(点击组件名称可直接跳转查看组件效果及配置方法)

组件类型 组件 作用
布局组件 两列 (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) 当前表单中,需要关联其他多张表单内的数据,例如:采购单里添加多条采购明细,采购明细既要关联采购单,又要从产品表获取产品信息

# 效果展示

10表单设计.png

image.png

Ps:要实现以上展示效果,还需要搭配流程、PC页面、或移动页面等配置。

1 / 0