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

目录:

1. 概述编辑

1.1 版本

报表服务器版本
JAR包插件版本
功能变更
11.02021-11-15V1.0.0-
11.0.22022-01-12V1.2.0
  • 新增快捷键提示面板

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

1.2 功能简介

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

2. 新建大屏模板编辑

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

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

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

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

3. 界面概览编辑

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

序号
名称简介
1菜单栏

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

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

注:关闭 FVS 模板可直接打开其他模板,或点击「文件」下拉框中的「关闭」按钮

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

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

2文件区

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

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

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

3数据源

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

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

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

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

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

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

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

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

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

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

  • 可隐藏、锁定组件

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

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

8组件栏

包含五大类组件,选择需要的组件,添加到分页中即可编辑使用

  • 三维组件:包括三维城市和自定义模型组件

  • 图表组件:包括各类分析图表和原扩展图表

  • 文字组件:包括单行标题组件、多行富文本组件和表格组件

  • 媒体组件:包括本地视频组件、监控视频组件和图片组件

  • 容器组件:包括网页框组件和轮播器组件

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

9画布主体区

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

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

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

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

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

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

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

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

4. 模板预览与挂载编辑

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

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


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