请上传宽度大于 1200px,高度大于 164px 的封面图片
    调整图片尺寸与位置
    滚轮可以放大缩小图片尺寸,按住图片拖动可调整位置,多余的会自动被裁剪掉
取消
帆软-Dingzz(uid:196542)
Finereport产品运营 职业资格认证:尚未取得认证
在线组件库升级!让决策报表开发像玩“拼图”一样简单!
当我这次的任务是开发一张决策报表时,我的内心... 144183 先别慌~ 144184 “拼图式”决策报表的开发,拒绝“费时费力不好看”,话不多说,先上成果: 144185 这样的效果,各位番薯们可满意? 其实,简单又高效的“拼”出一张驾驶舱~秘诀就是——“组件复用”~ 安装组件复用插件点我安装插件 帆软市场-组件免费下载:点击下载组件 此外,也可在设计器内直接下载使用,上图: 144186 组件复用详细操作,请参考:https://help.fanruan.com/finereport/doc-view-3426.html 这次,在线组件库扩容新升级——充分满足各种风格、各种场景的需求,快来看看吧~ >>四种全新风格 科技风 打造科技感决策报表的最优解,配色和谐,调性一致,炫酷感get 144187 未来风 作为深色系的另一流行风格,未来风则更倾向于商务稳重的风格,完美营造静息感 144188 活泼绚丽风 更具活力和张力,数据分析也可以“严肃又有趣”。谁还说浅色系的决策报表不好看呢? 144189 简约清新风 企业风格很沉稳,又想要浅色系列?简约清新风充分满足,清新又雅致,整体效果就俩字,“优雅” 144190 (以上只是在本次更新的组件中,择选了部分组件“拼”出来的决策报表)你以为就只有这些?不不不,我们在组件类型方面更是做了扩展和深耕~ >>200余个全新组件 标题头多种风格类型,全方位满足你的需求144191 指标卡 重点数据或图文结合的指标卡,布局格式多种多样~ 144192144193 一系列常用图表类型 144195 动态效果组件 操作一如既往的便捷,但是功能效果更强大~只需要拖拽组件、根据帮助设置简单调整JS的组件名称,我们来让你的决策报表动起来~ 1.数字动态增长指标卡+表单实时刷新:让你的销售数据在跳动中攀升不好吗? 144196 2.文本纵向滚动:企业消息一览无余~鼠标悬停下钻,详细信息马上get 144197 篇幅有限,列举出的内容只是组件库的一小部分~更多精美组件,尽在组件商城:点击跳转组件商城 在线组件库会持续稳定更新,希望大家多多关注~ 如果还有其他想法,欢迎评论区反馈~只要呼声够高,下期就有你的量身定做哦~ 编辑于 2021-6-2 19:19 编辑于 2021-6-2 19:21
这一次,把全套销售管理方案免费送你!!!
众所周知,销售数据是企业在业务表达层面的核心数据,上至管理层,下至一线销售,都会时刻关注销售指标。 A:拉一下这个月的销售进度,下午开会过一下。B:这个月XXX的销售业绩怎么这么难看,拉一下他这个月的销售数据。C:XXX品牌这个月卖的怎么样了? 每个企业在经营管理过程中对销售数据的关注度都非常高,并且希望通过对销售数据的监控和分析来支撑企业经营管理和决策。但面对复杂的企业组织架构和多维度的销售数据,很多企业积攒的大量销售数据并没有很好的利用。 为了帮助更多客户利用数据做好销售管理,我们提供了系列销售服务类报表系统解决方案,本文核心围绕销售进度达成和客户管理两个模块重点介绍,其他内容可期待下次分享。 所有模板均可免费下载,下载方式见文末! NO.1角色梳理虽然在不同企业中,销售管理的方式是不一样的。但无论企业组织架构有多复杂,销售目标都是层层向下分解的,这种情况,层级之间的信息透明就至关重要,管理者不仅可以时刻关注整体销售目标的达成情况,一线销售也能够时刻了解自己的销售完成进度。143984 从过程管理的核心业务来看,人员角色可以主要分为一线销售、一线销售主管、销售组织管理者(包括公司领导层),此外,还有一些职能部门,需要关注产品、品牌、单品的销售情况。 销售管理者需要对整个销售组织的销售目标负责,制定合理的销售流程,科学的销售策略是他们的主要工作,宏观上掌握销售计划、监控按销售层级、品牌层级逐层拆解的目标完成进度。 一线销售人员的主要工作内容是进行具体的销售活动,完成拆解到个人的销售目标。虽然他们对了解整体销售情况的需求不强烈,但是要想完成整个的数据化建设,需要每一个一线销售人员严格执行数据录入,比如拜访行为记录、销售记录。 梳理完了角色,下面我们切入正题: NO.2销售综合管理 销售综合管理需要将销售场景内的核心指标聚集展现,让不同角色可以通过一张看板可以掌握所有信息,关键指标一览无余。 对销售管理者而言,销售达成、客户拜访进度、品牌销售情况等,一张看板解决管理层的数据问题,可以随时根据异常情况进行战略调整 对一线销售来说,可以清晰的了解到当月的销售目标完成进度、客户拜访进度,在公司内部所处的排名等,激励员工完成销售业绩 集团销售管理看板 143985 战区晨会看板 143986 客户经理销售管理面板143987 NO3.销售进度 一、销售计划录入 一般在年初、季度初或月初需要制定合理销售计划,层层拆解下来,到战区负责人这里,需要定期去录入战区内每一个客户经理的月计划销售额。ps:此表配合定时调度功能使用更香,定期提醒战区负责人录入销售计划~ 143988 二、销售目标达成分析 销售目标达成情况是企业所有人最为关注的数据之一,普通报表行行列列那么多,管理者很难从大量数据中找到异常问题,从而指导销售工作。并且不同角色关注点也不一样: 管理层可能更关注公司整体的销售进度和下属区域的达成 一线销售最为关注的还是自己的销售额和排名 产品部可能需要关注到产品、品牌、单品的销售 此外,销售岗位的特性就注定他们不会长期处于电脑办公,所以一共给大家提供三套模板:普通报表、PC驾驶舱、移动端。 按区域维度143989143990143999按产品纬度143992143993144000NO4.客户管理 客户管理内容较多,像客户基本信息展示等就不给大家一一讲解了,本文主要以客户拜访为例给大家介绍: 一、客户拜访计划录入同销售计划录入一样,一般月初,负责人会根据客户经理的情况去分配一些客户拜访的任务。“这个月xxx需要开发多少新客户,需要维护多少老客户等等” 143995 二、客户行程拜访录入 一线销售业务动作监控难?销售行程管控、客户地理位置签到、拜访结果实时录入,一张模板解决所有诉求: 144001 三、客户拜访行为分析拜访结果分析是领导层有力的管控方式,通过一线销售采集的数据进行整理分析,自上而下层层钻取,随时掌握一线销售拜访情况,一线销售随时也可查看自己本月已经拜访的客户信息,还需要拜访几个客户,做到心中有数。 144002 销售服务场景方案第一期内容就到这里结束啦!点击下方按钮可下载/体验所有模板:体验模板方案(账号:1密码:1 ): http://secure.finedevelop.com:33080/webroot/decision 下载方案请戳:https://market.fanruan.com/template/20000459 编辑于 2021-5-24 10:58
写给正在准备年终汇报的你,多张驾驶舱免费送
快到年终,是不是要开始进行总结汇报了?普通驾驶舱仅做数据展示,业务有时还得截图下来做PPT,对数据进行阐述再向领导层汇报,过程太复杂,流程太繁琐。今天小编给大家带来一个年度汇报驾驶舱,集合填报+展示,360度无死角满足领导需求。 a.填报模板本张模板应用移动端流式布局,自上而下展示核心指标。不同与其他驾驶舱的地方是新增了填报入口,汇报人员可通过入口打开弹窗,对数据进行说明,形成最终报告应用关键点:1.移动端弹窗利用移动端弹窗功能,打开填报子模板进行填报可参考帮助文档设置弹窗:查看说明 2.填报过程模板中用年月作为主键ID,主模板通过超链入口进入填报页面,进入后仅能看到ID字段和入口对应的填报字段 其中ID字段可以修改,修改后,其他字段展示该ID对应的内容,ID字段默认值为当前年月 3.超链设置主模板设置超链到弹窗子模板时,设置参数a等于某个值来控件想要看到的控件(比如从关键指标的说明填报入口进入弹窗,只填报关键指标的说明内容,就设置a=1,即关键指标对应的控件a1,b1可见) 140870 b.展示模板业务填报后,一张报告式驾驶舱就已经完成了。领导层在查看驾驶舱的同事,不仅可直观看到准确的数据,也可从业务填报的内容上了解到数据背后的原因ps:会议引用更佳哦~ 140872下载通道:点击下载 其他驾驶舱 劳动力分析驾驶舱本张模板利用上菜单式tab样式,以多tab的布局方式,分别从不同维度对公司劳动力进行分析。a.以总-分的tab方式,从概览到4个不同维度的分析,数据展示更具有层次化b.除点击tab外,左右滑动即可实现tab切换,更符合用户操作习惯c.边距和间隔设置,不仅提升了驾驶舱的美观度,同时也提高了可阅读性,浏览起来更加丝滑 140868 下载通道:点击下载 地产项目驾驶舱本张驾驶舱采用流式布局,以指标卡+内容的形式进行多维度展现。a.突出指标卡内容,核心数据一览无余b.不同颜色的指标卡将不同维度进行分隔,可阅读性更高~ 140869 下载通道:点击下载 编辑于 2020-12-23 11:21
这里一定有你想要的移动端驾驶舱.......
继销售日/月报、经营管理驾驶舱、工资条、财务管理驾驶舱等方案的发布后,产品君发现大家对移动驾驶舱的期待较高,今天给大家带来4种移动端驾驶舱,多样化的布局方式及配色供大家参考,感兴趣的同学赶紧下载使用 NO1.卡片式驾驶舱所有关键指标均一平铺的方式展开,一览无余。每一个指标中用户关注的内容需要表达完成,还可以在此基础上加上跳转。(不局限平铺,也可以是2列或3列的形式)一般用于一套模板中的主模板(可逐层钻取)、指标管理、生产/销售/运营预警等 139954 卡片式驾驶舱:点击下载 NO2.地产经营驾驶舱本张模板采用流式布局,以标题头—汇总数据—分类展示的形式进行布局,同时搭配丰富的组件边框和深色背景,瞬间提高美观的美观度。 139955地产经营驾驶舱:点击下载 NO3.销售管理驾驶舱本张模板采用流式布局,以指标卡的形式放置在模板首部,核心内容一览无余,瞬间抓住报表使用者的眼球,凸显数据的价值 139956 销售管理驾驶舱:点击下载 NO4.门店异常管理本张模板以tab下菜单式的布局,将不同维度数据填充至不同的tab页内部,数据展示更加立体化。同时下菜单式的tab比较符合用户习惯,单手操作即可快速查看不同内容 139957 门店异常管理:点击下载 模板下载等等等等,放个模板就没了,模板中的一些方法怎么用呢?没错,就这么简单粗暴。我们已经在附件中对模板的使用进行说明,包括icon、配色等,快来下载看看吧~模板商城>移动端/最新发布:点击链接查看 编辑于 2020-12-9 17:23 编辑于 2020-12-9 17:23
有这些移动端组件,还担心做不好驾驶舱?
「移动数据分析」已成为企业管理者的重要武器,能够保证信息的快速传递,让管理者能时刻了解企业营运状态,提高数据信息价值。移动驾驶舱还不同于PC报表,多应用于管理层,往往对视觉和交互有着较高的要求。作为报表开发者,可能会遇到这么一个问题:精致美观的驾驶舱都需要大量的时间打磨,报表开发任务这么重,如何做到美观与效率兼得? 139869 为了帮助大家提供移动端驾驶舱开发效果,快速打造精美的移动端驾驶舱,小编给大家带来了一系列移动端组件,将配置好的功能、样式、场景的报表块、图表块、tab块进行封装。组件复用想必大家也有所了解,小编也不在赘述,有疑问的直接点击帮助文档进行查看:点击这里今天主要带来一些新的移动端组件,免费提供给大家~ NO.1指标卡指标卡一般用数值+图表组成,能够重点突出某项内容,凸显数字的魅力,十分直观和方便理解,也更加震撼。既避免了在移动端展示“大宽表”突出不了核心数据,同时也解决了美观的问题。 139859 除了本次新上的指标卡,前两周也上线了很多指标卡可供大家选择~ 139860 NO.2图表类多维切换图表(动态参数)在组合图的基础上增加了维度切换的效果,可以更加方便直观地查看数据。主要应用在产品统计、销售量查询、库存盘点,以季度或年等时间为单位统计产品 139867 多维切换图表(tab)利用tab实现多维切换,一般应用于同一核心指标下的不同次要指标,节省大量空间,交互效果更好 139861 139862 表数据综合图表可视化图表深入人心,报表数据一览无余,加上统一的配色风格,视觉效果也同样突出 139863 NO.3表格类多列动态排序表格数据查看时,通常时候会有排序的需求,降序或升序排列能直观看出数据表的变化 139868 折叠式表格139864NO4.其他目录式横幅一般用于驾驶舱主模板里,可通过添加超级链接,切换到子模板 139865 组件安装与使用给大家带来的这些组件都可以在组件商城中免费下载使用,组件中有涉及到一些功能、插件等也会进行详细说明建议大家在使用组件式,按照详细说明进行操作139866 进入组件商城,点击移动端—最新发布即可看到最新发布组件:点击下载(如果大家有看到更好的样式也可进行评论说明,小编将在下次组件样式更新时提供给大家) 编辑于 2020-12-9 11:15
移动端专栏第六弹—财务管理驾驶舱
一.应用场景财务管理驾驶舱是移动端重点场景之一。作为企业的管理者,对公司的财务情况应该了如指掌。单单借助PC端可能没办法做到“随时随地”,但移动设备可以打破时间和空间的限制,让管理者随时随地都可以了解到实时财务信息,再结合定时推送功能,让数据传递变得更加快速和精准,以便快速给予决策。直接看效果:138109二.解决方案内容本套财务管理驾驶舱提供深浅两套配色(基于大家的需求,小编又调试了一个浅色的驾驶舱,欢迎大家尝试,如果有更好的配色方案,也可私聊我)提供了财务管理常规数据指标(大家根据需求灵活调整即可) 该方案主要解决两个核心问题:1.组件太多,如何进行合理布局移动端展示多组件一直以来是报表开发者的一个难题,今天小编跟大家一起探讨下,核心要素:确定展示内容和表现形式——将内容进行模板划分(分类)——利用tab块丰富空间。 a.确定展示内容和表现形式:设计移动驾驶舱前,要进行充分的业务调研,确定下展示的数据以及数据的表现形式,比如指标卡、明细表、图表等,这里小编就不展开细说了 138110 ps:给大家安利一下组件商城,官方提供了一些移动端组件:https://market.fanruan.com/reuse b.将内容进行模块划分(分类):移动端内容分类是至关重要的步骤,囫囵吞枣地将内容随意放置是移动端的大忌。移动端一般都是先汇总再细分,一定要根据业务需求做好模块划分,将每一个模块的内容归到一类,逻辑清晰,使用者看起来也容易理解 c.利用tab块丰富空间:归类做完了,还是有很多组件要怎么处理?合理利用tab去丰富空间,先上效果图: 138111 138112 选择tabpane>移动端,首先先设置样式模板,这里可以利用丰富的tab属性;其次可以设置显示标题、支持滑动切换、显示圆点指示器,就可以实现上图两种效果 138119 可参考帮助文档:TAB标签面板样式——https://help.fanruan.com/finereport/doc-view-2679.html?source=1移动端 Tab 块切换——https://help.fanruan.com/finereport/doc-view-3726.html?source=1 2.如何快速了解驾驶舱内容且能精准查找?对管理层来说,需要一眼了解到整张驾驶舱的内容,并且能够快速触达自己关注的内容。从大多数移动端驾驶舱来看,能够在一屏展示下所有内容的情况还是比较少的,那么该如何体现数据价值呢?利用移动端组件导航快速定位功能,将模块划分的主题展示在右侧导航里,不仅可以展示驾驶舱“大纲”,而且通过点击右侧导航,快速切换到页面制定位置。 138120 1)选择body>移动端,进行导航样式设置,尺寸、颜色、大小皆可自定义 138115 2)选择需要设置为导航的组件>移动端,勾选使用导航,设置导航名称 138122 可参考帮助文档:https://help.fanruan.com/finereport/doc-view-3396.html?source=1 3.细节优化当然,模板中还有一些细节上的处理,标题、间隔、圆角设置、配色等,这里就不一一细说了。感兴趣的可看历史文档。https://bbs.fanruan.com/thread-132688-1-1.html 三.免费demo可扫码预览demo,打开解决方案>财务管理驾驶舱 138117 需要模板的同学可直接到模板商城进行下载:点击下载 编辑于 2020-11-26 16:49
移动端专栏第五弹——行程管理
传统的采用人力纪录行程时代已经过去,为了提高工作效率,需要将行程管理全面信息化。在企业日常工作中,会经常出现出客户现场拜访的场景,要求业务员能及时录入信息,每月拜访记录汇总结果会定时推送给领导层。不仅可以了解员工的工作情况,而且对整体客户的情况也能够了如指掌。 解决方案该方案包含客户行程拜访录入、拜访结果分析两张应用demo,使用地理位置、移动端弹窗等多个功能,快来看看吧 136484 1.客户拜访行程结果录入业务员经常会外出现场进行客户走访,则可以在客户现场通过手机定位进行上传,这样业务员或者销售员可以直接在拜访间隙时间将所需要的信息进行上报,而不需要每天晚上写总结汇报136486 该模板主要利用决策报表填报,重难点在于定位功能和控件样式调整 定位功能移动端可以通过js获取到当前具体地理位置,目前仅支持APP,H5上浏览器出于安全限制,只有https环境才允许获取FR.location调用浏览器定位具体实现步骤可以参考帮助文档:https://help.finereport.com/doc-view-1383.html 控件样式调整选择控件>移动端>样式模板>自定义,可直接对控件背景、边框、圆角等进行设置,填报也可以实现高大上的效果136487 2.客户拜访行为分析数据采集后,对数据进行有效分析才是最终目的。结合员工拜访行为进行分析,通过定时调度推送给业务主管或者销售总监,这样可以查看到每个业务员或者销售的客户拜访轨迹,从而监督下属的工作136488 驾驶舱的制作已经讲过很多,这里不再赘述,可以参考:https://bbs.fanruan.com/forum.php?mod=viewthread&tid=132688这里主要给大家讲解两个个功能——进度条插件、移动端弹窗 进度条插件移动端很多场景中,都会出现比率,用图表太大,用数字凸显不出来比率的重要,这里可以采用进度条插件来实现下载直通车:https://market.fanruan.com/plugin/1b50acfc-b011-4111-806e-54746a288963136490 移动端弹窗说过很多次移动端的布局方式是一个总分的形式,对于内容较多的情况下,就可以采取移动端弹窗的方式这里我们在主页面展示整体拜访情况,再通过点击业务员,查看每个业务员的拜访记录,既不需要重新打开一个页面,而且视觉效果也有较大幅度的提升。弹窗应用https://help.fanruan.com/finereport/doc-view-3202.html?source=1136491 方案demo 1.扫码预览demo,打开解决方案>行程管理 136493 2.需要模板的同学可直接到模板商城进行下载:点击下载 编辑于 2020-11-26 17:12
移动端专栏第四弹—工资条
要说每个月哪一天最开心?那一定是发工资的那一天说起工资条,相信大家都很熟悉:纸质的工资条,需要裁剪分发给大家,不仅带来一些工作量,而且极其容易丢失;PC也同样存在问题,解决了部分工作量的问题,但对于员工来说,还不够便捷。小编今天给大家带来移动端工资条,工资扣发一目了然,结合定时推送到员工手机,工作效率大大提升。 解决方案本方案主要利用新插件——移动端折叠展开树,实现移动端动态折叠树效果 136080 1.布局设计本方案布局设计较为简单,采用流失布局,由横幅+汇总数据+分类展示三部分组成这里不再赘述,对布局方式有疑问可移步:https://bbs.fanruan.com/forum.php?mod=viewthread&tid=132688 2.报表设计横幅 横幅设计较为简单,直接在报表块内公式编辑,"工资条-"+$fine_username(获取用户名的参数)背景设置:组件>属性>样式>填充,设置渐变色136064 汇总数据—工资合计采用指标卡形式、提取核心数据,用图标加以点缀136074 分类展示—工资细项展示a.安装移动端折叠展开树插件 插件名称 JAR包 App 版本 HTML5 移动端展现插件 移动端折叠展开树2020-08-3110.4.9010.4.90 插件下载直通车:https://market.fanruan.com/plugin/b832c254-4d31-46c6-840e-2fcc25014849 b.设置展开行的单元格行层级为1,并设置展开收起图标136075 c.设置下层级单元格的行层级为2,并删除默认的展开收起图标136076 d.和层级2同层级的行,可以不用再单独设置行层级,保持默认的0就可以136077 3.点缀、配色利用单元格的格式和图标对样式进行点缀,提升视觉效果136078 4.补充a.部分公司的工资条需要员工确认的流程,可以在页面内设置填报 决策报表填报参考https://bbs.fanruan.com/forum.php?mod=viewthread&tid=132995b.建议可在工资发放当天,利用定时调度,直接推送到APP/钉钉/企业微信 免费DEMO 1.扫码预览demo,打开解决方案>工资条 https://bbs.fanruan.com/data/attachment/forum/202008/21/113201xw452f3538a49w51.png 2.需要模板的同学可直接到模板商城进行下载:点击下载 编辑于 2020-11-26 17:03
移动端专栏第三弹——库存管理、商品盘点
“当前,二维码作为万物互联的重要载体,正在成为数字经济、工业互联网、智能制造等领域不可或缺的经济要素。” 在企业中,二维码/条形码的应用随处可见,可以将二维码应用在生产管理、物流追踪、原料溯源、库存管理等诸多场景中,实现查询、操作等多种动作。 FR移动端同样拥有扫码的功能,并且可以从大家的实际应用场景出发,定制解决自己的需求。 今天主要带来的是场景是库存管理,移动端管理仓库货品信息,减少人为误差、提高企业运作效率。 解决方案 本方案主要借助FR移动端的扫码功能,还原了部分仓库中的应用场景。主要介绍到达仓库、商品盘点、回溯校验、库存明细4个场景,希望能给大家带来一些启发。 1.到达仓库(签到) 员工在进行库存盘点前需要在页面中进行签到,签到时需要选择盘点月份、经销商,并且可以定位当前位置,根据当前定位匹配X公里以内的仓库供员工选择,便于对员工进行考勤和监控。(保证员工不会在非工作地进行盘点) 135940 2.库存盘点a.进行库存盘点时,系统会自动匹配最后一次签到时选择的盘点月份和盘点仓库 b.扫描商品二维码。录入商品信息(小编这里提供了10001、10002、10003、10004、10005的二维码测试)135941c.选择商品的生产日期和数量,这里需要统一数量单位(模板中1垛=12箱,自动换算成箱,避免人工出错)d.点击提交后自动刷新,可以实时查看商品填报的结果135942 e.盘点过程中难免会出现提交错误的情况,能够及时对填报的数据进行删除是非常有必要的,小编采用移动端弹窗功能,既能实现二次确认删除,又提高了可阅读性1359433.回溯盘点每个月盘点的日期可能不固定,那么就需要按照商品录入回溯进出货数据,根据公式计算期初实盘库存(同库存盘点,这里不在赘述模板制作)1359444.库存明细最后一张表主要是展示盘点后的库存明细,利用顶部参数功能,将盘点月份和仓库名称置顶,方便切换查看135945难点 1.定位首先得把仓库的经纬度信息存到数据库当中,定位获取当前位置的经纬度,利用公式计算两个经纬度之前的距离,可以限制x公里内,这样就可以做到在一定距离内才可以选择某个仓库了 a.获取当前地理位置可以参考https://help.finereport.com/doc-view-1383.html#(支持app,在HTML5 中浏览器出于安全限制,只有https才允许获取FR.location调用浏览器定位)b.计算距离sql公式:6371.393 * 2 * ASIN( SQRT( POW( SIN( ( '${weidu}' * PI() / 180 - lat * PI() / 180 ) / 2 ), 2 ) + COS('${weidu}' * PI() / 180) * COS(lat * PI() / 180) * POW( SIN( ( '${jingdu}' * PI() / 180 - lng * PI() / 180 ) / 2 ), 2 ) ) ) 2.扫码功能新增文本控件,选择移动端,有三种方式可以设置利用移动端扫码,一方面可以降低出错率,另一方面可以提高效率,一举两得。PS:APP 支持、HTML5 需在微信钉钉集成下支持1359463.二次确认删除移动端二次确认删除除了可以用js做到,小编这里采用了移动端的一个功能——移动端弹窗a.新建一张子模板,编辑模板内容,添加按钮控件,用作删除b.在主模板中添加超级链接—移动端弹窗,将本行数据传到子模板中135947 免费DEMO 1.扫码预览demo,打开解决方案>库存管理(强烈建议打开数据分析app>finereport官方服务器>解决方案>库存管理,体验定位、扫码功能) 1359482.需要模板的同学可直接到模板商城进行下载:点击下载 编辑于 2020-11-26 17:00
移动端专栏第二弹一经营管理驾驶舱
对于大多数的企业来说,移动端最主要的应用场景是:重点经营数据分析、业绩指标监控以及业务数据查询。 其中,领导层、管理者随时随地获取重点经营数据的需求是重中之重。打造出一个精致美观的移动驾驶舱也是IT部门的重要任务之一。 应用场景1.集团经营管理驾驶舱,各个模块多维度展示,经营数据一览无余2.门店经营管理,在零售、市场等行业利用率很高。利用tab展示销售、商品、库存、会员等数据,一张模板搞定店长所有需求,数据指导门店经营管理。 解决方案内容 本方案主要以实例讲解—经营管理驾驶舱,本文避繁就简,主要以布局设计、数据展示方式、格式优化、配色四个方面来阐述移动端驾驶舱开发 135606 1.布局设计 一般来说,pc的明细表是不适用于移动端展示的,手机屏幕有限,管理者想要在密密麻麻的行列数据中找到重点极其不易,数据列一多,也会显得很拥挤,同时视觉效果会大打折扣。需要一个合理的布局方式将数据融合在一起,让用户能够直观、迅速地获取所需数据。这里给大家提供了几种方式a.流式布局 流式布局需要遵循六字原则:先汇总再细分。首先需要一眼可以看到核心指标,再向下继续拆解,当然再细分的过程中,要有一定的逻辑关系。方式:横幅—汇总数据——分类展示 135607 b.TAB式布局数据内容较多,可以切分成若干个部分,切分的逻辑可以是同一层级,也可以是不同层级。举例1:先汇总,展示核心指标,然后再分为多个tab细分分析(如下图)举例2:直接分tab分析不同业务模板的内容(如下图)适用于指标和内容较多的情况,该方案即采用tab式布局方式135608 c.卡片式布局所有关键指标均一平铺的方式展开,一览无余。每一个指标中用户关注的内容需要表达完成,还可以在此基础上加上跳转。(不局限于平铺,也可以是2列或者3列的形式) 135609 总的来说,移动端布局方式可以是复杂多样的,但核心依旧是需要让用户能够最直观地获取关注的数据,并且尽可能提供追本溯源的渠道(超链接、弹窗等形式) 2.数据展示方式a.表格手机屏幕有限,不适合展示多字段的数据。但往往在一张驾驶舱里,表格的形式又不可或缺,尽量遵循以下原则:1.提取核心字段数据,竖向屏幕尽量不超过6列2.高度宽度要进行适当调整,提升视觉效果3.多行数据占据空间太大时,可以一用移动端折叠展开功能,优先展示前几行数据 135593 b.图表图形在数据内容的表现上丰富,视觉效果也更好。在移动驾驶舱场景中比较常用是达成率,业绩走势、分类占比等。(较多图表的情况下可以使用图表轮播,节省空间) 135594 c.指标卡数字直观视觉效果不好,图形表达丰富又比较占用空间,合理结合数字和图形可以让数据内容表达更加容易解读,视觉上也会有质的提升。 135595 3.格式优化 a.横幅本方案采用了报表主标题+核心指标,突出模板的核心指标,提升移动端模板的美观性 135596 b.标题标题的作用不言而喻,可以帮助用户快速get到每个组件的核心内容。同一层级的标题大小、格式、颜色等必须保持一致设置方式:选择报表块>属性>样式>框架样式>自定义,添加标题对齐方式选择靠左时,可能会导致标题太靠边,这里可以用公式实现标题位置空两格显示:CONCATENATE(" ","标题名称") 135597 效果如下:135610 c.组件间隔为了满足用户阅读的舒适感,提升模板整体的视觉效果,不同组件间需要设置间隔,并且用一定的颜色区分。 点击属性>样式>颜色,给模板设置一个背景色,这里我用了一个较浅的色号(f5f6f7) 给每一个组件添加背景色,同样在属性>样式>框架样式>颜色,这里我给每一个组件添加的颜色都为白色 135599 这样,组件颜色和背景颜色有了一定的区分之后,视觉上瞬间提升一个档次 135611 d.数据点缀移动驾驶舱的布局、美观固然重要,但是数据依然是第一位,脱离了数据价值本身,再好看也毫无意义。 报表块利用条件属性,将数据与背景颜色、增长趋势结合起来,凸显数据效果 仪表盘类的图表,可以利用表盘的颜色,起到数据预警的作用 135601 4.配色协调的配色可以极大地提高视觉效果,给大家一些小方法和工具 首先,可以利用配色小工具,调试出一套合适的配色http://www.peise.net/tools/web/ 这里也给大家提供一套常用的配色 135602 在给图表配色时,可以先进行图表预定义样式配色,然后在每个图表中选择该配色方案即可 135603 免费DEMO 1.扫码预览demo,打开解决方案>经营管理驾驶舱 135604 2.需要模板的同学可直接到模板商城进行下载:点击下载 编辑于 2020-11-26 16:59
扩展图表新功能!实时监控刷新图表数据
数据可视化已经广泛应用于企业经营分析,包括生产管理预警、销售业务分析、市场动态分析、企业展示大屏等。通过可视化大屏,直接与企业决策者进行交互,对于提升组织决策的判断力、整合优化企业信息资源和服务、提高决策人员的工作效率等具有显著意义。 可视化大屏需要兼具“炫酷”和“数据价值”两大要素,始终以体现数据价值为基础,做到美观与实用共存。这就意味着表哥表姐在开发可视化的同时,还需要担负起“UI设计”的重任。 135491 为了减轻表哥表姐的负担,我们提供了丰富的可视化插件,其中首当其冲的肯定是扩展图表了~扩展图表包含7类13种图表类型,不仅能够满足大屏对于视觉效果的要求,而且配置简单操作便利,可以说是大屏开发的一大利器。 今天为大家带来一个新功能:扩展图表监控刷新功能 >>扩展图表监控刷新 无论是生产管理预警还是销售业务分析等可视化场景,都需要实时监测后台数据变化,动态刷新图表数据。保证数据的实时性,才能给企业决策者带来有效价值。 带着大家简单看下操作: 1.选择扩展图表,编辑数据,进行样式调整,这里就不过多赘述2.打开特效,支持是否开启定时刷新,开启后可设置刷新间隔时长 135492 此时扩展图表的监控刷新设置就已经完成了,一起来看下效果图: 135501 是不是很炫酷,赶紧自己动手试试吧 设计器点击服务器>插件管理,服务器点击管理系统>插件管理,搜索扩展图表,进行下载/更新 135494 135495 扩展图表插件直通车:点击下载 >>常用扩展图表类型 扩展图表的每一个图表类型都非常酷炫,浸入式的动画体验把枯燥的数据变得活灵活现,瞬间提升大屏整体视觉效果,下面给大家介绍几个常用的扩展图表类型: 1.轮播GIS点地图 轮播 GIS 点地图,类似于高空卫星的俯瞰视角,跟随数据顺序展示每个点的对应信息,同时在切换点时,伴随视角的移动动画,给人以身临其境之感。效果如下图所示: 135503 2、目录齿轮 轮播目录齿轮同时拥有齿轮和目录效果,通过轮播的方式展示重要的指标数据,一般用于大屏场景展示,效果如下图所示: 135505 3.粒子计数器 粒子计数器为大屏中常用的一种展示数据动态变化的图表类型,随着时间数据刷新,对应的数字效果也有动态效果。效果如下图所示: 135506 4、轮播夜光仪表盘 区别于基础图表中的仪表盘,轮播夜光仪表盘拥有发光效果,一般用于大屏场景展示,效果如下图所示: 135504 当然了,我们的扩展图表的类型远不止于此,大家可以去一一体验~ 编辑于 2020-8-18 20:32
移动端专栏第一弹一销售日/月报
销售业绩是很多企业在业务表达层面的核心内容,也是公司领导层最为关注的指标之一。然而对业务部门来说,不是在拜访客户就是在拜访客户的路上,想要长时间PC办公是一种奢望。 142440 移动端可以打破时间和空间的限制,利用移动端+销售搭建销售日/月报体系:一方面,业务员可以随时了解销售业绩以及排名情况,让业务更加关注目标达成情况另一方面,管理层可以实时了解团队的目标达成情况,可以在异常情况下及时决策、调整动作,促进目标达成 搭建移动端销售日/月报的核心要解决三个问题: 问题1:多层级的业务诉求不同角色关注的重点是不一致的。业务员可能仅需要关注自己的业绩完成情况以及在团队中所属的位置即可,但对于管理层来说,需要关注的维度就比较多了,员工的销售业绩、不同产品/品类的销售情况,甚至对于一些快消行业,可能还要考虑到不同时段的销售情况,这些可以用来帮助管理者快速做出决策。解决方式:各层级的部门一定要有定制化主页,核心指标一览无余,才能对业务产生价值。(对高层级用户来说,能够通过钻取的方式查看下属部门的数据即可)以方案为例:集团高层、区域总监、门店店长等角色都有定制化页面,集团高层也可以通过钻取的形式查看某个大区甚至于某个门店的销售情况。 142441 问题2:多时间维度展示诉求仅通过一个时间维度去浏览销售业绩是远远不够的,业务更期望能够通过年、月、周等多个时间维度查看销售业绩,可以对比出每个阶段内的销售是否处于正常状态。解决方式:通过移动端单选按钮组功能,实现一张模板展示不同时间维度数据,不仅解决了交互复杂的问题,同时也提升了页面的美观度。 142443 问题3:用户触达开发出来的模板如何让业务快速应用起来?上线初期,用户没有形成使用数据的习惯,业务迟迟没有将模板应用起来解决方式:通过集成企业微信/钉钉+定时调度的方式,按照一定周期(可以是月/周/日)推送给最终用户,培养用户使用习惯,增加用户粘性,凸显数据价值。这里以钉钉为例,通过定时调度进行每日推送,让用户能够在第一时间内看到销售业绩 142444 扫码预览及方案下载 最后,老规矩,不送干货的文章不是好文章,方案资料包已经全部打包至至模板商城(包括模板使用配置说明)点击下载👉(pc端打开):https://market.fanruan.com/template/20000140 142445 编辑于 2021-3-9 19:38
6个新功能,打造更精致的移动端看板
随着移动互联的飞速发展,手机成为人们工作、生活中必不可少的工具,「移动数据分析」也被越来越多的企业所重视。无论是一线人员还是企业管理者,都可以通过手机了解业务情况。它具有实时性、准确性、便携性等特点,打破时间与空间限制,让企业信息传递更加快速,助力企业经营决策。 然而在开发移动端模板的过程中,由于屏幕的限制和对交互性能的高要求,开发出来的模板总是感觉哪里差了点什么,不够精致,一改再改,最终效果却还是差强人意。 追求”炫酷“的效果一定离不开时间的打磨吗?如何在保证模板开发效率的同时,让模板呈现更加精致美观呢? 为了帮助大家提高移动端模板开发效率,快速打造精美的移动端报表,本期移动端更新了6大新功能,让移动端报表更加实用、美观。 134141 NO.1 移动端弹窗 移动端“寸土寸金”,要求我们在模板开发时合理利用每一处空间。超链接可以帮助我们在移动端展示更加丰富的内容,同时却也会让我们徘徊在模板间的跳转和返回之间,为了提高移动模板的层次感和空间利用率,小编给大家带来了一个新插件:移动端弹窗 不仅可以通过弹窗的方式直接查看子模版内容(无需页面跳转),而且也可以使用纯文本加入一些注释性内容,直接上图 134142下面重点来了! 这样的效果怎么做?首先需要下载插件移动端弹窗,然后,打开超级链接>添加链接>移动端弹窗,可以添加模板/本文,弹窗的边框、背景和大小皆可自定义设置 134143 NO.2展开与折叠样式 如何在移动端展示多行数据?门店销售分析、员工业绩排行等动辄几十行的数据放在移动端可能就变成了传统报表,满屏幕数据抓不到重点,除此之外美观也大打折扣。全新上线的移动端展开折叠样式,重点展示头部数据,核心内容精简清晰,一键展开查看更多数据,数据要怎么查看你说了算 134157 实现方式: 1.首先拖入报表块/图表快,这里以报表块为例,拖入字段,进行字体大小样式的调整,不再过多赘述2.点击报表块>移动端>展开收起>自定义,可以设置收起行及文字提示内容PS:报表块必须设置标题才可实现此效果 134145 134146 NO.3侧边导航 当移动端展示内容较多时,仅能通过下拉才能查看多屏页面,内容冗长,也没办法快速查看某一板块。数据展示太多,毫无重点,没有价值本次带来「移动侧边导航」,右侧可自定义编辑导航样式,快速定位到报表指定位置,交互体验极佳 134158 实现方式: 1.给报表块/图表块设置导航名称,便于定位。点击报表块>移动端,勾选使用导航,设置导航名称 134148 2.点击body>移动端>导航样式>侧边导航,自定义设置背景颜色、字体等 134149 NO.4全新控件 门店销售分析、员工日报、财务情况等诸多场景中,日期和下拉框都是必不可少的查询维度,控件的组合使用也是实际业务中常见的场景。如何让控件和模板的配色协调、搭配合理?全新上线「移动端简约日期样式」和「移动端简约下拉样式」插件,日期控件和下拉框控件设置自定义,边框、背景、图标等,想什么配置就怎么配置,整张模板的视觉效果完全由你说了算! 实现方式: 选择日期控件,打开移动端>样式模板,选择简约日期样式,进行任意配置 134150 效果演示: 1.日期区间的查询模板,所见即所得2.下拉框与日期控件的组合,多维度查看数据 134152 NO.5 H5填报 官宣,H5支持填报了,再也不用担心cpt模板仅能在app上使用了,摒弃纸质化流程,移动终端操作,一键填报,快速提升工作效率。大家心心念念的功能,小编就直接上效果图了,下面是疫情期间,XX公司可直接通过钉钉收集信息,员工每日健康打卡的移动端填报模板: 134153 NO.6联排TAB样式 tab在移动端报表中应用非常多,除上菜单、下菜单和滑动式外,本次更新了联排tab样式,丰富tab样式 134154 效果展示: 134159 其他 钉钉集成后同时支持PC端,单点登录后显示PC端效果 H5首页支持底部切换 自定义填报控件图标支持自定义是否显示 编辑于 2020-5-8 19:17
如何打造“高端大气”的移动端门户?
咦,小编,这不是网易云的首页吗,拿来做甚? 132350 没错,我们今天就以这个为例,来讲解一下如何打造一个高端大气的移动端首页打开APP,用户最先看到的就是首页。首页是第一交互界面,直接告诉用户APP最为核心和重要的功能,让用户可以快速了解掌握APP。一款好的APP产品,其首页设计不仅能清晰展示产品核心功能、特点,有着较好的用户体验,还能展示公司的品牌形象,提升用户品牌认知度。FineMobile,作为企业移动数据分析平台,在首页的设计上同样也要遵循两大原则:1.给领导绝佳的体验,提升企业形象 领导打开APP进入首页后,先看到的是界面,其次才会关注内容。符合企业文化的设计和内容丰富度会提升数据分析平台的层次2.展示关键指标,让领导可以第一时间获取关键信息 领导使用数据分析平台的关键是要查看移动报表,获取关键信息。倘若报表都放在二级三级目录下,查询起来极其不便,这样的交互体验是一定会受到吐槽的 都0202年了,你的首页不会还是简单的九宫格目录呈现方式吧,睁大眼睛看下小编的目录主页 132351 很多人看到这里一定以为小编只是给移动端插入了一张模板当作主页NO,NO,NO,如果单以模板去作为主页的话,系统的权限控制会变得比较繁琐,不卖关子了,我们一起来看下是小编如何实现的 132352 把整体结构拆开来看,就变得清晰明了多了,整个首页可以分为3个部分Banner图(横幅):放置广告、通知、节日祝福等之类的关键信息目录:用九宫格的形式展示目录(尽量不要超过2排)关键指标(报表块):前文有提到, 领导使用数据分析平台的关键是要查看移动报表,获取关键信息,这里,我们利用目录插入模板直接将我们需要展示的关键指标放置在目录下方 1.打开数据决策系统>管理系统>移动平台目录,进行配置 132354 2.开启横幅,添加图片(可以给图片添加超链接,链接我们需要传达给用户的报表) 132355 PS:目前横幅不支持圆角,小编为了首页的美观,已经将图片进行了圆角处理 132356 3.将我们需要展示的关键指标放在一张模板中,制作模板的过程就不跟大家赘述了,大家可以根据业务需求,将需要展示的内容放在一张模板中,然后在数据决策系统>管理系统>移动平台目录里开启模板,选择模板,将其显示在目录下方 132357 TIPS!!!默认的图标跟整个目录首页的UI风格可能会不搭,为了整个页面的美观,我们需要给目录搭配统一的 132358 一起来看下我们完成的目录主页 132367 当然,可能对于目录较多或者需要直接展示二级目录的客户来说,就不是特别适用了,小编在这里也提供了另一种方案给大家 关键指标(目录插入模板)+目录样式 132361 1.新建决策报表制作首页模板,展示关键指标这里用了一个报表块+tab的形式,主要展示银行各项存款、各项贷款、不良清收等 132363 2.打开数据决策系统>管理系统>移动平台目录,打开模板,将刚刚制作的模板插入在目录上方 132364 3.选择目录样式,这里我们选择卡片式目录,直接展示二级目录PS:卡片式目录也是最近上的一种目录效果,可以点击这里进行下载 132365 我们再一起看下最后效果 132368 你学会了吗?赶紧去试试,更多玩法等你来解锁!
七大功能更新,给你不一样的移动端体验
2019进入尾声,表哥表姐每天沉浸于开发移动端报表不能自拔,面对业务需求迎难而上,一路斩妖除魔,只为开发出一张张优质的报表 130861 表哥表姐日夜操劳,废寝忘食,似乎离业务部门的需求还是有一点点距离.... ps:我太难了!!!我们来咯,本次移动端更新秉承着两大原则:业务需求开发简单,报表呈现精致美观 接下来小编带着大家一起来看下这些直击痛点的移动端新功能(文末附demo所有模板) 130870 NO.1单选按钮组样式 手机屏幕“寸土寸金”,tab块不够灵活,如果样式复杂,切图做图也是麻烦事,如何高效开发多维度数据展示的移动端模板?本次上线移动端专属单选按钮组样式,十分钟实现图片效果,三种样式任意选择 130865 130869 移动端单选按钮组插件安装:https://market.fanruan.com/plugin/e8f31440-f3b1-4c7a-afeb-7ab08e2ce65a 移动端单选按钮组使用说明:https://help.finereport.com/doc-view-3134.html NO.2日期日历样式 实际业务场景中会经常使用日期作为一个维度来查看不同数据,目前来看切换日期比较麻烦,控件展现也不够美观移动端专属日期日历样式来咯,美观与易用性兼得,小屏幕也可以大放异彩 130871 130872 移动端日期日历插件安装:https://market.fanruan.com/plugin/bba3bbe3-ba4d-4193-8ce0-ee016f844f96 移动端日期日历使用说明:https://help.finereport.com/doc-view-3045.html NO.3新增多种目录样式 除默认的九宫格目录样式外,本次移动端上线卡片式目录、折叠式目录、tab标签目录等多种目录样式根据报表结构和数量合理选择目录样式,你想要的,我们都有 130875 130874 移动端目录样式插件安装:https://market.fanruan.com/search?keyword=目录 移动端目录样式使用说明:https://help.finereport.com/doc-view-3050.html NO.4目录插入模板 目录上方想要展示模板数据?主页和目录合二为一,上方展示关键指标,下方呈现目录样式,目录插入模板,给你更多的选择 130873 130882 目录插入模板使用说明:https://help.finereport.com/doc-view-2449.html(无须安装插件) NO.5 H5悬浮工具栏 预览模板时底部一般会有菜单栏,按钮较少时不仅占位置而且也不美观本次新增H5悬浮工具栏插件,装完即用,操作简单,空间利用率更高(工具栏按钮较多时,会默认收起为一个) 130883 HTML5悬浮工具栏插件安装:https://market.fanruan.com/plugin/dcac3e6d-d403-49d7-a5d9-51223339d582HTML5悬浮工具栏使用说明:https://help.finereport.com/doc-view-3137.html NO.6 H5快速返回目录 浏览多层钻取报表时,只能通过点击多次返回主目录,交互体验差,操作也比较繁琐本次新增H5快速返回目录插件,工具栏增加返回目录按钮,一键快速返回主目录 130880 HTML5快速返回目录按钮插件安装:https://market.fanruan.com/plugin/5bb33923-94fa-4322-aa1f-4a83a8fb0878HTML5快速返回目录按钮使用说明:https://help.finereport.com/doc-view-3136.html NO.7 组件冻结移动端设计决策报表时,通常会利用控件进行维度切换,需要将控件冻结在最上方本次更新后可以将组件冻结固定在上方/下方,随意下滑,维度切换更加便捷(仅适用于手机重布局) 130891 130881 组件冻结使用说明:https://help.finereport.com/doc-view-1555.html 其他功能更新 顶部参数面板支持h5了 数据点提示优化 原顶部显示的数据点提示,更换为跟随点击位置显示 支持设置不显示数据点提示 通过oem可以去掉离线、收藏功能模块,app定制更加灵活 移动端支持FR.remoteEvaluateAsync 横竖屏、双指缩放、选中激活可以通过属性灵活控制 看到这里是不是以为就结束了? 小编知道,区区图片和GIF图怎么能满足你们的胃口为了帮助大家减少上线成本,进一步能大家更快上线新功能,小编为大家准备了demo体验和以上所有模板 扫码后进入移动新体验 130892 点击下载demo
移动端小技巧—消息实时推送至微信&钉钉
任何一家组织和企业,都要保证消息的快速和精准传递,它可以有效缩短沟通距离,全面提高内部工作效率。尤其在企业数据不断更新的情况下,迫使企业必须要用更高效的方式传递实时数据信息,以便快速给予决策。 「移动数据分析」已然成为企业的重要武器,无论是一线人员还是企业管理者,都可以随时随地掏出手机了解业务状态,所以可以说,实时推送消息至移动端,可以做到信息的快速传输,领导可以通过移动设备及时了解到业务状态、企业营运状态和及时重要预警等,提高数据信息价值。 应用场景有哪些: 128538 模板消息事件支持移动端,填报成功后,即时推送消息至微信/钉钉,让消息的快速和精准传递变得更简单!!! 戳右边链接可下载插件:模板消息事件 and 快速学习使用 128537 Scene 1 公司要收集员工对公司的合理化建议 ,办公环境、食堂情况、通勤状态等等,需要各个部门经理审批后才会纳入合理化建议改善中去,如何及时推送消息给部门经理审批? 员工进行移动端填报,写上自己的建议 128554 通过模板消息事件,在填报成功后直接推送消息给部门经理 128544 部门经理收到消息后,打开链接,可以看到自己待审批列表,可以点击待审核对员工的建议进行审批 128555 128556 效果演示:填报—推送消息—查看待审批列表—审批 128548 128551 Scene 2 行里比较关注ETC客户的办理情况,客户经理填报后如何第一时间钉钉通知到ETC的领导? 客户经理办理ETC业务后,在ETC业绩管理卡中进行填报,填报后直接钉钉消息推送给ETC的领导 128558 ETC领导收到实时推送消息,查看ETC客户动态 128559 效果演示:ETC填报——推送消息至领导查看 128561128560 看完两个场景后,是不是想要体验一下? 一起打开demo模板(demo/Phone/form/决策报表填报-phone.frm),体验模板消息事件 128564 1.右击单元格,选择控件设置>事件编辑,新增点击事件,增加「模板消息」,如下图所示: 128565 2.选择消息接受对象,可以是用户名、部门、角色,也可以用参数等(这里以用户作为示例,发送模板消息给Alice) 128569 3.填写【消息内容】 推送钉钉/微信需要提前安装钉钉/微信管理插件,做好集成,确保用户可以匹配 「钉钉/微信应用」选择框下拉读取钉钉/微信插件中配置的应用名称 链接:示例推送的是GettingStarted.cpt这张模板:decision/view/report?viewlet=GettingStarted.cpt&op=h5 标题、内容、封面图大家可以根据业务需求自由填写(可输入参数) 128566 4.进行填报,实时推送消息,查看结果 128571 你get到了吗? 戳右边链接可下载插件:模板消息事件 and 快速学习使用 填写基本信息问卷调查,会有相关产品经理,打包上述场景模板免费送给你 编辑于 2019-9-20 18:05
移动端的高阶玩法,你都get了吗?(文末有福利)
手机已经成为了人们生活中必不可少的一部分,除了用来娱乐生活,打发时间之外,手机也渐渐成为企业管理的重要武器。通过制作好的移动端报表,领导随时随地就能查看企业各类的业务数据,及时发现企业生产中出现的问题并给出相应的解决办法,提高企业决策的效率。然而,在制作移动端模板的过程中,屏幕的限制似乎让数据的呈现成为了难题,大家经常遇到这些困难: 模板太丑,不能给人眼前一亮 领导总是嫌弃交互体验感差 屏幕太小,想展示的数据太多,放不下 别担心,这些问题都是小事,本期老司机带你们上车,教你如何在十分钟做出一张华丽丰富的移动端模板! 126407 先给你们放几张效果图,大饱眼福: 126408 126409 126410 下面切入正题,小编将带着大家一起,体验一下移动端的高阶玩法,十分钟搞定DEMO模板,给自己少一点压力,让领导多一点满意 1.开启手机模版模式,调整画布大小 第一步,打开FineReport设计器,在模板里选择移动端属性,设置为手机端模板,设计器会自动将画布调整为适配4.7寸手机屏幕画布的大小(375*560) 126418 2.搭配丰富组件,交互效果更加 根据需要展示的数据指标整理数据,构思模板的组件类型与个数,组件个数过多时可以采用下面两种方式: 根据组件大小和个数调整画布整体高度 tab组件,将不同数据填至不同的tab页 本文实例模版采用了tab组件样式,将丰富的组件填充在不同的tab页,交互体验更佳 126411 2.1主数据报表块 通过报表块来展现两个相对关键的指标,内嵌了两个图表(仪表盘),利用表格布局合理设计出所需要样式,让数据展示更加清晰 注:尽量不超过边界线,让报表块中内容有更好的自适应效果 126412 2.2tab块 通过tab块将月度、年度两个维度的数据内容分别填充到不同的tab页面,实现在一张模板的内部预览不同维度的数据。 选择移动端tab效果:控件设置选中tabpane>样式模板>设置移动端tab样式 tab样式有上菜单式、下菜单式、滑动式,丰富的tab样式等你来解锁 126413 了解最新tab样式,直接戳右边链接:https://help.finereport.com/doc-view-2679.html 2.3参数面板 本文实例模板采用直接在报表主体内直接查询的方式,交互效果更赞! 安装插件:插件管理>顶部参数面板 设置:控件设置选中para>移动端>参数面板>选择顶部 注:仅在APP端适用,H5暂不可用 126414 顶部参数插件直通车:https://market.fanruan.com/plugin/824 顶部参数面板使用说明:https://help.finereport.com/doc-view-2656.html 3.细节优化,模板更美观 3.1组件间隔及圆角 一般情况下,移动端的报表内容会有很多组件组成,为了能够让用户阅读起来更加舒适,我们需要对报表内容进行合理的划分和布局 决策报表模式下,合理地设置边距和组件间隔 给报表块和图表快设置一定的圆角,让数据呈现更加美观 边距及组件间隔设置:控件设置>body>移动端>内边距、组件间隔 126415 圆角设置:控件设置>某报表块/图表块>属性>样式>圆角 126416 3.2点缀数据,突出重点 一般我们会选用图表组件将数据可视化,当然,我们还可以利用报表块的强大功能,利用条件属性等将不同数据标注不同的颜色、背景、边框甚至图片等,突出重点数据 本文实例模板采用条件属性+背景突出指标完成率 126417 4.成果展示 本张移动端的模板基本上就制作完成了,我们一起来看下效果 126422 最后,重点来了!!! 小编今天忍痛割爱,将本文中出现的demo模板全部送给大家,希望大家喜欢! 126420 编辑于 2019-6-5 20:20
巧用扩展图表,领导看了都说好
作为在职场驰骋的社会人,提到数据可视化大家应该都不陌生了。数据可视化的作用也不用我多说,主要是利用图形化手段,更清晰直观地将数据展示。多层次、交互式的可视化分析能够方便决策者理解数据背后的意义,深入了解数据细节,帮助领导者做出更加精准的决策。 近年来,数据可视化大屏的出现,更是掀起一番浪潮,众多企业纷纷想要打造属于自己的“炫酷”大屏驾驶舱。比如天猫每年的双十一销售大屏,地图上各地区实时滚动的销售额数据,总能给人下深刻的印象。 可是,在大屏上占据一席之地的地图往往只能从某一个维度展示数据,数据指标那么多,领导全部都要看,这可怎么办?126335 大屏可视化插件扩展图表已经悄悄更新了一个新的地图图表类型——轮播三维组合地图 此处划重点!!! 126336 话不多说,直接上图126337 我们可以看出,图中以多种地图形态展示了四个维度的数据,既体现了数据价值,也实现了炫酷的动态效果。 单个图表的展示不能完全体现出效果,我们来看一张大屏demo模板 126352 大家是不是都已经蠢蠢欲动了?允许小编卖个关子,先简单给大家介绍一下扩展图表 扩展图表插件是基于webgl等技术开发,通过简单拖拽即可实现自动播放、3D动画特效等多种效果,且可以根据图表类型和数据提供“自动轮播”和“定时刷新”,满足用户不同场景下的业务需求,在体现数据价值的同时让大屏炫酷起来 126353 打开设计器,跟我一起来玩转轮播三维组合地图 服务器>插件管理>安装/更新扩展图表3.0 点击此处进行下载 126345 选择扩展图表—地图类,轮播三维组合地图 126343 分别给四种地图形态选取数据源 126344 没错,就这么简单,轮播三维组合地图已经完成了! 当然,扩展图表可不仅仅只有这一种效果,包含地图类、指标卡类、仪表盘类等十几种图表类型,大家可以根据需求选择适合的图表,瞬间提升大屏可视化效果 一起来看下扩展图表的其他图表类型 轮播GIS点地图 126342 轮播目标齿轮 126340 时间齿轮 126339 轮播夜光仪表盘 126338 扩展图表的图表类型远不止于此,在这里小编就不一一介绍啦,更多的效果请点击此处 每一个效果看起来都非常炫酷,浸入式的动画体验把枯燥的数据变得活灵活现,但是有些客户不知道怎么将扩展图表的插件结合到自己的驾驶舱demo里,小编今天带来几个实例模板,展示如何在demo里应用多个可视化插件,提升demo的整体观感 126341 126346 126356 想对帆软大屏驾驶舱模板的设计有详细了解,可以参考大屏实例方案,我就不一一赘述啦。按照套路做大屏,适当发挥出扩展图表的优势,你总能做出满意的效果 编辑于 2019-5-31 09:08
APP10.2发布,七大功能更新
随着移动端的用户越来越多,大家对于移动端的追求也愈发极致,对于移动端的交互也有更多的期待。不负众望,移动端又迎来了一次更新,交互体验更棒,视觉呈现更炫,让我们一起来见证移动端的成长! 1.OEM登录背景&主题配置 APP的名字和图标想要自定义?登录页面想要换成企业惯有风格的样式?你是否想拥有一款企业个性化定制的APP呢? OEM云打包平台的高级定制功能上线,从图标到内容、从启动页到背景页、主题配色DIY,打造专属企业应用,实现企业品牌价值 126065 126096 2.顶部参数面板插件 移动端模板的参数界面需要通过底部工具栏的漏斗按钮来调出,通过一个新页面去筛选就很不方便。新版本中可以通过安装顶部参数面板插件,直接在报表顶部进行进行参数查询,让用户操作更简单,体验更佳 126068 126094 顶部参数面板下载链接—https://market.fanruan.com/plugin/824 3.微信&钉钉即时消息插件 移动端进行填报后,如何即时通知到对应人,发微信还是打电话? 新版本中可以安装模板消息事件插件,实现填报成功后,即时向某用户或者部门推送微信&钉钉消息,优化工作流程,提高工作效率 126071 126097 模板消息事件下载链接—https://market.fanruan.com/plugin/789 4.移动端专属tab样式 以前的移动端tab组件不够智能、样式也比较单一,标题太长可能会导致显示不全,给大家带来了一些困扰 新版本推出3类移动端专属tab样式:1)上菜单式:TAB标题太长不会被截断2)下菜单式:支持自定义添加图标3)滑动式:顶部标题滑动切换,让手势拥有更多的可能 126098 126099 126100 5.移动端支持FRM边距等设置 大家一直说我们的移动端布局不够灵活,无法自由设置边距,严重影响到一些移动端模板的美观不过这一次,会给你带来全新的体验,支持边距和组件间隔自定义,提升视觉效果直接上图对比 126089 126090 6.超链PDF查看 手机预览一些合同、通知等pdf文件无法查看怎么办?新版本直接在超级链接中设置pdf访问链接,实现移动端随时查看(IOS直接查看,Android下载查看) 126107 7.性能优化 app首页加载速度太慢、模板中使用图片后也会影响报表展现速度,可能大家遇到过这样的问题不用担心,新版本拥有更快的首页加载,图片性能全面优化这么多功能更新,赶快新版本下载体验吧~ 126102 编辑于 2019-5-9 12:01 编辑于 2019-5-9 12:02
个人成就
内容被浏览2,761,778
加入社区6年17天
返回顶部