跳到主要内容

工作台

工作台概览

工作台是innospots的首页,用来展示系统相关的概览信息,诸如基础信息、登录用户、最新活动、系统更新、机器信息、最新动态、系统更新等信息。除了以上七种核心模块组件,用户还可以自定义工作台内容。

自定义看板

点击工作台页面右上角“自定义”按钮,进入工作台编辑页面。

看板编辑栏

  1. 添加数据图表
  2. 添加媒体组件
  3. 添加控制器组件
  4. 撤销操作
  5. 重做操作
  6. 删除组件
  7. 复制组件
  8. 粘贴组件
  9. 设备切换
  10. 快捷键

添加数据图表

点击操作栏“添加数据图表”项,进入数据图表编辑页。按照下列流程操作指引,添加一个数据图表组件。

添加应用组件

  按照下列流程操作指引,首先点击操作栏“添加应用组件”项,弹窗内选择目标小组件,然后进行“插件设置”;组件配置成功后,点击“确定”按钮,应用组件添加成功。

添加媒体组件

  点击操作栏“添加媒体组件”项,在下拉框中选择对应的组件,画布中会添加一个对应组件的卡片。

添加图片组件

  点击下拉框内“图片”选项,画布中会新增一个图片卡片;直接双击该卡片或者点击卡片右上角更多图标里的“编辑”选项,画布右侧会展示图片的配置项;配置好图片内容以及相关属性,即可得到一个图片组件。

添加富文本组件

  点击下拉框内“富文本”选项,画布中会新增一个富文本卡片;直接双击该卡片或者点击卡片右上角更多图标里的“编辑”选项,会弹出富文本内容编辑弹窗,在弹窗内编辑好富文本内容;在画布右侧会展示富文本的配置项,配置好富文本相关的样式或属性,即可得到一个富文本组件。

添加计时器组件

  点击下拉框内“计时器”选项,画布中会新增一个计时器卡片;直接双击该卡片或者点击卡片右上角更多图标里的“编辑”选项,画布右侧会展示计时器的配置项;配置好计时器相关的样式或属性,即可得到一个计时器组件。

添加IFrame组件

  点击下拉框内“IFrame”选项,画布中会新增一个IFrame卡片;直接双击该卡片或者点击卡片右上角更多图标里的“编辑”选项,画布右侧会展示IFrame的配置项;配置好IFrame内容以及相关属性,即可得到一个IFrame组件。

添加视频组件

  点击下拉框内“视频”选项,画布中会新增一个视频卡片;直接双击该卡片或者点击卡片右上角更多图标里的“编辑”选项,画布右侧会展示视频的配置项;配置好视频内容以及相关属性,即可得到一个视频组件。

添加控制器

  点击操作栏“添加控制器”项,在下拉框中选择对应的组件,配置好相关的内容及属性,即可得到对应的控制器组件。

  1. 点击下拉框内常规/日期/数值类型的控制器选项,弹出对应组件的新建弹窗;在弹窗里配置好组件属性,点击“确定”按钮,画布新增一个控制器组件卡片;直接双击该卡片或者点击卡片右上角更多图标里的“编辑”选项,画布右侧会展示该控制器的配置项;配置好控制器相关属性,即可得到一个常规/日期/数值类型的控制器组件。

  2. 点击下拉框内按钮类型的控制器选项,画布中会新增一个按钮类型的控制器卡片;直接双击该卡片或者点击卡片右上角更多图标里的“编辑”选项,在画布右侧会展示按钮控制器的配置项,配置好相关的样式或属性,即可得到一个按钮类型的控制器组件。

保存看板

  看板编辑完成,点击页面右上角“保存”按钮,即可成功保存工作台看板内容。

画布中的卡片均可以拖拽进行布局;卡片的快捷操作可以通过操作栏中的操作项实现;

面板设计

组件设计

看板内由多个组件(widget)组成.

组件有多种类型,目前有

  1. 图表组件(chart-widget),
  2. 应用组件(application-widget)
  3. 媒体组件(media-widget),
  4. 控制器组件(container-widget), 未来还会扩展其他类型的组件等。
  • 组件名称

可以修改组件的名称,控制组件名称的显示,不显示。 设置组件的名称颜色。

组件背景

组件背景可以设置,组件的背景色,以及背景图片

组件内边距

设置组件的内编辑,也可以理解为 widget 内的 padding 值

组件边框

组件边框可以设置其边框的显示隐藏,边框的粗细,边框的样式,边框的颜色,边框的圆角

组件自动刷新

组件可以设置是否开启自动刷新,以及设置自动刷新的频率,开启后默认 60 秒刷新一次数据。