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

目录:

1. 概述编辑

1.1 版本

报表服务器版本
JAR包插件版本
功能变更
11.02021-11-15V1.0.0最低版本要求
11.0.9-V1.13.1新增：画布提供辅助线功能，详情请参见 画布辅助线
查看历史版本更新
报表服务器版本
插件版本功能变更
11.0.2V1.2.0

  • 新增快捷键提示面板

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

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

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

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

11.0.9V1.12.0新增：新增 资源复用 功能

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 大屏模板的制作界面如下图所示：

1667196826820485.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大屏模板里的一张分页的画布页面

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

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

10画布分页区

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

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

11画布属性区支持修改画布大小、调整画布自适应模式、调整画布缩放大小
12配置栏

  • 未选中组件时，配置栏可以配置当前分页的背景和过渡效果等属性

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

4. 模板预览与挂载编辑

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

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


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