更新时间:2024-05-30 GMT+08:00
分享

新建卡片模板

业务可视化已经预置通用的公共卡片模板,如果不满足您的需求,您可以新建卡片模板。

为满足用户多样化需求,通过上传离线开发或下载的卡片资产包,给卡片构建提供模板资源。

新建卡片模板包含使用在线构建新建图表卡片模板使用在线构建新建表单卡片模板使用上传卡片模板新建卡片模板

使用在线构建新建图表卡片模板

将组件按自己想要的方式进行排布和设置,组合成具有展示性的模板。

支持创建图表卡片模板,图表卡片模板为图形和表格组成的卡片模板。

  1. 在开天集成工作台界面中,选择左侧导航栏中的“业务可视化 > 公共卡片模板”。
  2. 选择“我的模板”页签,单击“新建卡片模板”。
  3. 选择模板创建方式。这里以在线构建方式为例,在“创建方式”下单击“在线构建”

    支持在线构建或上传卡片模板两种方式。

    • 在线构建:自定义在线构建卡片模板。
    • 上传卡片模板:通过上传卡片源文件创建卡片模板。

  4. 在左侧“组件库”下,拖拽组件至中间画布中。

    组件库包含基础组件、图表组件,单击对应组件名称,即可查看该组件内的全部组件。

    画布上显示标尺,在画布最下方,可设置画布的宽高、背景图片及颜色、置空背景、放大、缩小、自适应、缩略图导航、组件对齐方式,也可以手动输入画布的缩放比例,撤销与恢复在画布中对组件的操作。

  5. 在左侧“图层”下,为组件设置显示效果,操作图标解释请参考表1

    表1 图层操作图标释义

    图标

    含义

    展示/收起组合的组件。

    复制组件。

    组件上移一层。

    组件下移一层。

    组件组合。

    拆分组合。

    锁定/解锁组件。

    删除组件。

    显示/隐藏组件。

  6. 在右侧设置数据服务,数据服务设置请参考表2

    表2 图表卡片数据服务参数说明

    参数

    说明

    数据源类型

    选择数据源类型。支持静态数据。

    静态数据:在JSON编辑器中,编辑静态数据。
    • :数据校验,校验JSON文件数据格式正确性。
    • :复制,复制JSON文件。

    查看数据返回结果

    数据源信息配置完成后,单击“查看数据返回结果”,进入“数据响应结果”页面,进行数据影射如图1所示,配置完成后自动保存。如果不配置,则在“组件属性 > 基础属性 > 绑定数据”下拉框中选择不到数据。

    图1 配置映射

  7. 在右侧设置组件属性。不同组件显示的组件属性不同具体以界面显示为准。这里以“图表组件 > 折线图”为例,请参考表3

    • 编辑:编辑状态才可以设置组件属性。
    • 查看:查看状态不能设置组件属性。
    表3 图表卡片组件属性参数说明

    参数

    说明

    基础属性

    • 绑定数据:绑定数据源,在下拉框中设置。数据源在6的“查看数据返回结果”中进行设置。
    • 组件样式:设置组件的宽高及XY轴的值。

    特有属性

    常规配置

    设置组件上下左右的边距。

    轴线配置

    • 折线属性:设置折线类型、粗细,根据需求开启曲线、堆叠、阶梯型开关。
      • :表示关闭。
      • :表示开启。
    • 标记:设置标记点的类型、大小。
    • 标线/最大值/最小值/区域:根据需求开启并设置。

    数值标签

    根据需求开启并设置。

    坐标轴

    设置是否显示X/Y/Z轴,以及X/Y/Z轴的文本样式、位置、轴线样式、刻度样式、分割线样式、指示器颜色及透明度。

    系列

    “坐标轴”设置显示Z轴后,选择折线展示的基准轴线。

    样式属性

    图例

    根据需求开启图例,设置文本样式、尺寸、标记、间距、排列方式、位置、是否滚动。

    提示框

    根据需求开启提示框,设置文本样式、背景颜色、边距。

    主题

    选择主题信息,根据需求开启自定义颜色。

  8. 在右侧设置卡片信息,请参考表4

    表4 卡片信息参数说明

    参数

    说明

    名称

    必填项。

    自定义卡片的名称。由1~64个字符组成,包含中文、字母、数字及下划线。

    版本

    卡片的版本信息,不可修改。

    样式分类

    卡片的分类,不可修改。

    描述

    必填项。

    自定义卡片的描述信息。

    封面图

    卡片的封面图。

    • 自动截图:单击“截屏”,自动获取画布中的图片。
    • 上传封面:单击“添加图片”,在弹出界面,单击,选择本地准备好的图片,裁剪出符合要求的尺寸后,单击

  9. 设置完成后,单击“保存”,在“保存”界面,确认卡片模板信息,单击“保存”
  10. (可选)单击“预览”,预览卡片模板。

    返回“我的卡片模板”界面,配置完成后的卡片模板,默认以卡片的形式显示在“我的模板”。

