fastadmin 列表显示统计数据

时间:2021-08-18

fastadmin 在列表显示统计数据,本文只介绍前端的统计方式。

所有修改均在js文件里,计算方式由js计算。

显示效果如下

fastadmin 列表显示统计数据

代码如下

显示统计页脚

fastadmin 列表显示统计数据

showFooter: true,

计算,在你需要的列上加 footerFormatter 属性,一般第一个列显示一个“总计”文字,而不需要任何计算。

fastadmin 列表显示统计数据

footerFormatter: function (data) {
    return '总计';
}

在你需要计算的列上开始写计算代码。

fastadmin 列表显示统计数据

基本上是通用的计算代码!

footerFormatter: function (data) {
    let field = this.field;
    let total_sum = data.reduce(function (sum, row) {
        return (sum) + (parseFloat(row[field]) || 0);
    }, 0);
    return total_sum.toFixed(0);
}