1 功能简介

手写签名常用于在采集数据信息时,需要填表人附上自己的手写签名以验证数据真实性的情况。如:

  • 会议签到场景中,在「会议签到表」中添加手写签名字段,用于成员会议签到;
  • 门店服务管理中,在「订单服务表」中添加手写签名字段,用于客户进行订单消费的签名确认;
  • 产品质检管理中,在「样品质检表」中添加手写签名字段,用于质检人进行质检确认等。

2 配置说明

常规设置:

  • 控件支持的数据类型:字符型
  • 允许为空。
  • 存储类型:支持“数据库/硬盘/FTP/分布式文件系统/阿里云OSS”,默认存储在数据库中,控件数据存储为png格式图片文件。

高级设置:
控件高级设置配置界面如下:

  • 支持配置控件只读、可见属性
  • 允许配置PC端书写区域高度和宽度
  • 允许配置字段描述信息

3 显示&交互

PC端

列表页面支持以图片方式显示签名,点击图片支持全屏预览

编辑页面交互如下

  • 支持直接使用鼠标进行签名
  • 内容为空时,禁用“重写”和“确认”按钮
  • 有内容但未提交时,“重写”和“确认”按钮可用,禁用“扫码手写”。点击重写清除内容,点击确认提交生成签名图片。
  • 书写完成生成签名图时,禁用“确认”和“扫码手写”,启用“重写”,点击重写清除内容。
  • 支持扫码在移动端书写:
    1. 点击“扫码手写”切换二维码显示/隐藏。
    2. 展开二维码显示时,禁用pc书写区域,PC页面等待移动端书写完成。
    3. 收起二维码时,PC书写区域可用,暂停等待(移动端手写提交无效,提示“二维码已失效,请重新扫码”),恢复PC书写区域可用。
    4. 移动端书写页面交互如下图,提交成功后,提示操作成功,如下图。
    5. 移动端提交成功后,PC生成书写图片,自动收起二维码,禁用“确认”和“扫码手写”,启用“重写”,同PC书写完成状态。

详情页面字段内容显示签名图片,点击图片支持全屏预览

移动端

编辑页面未签署状态下:

点击【添加签名】进入签署页,支持横竖屏切换:

点击【确认】后关闭签署页,生成签名图片。

作者:Eric  创建时间:2023-07-28 09:09
最后编辑:Eric  更新时间:2025-04-24 13:55