使用在线构建新建表单卡片模板

将组件按自己想要的方式进行排布和设置,组合成具有展示性的模板。

支持创建表单卡片模板,表单卡片为纯表格卡片模板。

  1. 在开天集成工作台界面中,选择左侧导航栏中的“业务可视化 > 公共卡片模板”。
  2. 选择“我的模板”页签,单击“新建卡片模板”。
  3. 选择模板创建方式。这里以在线构建方式为例,在“创建方式”下单击“在线构建”

    支持在线构建或上传卡片模板两种方式。

    • 在线构建:自定义在线构建卡片模板。
    • 上传卡片模板:通过上传卡片源文件创建卡片模板。

  4. 单击“表单卡片”,在“消息提示”对话框单击“确认”。
  5. 在左侧“组件库”下,拖拽组件至中间画布中。

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

  6. 在右侧设置公共属性,公共属性设置请参考表5

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

    参数

    说明

    基础属性 > 栅格间隔

    组件的宽度。可以手动输入,也可以单击+/-调节。取值范围为0~100,缺省值为15。

    基础属性 > 组件尺寸

    组件尺寸大小。在下拉框中选择组件尺寸。包含中等、较小、迷你,缺省值为较小。

    基础属性 > 标签对齐

    组件标签的对齐方式。在下拉框中选择对齐方式。包含左对齐、右对齐、顶对齐,缺省值为右对齐。

    基础属性 > 禁用组件

    开启后则无法编辑该组件。

    基础属性 > 标题

    为表单设置标题。

    基础属性 > 显示标题

    设置是否显示表单标题。

  7. 在右侧设置组件属性。不同组件显示的组件属性不同具体以界面显示为准。这里以“装饰组件 > 静态文字”为例,请参考表6

    编辑:编辑状态才可以设置组件属性。

    查看:查看状态不能设置组件属性。
    表6 表单卡片组件属性参数说明

    参数

    说明

    基础属性

    • 绑定数据:绑定数据源,创建卡片模板时无需配置。
    • 文本内容:输入文字。
    • 栅格占据的列数:组件所占列数。可以手动输入,也可以单击+/-调节。取值范围为1~12,缺省值为12。

    特有属性

    • 跳转地址:填写需要跳转的链接。
    • 打开方式:根据需求设置链接的打开方式。
    • 千位分割:根据需求开启数字的分隔符。
      • :表示关闭。
      • :表示开启。

    样式属性

    这里是文本内容的样式属性。

    • 文本:设置外形、对齐方式、字体及颜色、文本大小及单位。
    • 外形:设置文字的背景颜色、边框颜色、边框类型及圆角单位、边框宽度、边框圆角、阴影颜色、阴影方向、阴影X偏移、阴影Y偏移、阴影模糊半径、阴影扩散半径、背景不透明度。

  8. 在右侧设置卡片信息,请参考表7

    表7 卡片信息参数说明

    参数

    说明

    名称

    必填项。

    自定义卡片模板的名称。由1~64个字符组成,包含中文、字母、数字及下划线。

    版本

    卡片模板的版本信息,不可修改。

    样式分类

    卡片模板的分类,不可修改。

    描述

    必填项。

    自定义卡片模板的描述信息。

    封面图

    卡片模板的封面图。

    • 自动截图:单击“截屏”,自动获取画布中的图片。
    • 上传封面:单击“添加图片”,在弹出界面,单击,选择本地准备好的图片,裁剪出符合要求的尺寸后,单击

  9. 设置完成后,单击“保存”,在“保存”界面,确认卡片模板信息,单击“保存”
  10. (可选)单击“预览”,预览卡片模板。

    返回“我的卡片模板”界面,配置完成后的卡片模板,默认以卡片的形式显示在“我的模板”。

