历史版本5 :FVS界面概览 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

1. 概述编辑

1.1 版本

报表服务器版本
JAR包插件版本
功能变更
11.0.9
-V1.9.0

优化:支持输出「内置数据集

新增:模板右上角新增「关闭模板」按钮

11.0.6-V 1.7.0优化:组件列表栏交互优化,可收缩展开文字提示效果
11.0.2-V1.2.0
  • 新增快捷键提示面板

  • 支持直接在数据决策系统目录挂载 FVS 模板

11.02021-11-15V1.0.0-

1.2 功能简介

本文将详细介绍 FVS 产品的界面介绍、功能概览、预览挂载。

2. 新建大屏模板编辑

插件安装成功后,点击设计器左上角「文件」,会出现「新建大屏模板」按钮。

点击「新建大屏模板」按钮,可设置大屏模板名称和画布大小。画布大小支持常用尺寸和自定义尺寸。如下图所示:

  • 常用尺寸:包括高清屏(1280*720px)、超清屏(1920*1080px)、2k屏(2560*1440px)、超宽屏(4864*1294px)

  • 自定义尺寸:可手动输入画布的宽度和高度,单位为px,宽高值范围为 300-50000 px。

3. 界面概览编辑

FVS 大屏模板的制作界面如下图所示:

Snag_aa87e33.png

序号
名称简介
1菜单栏

菜单栏与普通报表基本一致

  • 在「文件」下拉列表新增「新建大屏模板」按钮,用于新建 FVS大屏模板

  • V1.9.0 版本及之后的插件支持在「文件」下拉列表中输出「内置数据集

  • 在「模板」下拉框新增「页面加载结束事件」按钮,用于添加 JavaScript 代码

  • 在「服务器」下拉框新增「fvs 内置素材更新」按钮,用于更新 FVS 编辑模式下内置的各类素材

2文件区

文件区保存了当前 FineReport 工程下的所有模板,包括普通报表、决策报表、FVS大屏模板

  • 不支持同时打开 非FVS大屏模板 和 FVS大屏模板

  • 同一时间只能打开一个 FVS大屏模板

3数据源

数据源区和普通决策报表的数据源区一致

  • 可设置模板数据集和服务器数据集,并在模板中调用

4标题区显示当前 FVS大屏模板的名称
5操作栏
  • 进行动作的撤销、还原操作

  • 进行组件的组合、拆分、删除操作

  • 进行组件位置的对齐、调整层级操作

6保存预览区
  • 用户制作完 FVS大屏模板后,可点击保存/预览模板

  • 在 FVS大屏模板中,普通报表菜单栏的保存按钮不存在

  • V 1.9.0 新增「关闭模板」按钮,可点击此按钮关闭模板。V1.9.0 之前的模板可通过菜单栏「文件>关闭」按钮,或直接打开其他模板进行关闭。

注:不支持移动端预览

7组件图层区
  • 显示当前选中分页下的所有组件

  • 可对组件进行重命名、删除操作

  • 可对组件层级进行拖拽调整

  • 可隐藏、锁定组件

  • 点击「8、组件栏」下方的按钮 Snag_11099917.png,可收起/展开组件图层区

  • 点击「图层区」右上角按钮 Snag_110b57bf.png,可改变图层区位置在画布左侧还是右侧

8组件列表栏

固定展示大类图标和名称,点击大类出现具体的组件列表,选择需要的组件,添加到分页中即可编辑使用

下方按钮为组件图层按钮和快捷键按钮

注:V1.7.0 版本对组件列表栏进行了优化,悬浮列表栏时,支持展开带有文字提示的效果,收缩则只展示组件大类 icon

9画布主体区

大屏模板的主体部分,是一块所见即所得的设计区域

  • 新增组件、调整组件都可以在不需要保存预览的情况下直接看到效果

  • 同一时间只能打开一个 FVS大屏模板里的一张分页的画布页面

  • 请在画布内放置组件,超出画布外的内容,在预览时无法显示

10画布分页区
  • 一个 FVS大屏模板中可以包含多个分页

  • 通过分页之间的切换可以实现大屏场景或视角的切换

11画布属性区支持修改画布大小、调整画布自适应模式、调整画布缩放大小
12配置栏
  • 未选中组件时,配置栏可以配置当前分页的背景和过渡效果等属性

  • 选中组件时,配置栏可以配置选中组件的内容、交互、动画、样式等属性。

4. 模板预览与挂载编辑

制作完成的模板,点击右上角「预览」按钮即可预览,请用 Chrome 浏览器预览 FVS 大屏模板。

V1.2.0 及之后的插件版本,FVS 大屏模板可直接挂载到数据决策系统目录中,查看类型为「预览」,展示终端仅支持「PC」端,如下图所示:


V1.2 之前版本,FVS 大屏模板暂不支持直接挂载到数据决策系统目录中,请通过「添加链接」方式挂载,链接地址即为模板预览地址。