移动端专栏第四弹—工资条

Finereport产品运营
要说每个月哪一天最开心?那一定是发工资的那一天
说起工资条,相信大家都很熟悉:
纸质的工资条,需要裁剪分发给大家,不仅带来一些工作量,而且极其容易丢失;
PC也同样存在问题,解决了部分工作量的问题,但对于员工来说,还不够便捷。
小编今天给大家带来移动端工资条,工资扣发一目了然,结合定时推送到员工手机,工作效率大大提升。

解决方案
本方案主要利用新插件——移动端折叠展开树,实现移动端动态折叠树效果

工资条.gif

1.布局设计
本方案布局设计较为简单,采用流失布局,由横幅+汇总数据+分类展示三部分组成
这里不再赘述,对布局方式有疑问可移步:

2.报表设计
横幅
横幅设计较为简单,直接在报表块内公式编辑,"工资条-"+$fine_username(获取用户名的参数)
背景设置:组件>属性>样式>填充,设置渐变色
截图202009171529198401.png


汇总数据—工资合计
采用指标卡形式、提取核心数据,用图标加以点缀
截图202009171549532788.png

分类展示—工资细项展示
a.安装移动端折叠展开树插件
插件名称
JAR包
App 版本
HTML5 移动端展现插件
移动端折叠展开树2020-08-3110.4.9010.4.90
插件下载直通车:

b.设置展开行的单元格行层级为1,并设置展开收起图标
截图202009171551209615.png

c.设置下层级单元格的行层级为2,并删除默认的展开收起图标
截图202009171551404793.png

d.和层级2同层级的行,可以不用再单独设置行层级,保持默认的0就可以
截图202009171551516287.png

3.点缀、配色
利用单元格的格式和图标对样式进行点缀,提升视觉效果
截图202009171552107102.png

4.补充
a.部分公司的工资条需要员工确认的流程,可以在页面内设置填报
b.建议可在工资发放当天,利用定时调度,直接推送到APP/钉钉/企业微信

免费DEMO
1.扫码预览demo,打开解决方案>工资条

2.需要模板的同学可直接到模板商城进行下载:点击下载
编辑于 2020-11-26 17:03  

发表于 2020-9-17 18:06:30
发表于 2020-9-17 20:10:03
要说每个月哪一天最开心?那一定是看到楼主发帖的那一天
发表于 2020-9-18 09:07:53
赞赞赞,移动端折叠展开树什么的,简直救了条件格式的命
发表于 2020-9-18 14:49:11
挺好的,简单实用,稍微改下就能用
发表于 2020-9-22 15:54:45
  想起之前展开/收缩实现这个效果的苦了,还不怎么好看。
发表于 2020-9-25 14:53:08
发表于 2020-12-2 10:13:05
好东西,正好用得上
发表于 2022-2-11 17:21:23
图标怎么弄进去呢?
发表于 2023-4-6 18:10:57 发布于APP客户端
怎么设置权限,本人只能查看自己的工资条?
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

18回帖数 11关注人数 10793浏览人数
最后回复于:2023-4-6 18:10

返回顶部 返回列表