使用上传卡片模板新建卡片模板

不支持导入表单卡片模板。

  1. 在开天集成工作台界面中,选择左侧导航栏中的“业务可视化 > 公共卡片模板”。
  2. 选择“我的模板”页签,单击“新建卡片模板”。
  3. 选择模板创建方式。这里以上传卡片方式为例,在“上传卡片”下单击“上传卡片模板”

    支持在线构建或上传卡片模板两种方式。

    • 在线构建:自定义在线构建卡片模板。
    • 上传卡片模板:通过上传卡片源文件创建卡片模板。

  4. 配置卡片模板信息,相关参数说明请参见表8

    表8 参数说明

    参数

    说明

    卡片模板名称

    必填项。

    自定义卡片模板的名称。由1~64个字符组成,包含中文、字母、数字及下划线。

    上传源文件

    必填项。

    单击“添加文件”可选择并上传组件压缩包。

    说明:

    只能上传zip文件,且不超过10MB。

    样式分类

    必填项。

    从下拉框中选择样式分类。例如:图片、地图、文本、媒体、其它等。

    卡片模板描述

    选填项。

    卡片描述信息。由1~400个字符组成,包括中文、字母、数字及下划线。

    卡片模板封面

    选填项。

    单击左侧方框中的,上传本地准备好的封面图。

  5. 单击“确定”

    • “提示”对话框中单击“确认”:可以在此页面继续新建卡片模板。
    • “提示”对话框中单击“取消”:系统自动返回“业务可视化 > 公共卡片模板”界面。

    在“业务可视化 > 公共卡片模板”界面,配置完成后的卡片模板,默认以卡片的形式显示在“我的模板”。

更多操作

卡片模板创建完成后,您还可以在“业务可视化 > 公共卡片模板 > 卡片模板 > 我的模板”界面执行如表9的操作。

表9 相关操作

操作

说明

更新卡片模板

  • 卡片形式:在需要更新的卡片模板上,单击“更新”。
  • 列表形式:在对应的“操作”列下单击“更新”
说明:
  • 重新上传源文件包会升级卡片模板版本号,已发布卡片中存在同样的版本升级逻辑。
  • 仅适用于使用“上传卡片模板”方式新建的卡片。

编辑卡片模板

  • 卡片形式:在需要编辑的卡片模板上,单击“编辑”。
  • 列表形式:在对应的“操作”列下单击“更新”
说明:

仅适用于使用“在线构建”方式新建的卡片。

查看卡片模板详情

  • 卡片形式:在需要查看的卡片模板上,单击“更多 > 详情”。
  • 列表形式:在对应的“版本号”列下单击版本号。

预览卡片模板

  • 卡片形式:在需要预览的卡片模板上,单击“更多 > 预览”。
  • 列表形式:在对应的“操作”列下单击“预览”

下载卡片模板

  • 卡片形式:在需要下载的卡片上,单击“更多 > 下载”。
  • 列表形式:在对应的“操作”列下单击“下载”
说明:

仅适用于使用“上传卡片模板”方式新建的卡片。

删除卡片模板

  • 卡片形式:在需要删除的卡片上,单击“更多 > 删除”。
  • 列表形式:在对应的“操作”列下单击“删除”
说明:

删除后的卡片模板会放入回收站,回收站会保存近60天的删除数据。

分享:

    相关文档

    相关产品