使用在线构建表单卡片

前提条件

需要具备AppStage指标开发者或运营管理员权限，权限申请操作请参见权限管理。

操作步骤

1. 在AppStage首页右上区域单击“运营中心”快捷入口，进入运营中心工作台。
2. 在左侧导航栏选择“运营看板 > 我的卡片”。
3. 在“我的卡片”界面，选择卡片分类，单击“新建卡片”。
4. 选择卡片创建方式。在“创建方式”下单击“在线构建”。

   支持在线构建、模板构建、上传卡片方式。

   • 创建方式：自定义在线构建卡片模板。
     • 在线构建：构建图表类或表单类卡片。
     • 模板构建：使用卡片模板构建卡片。
   • 上传卡片：通过上传卡片源文件创建卡片。

5. 进入“在线构建”页面，单击“表单卡片”，在“消息提示”对话框单击“确认”。
6. 在左侧“组件库”下，拖拽组件至中间画布或模板中。

   表单卡片：为纯表格卡片。

   组件库包含布局组件、装饰组件、输入组件、选择组件，单击对应组件名称，即可查看该组件内的全部组件。

7. 在右侧设置公共属性，请参考表1。

   表1 表单卡片公共属性参数说明

   参数	说明
   基础属性	栅格间隔：组件的宽度。可以手动输入，也可以单击+/-调节。取值范围为0~100，缺省值为15。 组件尺寸：组件尺寸大小。包含中等、较小和迷你，缺省值为较小。 标签对齐：组件标签的对齐方式。包含左对齐、右对齐、顶对齐，缺省值为右对齐。 禁用组件：开启后则无法编辑该组件。 标题：为表单设置标题。 显示标题：设置是否显示表单标题。
   数据属性	为了使卡片的数据能够正常提交存入数据库，必须配置数据属性。 编辑器展开：展开JSON编辑器，编辑数据。 ：数据校验，校验JSON文件数据格式正确性。 ：复制，复制JSON文件。 ：数据应用，使JSON文件生效。 编辑器收起：折叠JSON编辑器。 模型名称：卡片数据模型名称。单击后自动填充，不可编辑。 组件字段：单击后，在下拉框中选择导入JSON文件中的组件字段。 选择“组件字段”后，单击“一键生成卡片”。 说明： 生成卡片会清空已导入组件。
   业务规则	单击，新增业务规则，配置组件之间的交互规则。

8. 在右侧设置组件属性，不同组件显示的组件属性不同具体以界面显示为准。这里以无模板“装饰组件 > 静态文字”为例，请参考表2。
   • 编辑：编辑状态才可以设置组件属性。
   • 查看：查看状态不能设置组件属性。

   表2 表单卡片组件属性参数说明

   参数	说明
   基础属性	绑定数据：绑定数据源，在下拉框中设置。绑定的数据从步骤9的“数据属性”中获取。 文本内容：输入文字。 栅格占据的列数：组件所占列数。可以手动输入，也可以单击+/-调节。取值范围为1~12，缺省值为12。
   特有属性	跳转地址：填写需要跳转的链接。 打开方式：根据需求设置链接的打开方式。 千位分割：根据需求开启数字的分隔符。 ：表示关闭。 ：表示开启。
   样式属性	这里是文本内容的样式属性。 文本：设置外形、对齐方式、字体及颜色、文本大小及单位。 外形：设置文字的背景颜色、边框颜色、边框类型及圆角单位、边框宽度、边框圆角、阴影颜色、阴影方向、阴影X偏移、阴影Y偏移、阴影模糊半径、阴影扩散半径、背景不透明度。

9. 在右侧设置卡片信息，请参考表3。

   表3 卡片信息参数说明

   参数	说明
   名称	必填项。 自定义卡片的名称。由1-64个字符组成，包含中文、字母、数字及下划线。
   版本	卡片的版本信息，不可修改。
   样式分类	卡片的分类，不可修改。
   卡片分类	必选项。 在下拉框中选择卡片的分类名称。默认显示第一个分类名称。
   描述	必填项。 自定义卡片的描述信息。
   封面图	卡片的封面图。 自动截图：单击“截屏”，自动获取画布中的图片。 上传封面：单击“添加图片”，在弹出界面，单击，选择本地准备好的图片，裁剪出符合要求的尺寸后，单击。

10. 在界面右上方单击“保存”，系统自动弹出“保存”页面，确认卡片信息，单击“保存”。
11. （可选）在界面右上角单击“预览”，预览配置效果。
12. 预览无误后，在界面右上角单击“发布”。

    返回“我的卡片”界面，发布后的卡片，默认显示在“我的卡片”所选择的卡片分类列表下。