历史版本2 :5min做好移动端模板——移动端组件 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

1. 版本编辑

报表服务器版本

10.0、9.0

2. 描述编辑

2.1 视频学习

在线视频学习请点击链接:如何在 5min 做好一张移动端决策展示

2.2 功能介绍

通过现成的组件,快速构建一张移动端决策模板,省时省心。

2.3 组件获取

本文仅提供三个组件试用,更多组件获取请填写调查问卷:问卷调查 。试用组件以及帮助说明会发送至您邮箱。

3. 示例编辑

3.1 组件安装

1)下载组件至本地并解压:FineReport.Reuse.zip

2)将解压所得文件夹FineReport.Reuse放至 %FR_HOME%\webapps\webroot\WEB-INF\assets路径下,如下图所示:

图片.png

注:FineReport.Reuse 文件夹名称不可更改。

3)重启设计器,组件即可使用。点击组件库,默认展示所有组件,共有五类:指标标签、图表切换、图表、表格、横幅。如下图所示:

100.jpg

3.2 新建移动端决策报表

1)新建决策报表

点击文件>新建决策报表,创建决策报表,如下图所示:

图片.png

2)设置移动端属性

点击模板>移动端属性,在模板设置中勾选设置为手机端模板。如下图所示:

图片.png

3.3 添加组件

用户可根据自身需求,选择相应的组件来搭建模板。本次示例中选择了横幅、指标标签和图表组件。

1)横幅组件

点击组件库>横幅,选择适合的横幅样式,拖拽至决策报表中即可。

101.jpg

2)指标标签组件

切换至指标标签组件,选择适合的标签样式,拖拽至决策报表中。

3)图表组件

切换至图表组件,选择适合的图表样式,拖拽至决策报表中,调整所有组件的大小和位置。

3.4 调整数据

当鼠标移动至组件,组件右上角会出现一个问号样式,单击后出现组件帮助弹窗。

用户可根据帮助弹窗,修改组件中的数据和格式,本次示例不做修改。

图片.png

4. 效果查看编辑

4.1 PC 端

该组件效果主要用于移动端,不适合在 PC 端展示。

4.2 移动端

4.2.1 App

1559179186188459.jpg

4.2.2 HTML5

11.jpg

注:需安装 HTML5 移动端展现插件。