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

目录:

1. 概述编辑

1.1 版本

报表服务器版本
JAR包插件版本
功能变更
11.02021-11-15V1.0.0最低版本要求
11.0.16-V1.15.0支持同时打开多张 FVS 模板,详情参见第 3 章
查看历史版本更新
报表服务器版本
插件版本功能变更
11.0.2V1.2.0
  • 新增快捷键提示面板

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

11.0.6V 1.7.0优化:组件列表栏交互优化,可收缩展开文字提示效果
11.0.9
V1.9.0

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

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

11.0.9V1.12.0新增:新增 资源复用 功能
11.0.9V1.13.1新增:画布提供辅助线功能,详情请参见 画布辅助线

1.2 功能简介

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

2. 新建大屏模板编辑

点击设计器左上角「文件>新建大屏报表」,可选择「从空白创建大屏」或「从模板创建大屏」。

1)从空白创建大屏

可设置大屏模板名称和画布大小。画布大小支持常用尺寸和自定义尺寸。如下图所示:

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

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

Snag_f19f00d.png

2)从模板创建大屏

V1.12.0 及之后版本插件,新建模板时支持选择「从模板创建大屏」,可选择「我的资源」或「在线资源」中的模板快速创建 FVS 大屏模板。

详情请参见文档:FVS资源复用

Snag_f1901e5.png

3. 界面概览编辑

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

1680169837103883.png

序号
名称简介
1菜单栏

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

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

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

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

  • 在「服务器」下拉框新增「FVS资源更新」和「FVS资源中心」按钮,详情可参见 FVS资源复用

2文件区

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

3数据源

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

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

4模板页签
  • 设计器 11.0.16 、插件 V1.15.0 及之后版本支持同时打开多个 FVS 模板

  • 点击页签最左侧 Snag_1c3631d.png 图标,可新建 FVS 模板

  • 同时打开多个非FVS模板 和 多个FVS模板时,两种类型的模板可在右侧角标处切换

Snag_1c1d960.png

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

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

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

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

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

注:不支持移动端预览

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

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

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

  • 可隐藏、锁定组件

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

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

9组件列表栏

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

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

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

10画布主体区

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

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

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

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

  • V1.13.1 版本新增画布辅助线,详情请参见:画布辅助线 

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

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

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

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

4. 模板预览与挂载编辑

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

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


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