一套精美的开源数据报表模板

简介

ReportPlust意在打造一套精美的数据报表模板，里面高度封装日历组件、表格组件、排行榜组件、条形进度条组件、文本块组件以及ucharts的多个图表组件，用户只需要按照虚拟数据的格式，传特定数据即可方便、快捷地打造出属于自己的报表页面。

特点

使用的是 uni-app 中最受欢迎的图表 uCharts 插件完成图表展示，该插件文档详细，且调用简单方便、性能及体验极佳。ucharts 图表插件。

使用 wyb-tav=ble 插件完成表格功能，支持图表排序、滚动等众多功能，上手极其方便。table 表格插件

对页面、图表、表格都进行了封装，用户只需要进行数据组装即可快速完成页面的布局。

参数说明

进度条 (data-progress)

文本块 (text-block)

kind 目前取值：1,2,3,4,5

注意：content 中：文本放 text 中，数字放 value，colortext 为文本颜色，colorvalue 为数字颜色

1:分两层，上层纯数字，下纯文字的排版类型

{
 "kind":1,
 "background":["#3EB2F5","#9374F7"],
 "content":[
  {"text":"","value":"5860","colortext":"","colorvalue":"#fff","size":"44rpx"},
  {"text":"新增微好友","value":"","colortext":"#fff","colorvalue":"","size":"24rpx"}
 ]
}

2：分两层，上层文字+数字，下层文字+数字的排版类型

{
 "kind":2,
 "background":["#B678FD","#4A64F9"],
 "content":[
  {"text":"环比增长","value":"3.2%","colortext":"#fff","colorvalue":"#fff","size":"24rpx"},
  {"text":"同比增长","value":"1.1%","colortext":"#fff","colorvalue":"#fff","size":"24rpx"}
 ]
}

3：分三层，上层纯数字，中层纯文字，下层分左右块，左下层文+数，右下层文+数的排版类型

{
 "kind":3,
 "background":["#B678FD","#4A64F9"],
 "content":[
  {"text":"","value":"38%","colortext":"","colorvalue":"#fff","size":"44rpx"},
  {"text":"小程序购买活跃会员占比","value":"","colortext":"#fff","colorvalue":"","size":"24rpx"},
  {"text":"同比","value":"2.5%","colortext":"#fff","colorvalue":"#fff","size":"20rpx"},
  {"text":"环比","value":"3.2%","colortext":"#fff","colorvalue":"#fff","size":"20rpx"}
 ]
}

4：分三层，上层纯文字，中层纯数字，下层文+数，的排版类型

{
 "kind":4,
 "background":["#F0F0F0","#F0F0F0"],
 "content":[
  {"text":"已评价数","value":"","colortext":"#000","colorvalue":"","size":"24rpx"},
  {"text":"","value":"161","colortext":"","colorvalue":"#09A1FD","size":"44rpx"},
  {"text":"增长","value":"","colortext":"#000","colorvalue":"","size":"20rpx"},
  {"text":"up","value":"325","colortext":"#DF297D","colorvalue":"#f25287","size":"20rpx"}
 ]
}

5：分 5 层，具体可看会员运营-活跃会员的板块

{
 "kind":5,
 "background":["#F77E89","#F7953B"],
 "content":[
  {"text":"会员销售占比","value":"","colortext":"#fff","colorvalue":"","size":"24rpx"},
  {"text":"","value":"80%","colortext":"","colorvalue":"#fff","size":"44rpx"},
  {"text":"环比","value":"81.5%","colortext":"#fff","colorvalue":"#fff","size":"20rpx"},
  {"text":"同比","value":"-81.3%","colortext":"#fff","colorvalue":"#fff","size":"20rpx"},
  {"text":"平均参考水平","value":"85%","colortext":"#fff","colorvalue":"#fff","size":"20rpx"}
 ]
},