---
order: 22
navTitle: 签名
---
# SuperPage组件-签名

**签名**组件，可以将签名信息以图片的形式提交到数据库中。常用于移动端的电子签名，例如电子文书中需要签名。以请假条的签名为例：

![签名](./images/2020_11_27_18_02_32.gif)

示例地址：[签名](https://demo.succbi.com/v5/demo-spg/%E7%AD%BE%E5%90%8D)

## 使用签名组件提交数据{#use}

与其他输入组件的提交数据方法类似，**签名**组件在提交时，需要绑定模型表中的字段，并搭配按钮组件一起使用。

![提交数据](./images/2020_11_25_20_16_32.gif)

1. **使用签名组件**：在**组件区**>**输入**中将**签名**组件拖入到布局中
2. **设置提交数据**：选中**签名**组件，在**签名**>**数据**中指定要提交到的模型表并绑定相应的字段
   - **内容字段**：必填项，绑定字段的**字段类型**需要设置为**blob**，[字段角色](../../../../data-gov/model/field-role.md)设置为**附件**，用来记录签名的图片信息
   - **修改时间**：绑定字段通常为**时间戳**类型，用来记录签名的修改时间
3. **设置提交按钮**：选中**按钮**组件，在**交互**中选择**提交表单**

以上步骤即可实现电子签名，同时提交到数据库中。更多的数据提交介绍可以查看文档[提交数据](../../design/submit-data.md)。签名信息提交到数据库以后，可以在电子文书中通过类似`<#image src=MODEL.CONTENT(对应签名的内容字段) width=3.5/>`的语句来引用签名信息达到展示效果。

## 属性介绍{#attribute}

### 设置签字屏幕方向{#signature}

![属性](./images/2020-11-27-11-28-16.png)

- **签字屏幕方向**：用于设置电子签名时移动设备上默认是横屏还是竖屏签名。在**签名**>**高级**>**签字屏幕方向**中进行设置。提供了三个选项：
  - 自适应：默认为该选项，在移动设备屏幕方向未锁定时，签字屏幕方向会随移动设备屏幕方向自适应调整
  - 横屏：签字屏幕方向默认为横屏，不再适应移动设备屏幕方向调整
  - 竖屏：签字屏幕方向默认为竖屏，不再适应移动设备屏幕方向调整
- **显示旋转屏幕按钮**：在**签名**>**高级**>**显示旋转屏幕按钮**中进行设置。默认不勾选，勾选后签名界面会多出一个旋转屏幕按钮，点击后可切换签字屏幕横屏竖屏展示。不受**签字屏幕方向**设置影响，点击旋转屏幕按钮总能修改当前**签字屏幕方向**。