6个新功能,打造更精致的移动端看板!

文 | 商业智能研究 2020-12-21
阅读次数:4,502

阅读提示:

文章中与FineReport软件使用的相关内容,基于软件的V7.0旧版本编写,不代表软件最新的使用方式。
FineReport最新版免费试用:https://www.finereport.com/product/active
FineReport最新版使用教程:https://help.fanruan.com/finereport/

随着移动互联的飞速发展,手机成为人们工作、生活中必不可少的工具,移动数据分析也被越来越多的企业所重视。无论是一线人员还是企业管理者,都可以通过手机了解业务情况。它具有实时性、准确性、便携性等特点,打破时间与空间限制,让企业信息传递更加快速,助力企业经营决策。

然而在开发移动端模板的过程中,由于屏幕的限制和对交互性能的高要求,开发出来的模板总是感觉哪里差了点什么,不够精致,一改再改,最终效果却还是差强人意。

追求“炫酷”的效果一定离不开时间的打磨吗?如何在保证模板开发效率的同时,让模板呈现更加精致美观呢?

移动端看板,报表看板,移动端弹窗,报表样式

为了帮助大家提高移动端模板开发效率,快速打造精美的移动端报表,本期移动端更新了6大新功能,让移动端报表更加实用、美观。

NO.1移动端弹窗

移动端“寸土寸金”,要求我们在模板开发时合理利用每一处空间。超链接可以帮助我们在移动端展示更加丰富的内容,同时却也会让我们徘徊在模板间的跳转和返回之间,为了提高移动模板的层次感和空间利用率,小编给大家带来了一个新插件:移动端弹窗

不仅可以通过弹窗的方式直接查看子模版内容(无需页面跳转),而且也可以使用纯文本加入一些注释性内容,直接上图

移动端看板,报表看板,移动端弹窗,报表样式 移动端看板,报表看板,移动端弹窗,报表样式

点击门店出现门店详情弹窗

移动端看板,报表看板,移动端弹窗,报表样式

自定义注释文本

下面重点来了!

这样的效果怎么做?首先需要下载插件移动端弹窗,然后,打开超级链接>添加链接>移动端弹窗,可以添加模板/本文,弹窗的边框、背景和大小皆可自定义设置

移动端看板,报表看板,移动端弹窗,报表样式

NO.2展开与折叠样式

如何在移动端展示多行数据?门店销售分析、员工业绩排行等动辄几十行的数据放在移动端可能就变成了传统报表,满屏幕数据抓不到重点,除此之外美观也大打折扣。

用上全新上线的移动端展开折叠样式,重点展示头部数据,核心内容精简清晰,一键展开查看更多数据,数据要怎么查看你说了算

移动端看板,报表看板,移动端弹窗,报表样式 移动端看板,报表看板,移动端弹窗,报表样式 移动端看板,报表看板,移动端弹窗,报表样式

实现方式:

1.首先拖入报表块/图表快,这里以报表块为例,拖入字段,进行字体大小样式的调整,不再过多赘述

2.点击报表块>移动端>展开收起>自定义,可以设置收起行及文字提示内容

PS:报表块必须设置标题才可实现此效果

移动端看板,报表看板,移动端弹窗,报表样式 移动端看板,报表看板,移动端弹窗,报表样式

NO.3侧边导航

当移动端展示内容较多时,仅能通过下拉才能查看多屏页面,内容冗长,也没办法快速查看某一板块。数据展示太多,毫无重点,没有价值

本次带来「移动导航栏」,右侧可自定义编辑导航样式,快速定位到报表指定位置,交互体验极佳

移动端看板,报表看板,移动端弹窗,报表样式

实现方式:

1.给报表块/图表块设置导航名称,便于定位。点击报表块>移动端,勾选使用导航,设置导航名称

移动端看板,报表看板,移动端弹窗,报表样式

2.点击body>移动端>导航样式>侧边导航,自定义设置背景颜色、字体等

移动端看板,报表看板,移动端弹窗,报表样式

NO.4全新控件

门店销售分析、员工日报、财务情况等诸多场景中,日期和下拉框都是必不可少的查询维度,控件的组合使用也是实际业务中常见的场景。如何让控件和模板的配色协调、搭配合理?

本次上线「移动端简约日期样式」和「移动端简约下拉样式」插件,日期控件和下拉框控件设置自定义,边框、背景、图标等,想什么配置就怎么配置,整张模板的视觉效果完全由你说了算!

移动端看板,报表看板,移动端弹窗,报表样式

实现方式:

选择日期控件,打开移动端>样式模板,选择简约日期样式,进行任意配置

移动端看板,报表看板,移动端弹窗,报表样式

效果演示:

1.日期区间的查询模板,所见即所得

2.下拉框与日期控件的组合,多维度查看数据

移动端看板,报表看板,移动端弹窗,报表样式 移动端看板,报表看板,移动端弹窗,报表样式

下拉框+日期,与模板协调统一

NO.5 H5填报

官宣,H5支持填报了,再也不用担心cpt模板仅能在app上使用了,摒弃纸质化流程,移动终端操作,一键填报,快速提升工作效率。

大家心心念念的功能,小编就直接上效果图了,下面是疫情期间,XX公司可直接通过钉钉收集信息,员工每日健康打卡的移动端填报模板:

移动端看板,报表看板,移动端弹窗,报表样式

NO.6联排TAB样式

tab在移动端报表中应用非常多,除上菜单、下菜单和滑动式外,本次更新了联排tab样式,丰富tab样式

移动端看板,报表看板,移动端弹窗,报表样式

效果展示:

移动端看板,报表看板,移动端弹窗,报表样式

NO.7其他

钉钉集成后同时支持PC端,单点登录后显示PC端效果

H5首页支持底部切换

自定义填报控件图标支持自定义是否显示

比如,目前市面上很流行的帆软公司的软件——finereport,功能算是前沿的,可做BI报表和大屏,包括数据整合、建模、分析、可视化制作图表,很适合企业使用。难度不算太大,而效果也不错。

报表产品更多介绍:www.finereport.com

免费试用FineReport


本月阅读量最高的10篇文章

售前咨询

服务热线

400-811-8890转1

售后咨询

在线QQ

800049425

服务热线

400-811-8890转2

投诉建议

总裁办24H投诉

173-127-81526