合计指定列ELEMENTUI的TABLE末尾加统计行

table中定义 show-summary :summary-method="getSummaries"

1、只有show-summary,el会统计当前列表的列数据

2、有:summary-method="getSummaries",可以自定义统计行的字段值


getSummaries方法:

getSummaries(param) {

    const { columns, data } = param;

    const sums = [];

    columns.forEach((column, index) => {

    if (index === 0) {

        sums[index] = '总计';

        return;

    }

 })

说明:

columns,是表格的列,从0开始

data,是列的行集合

return sums,返回统计的结果,这里也可以自定义为总的数据



<el-table :key="tableKey" v-loading="listLoading" :data="list" border fit highlight-current-row

            style="width: 100%;" @selection-change="handleSelectionChange" show-summary :summary-method="getSummaries">

            <el-table-column label="交易日期" prop="TRADEDATE"></el-table-column>

            <el-table-column label="银行名称" prop="BANKNAME"></el-table-column>

            <el-table-column label="缴款渠道名称" prop="CHANNELNAME"></el-table-column>

            <el-table-column label="交易总笔数" prop="TRADECOUNT"></el-table-column>

            <el-table-column label="支付总笔数" prop="PAYCOUNT"></el-table-column>

            <el-table-column label="支付总金额" prop="PAYAMOUNT"></el-table-column>

            <el-table-column label="退款总笔数" prop="REFUNDCOUNT"></el-table-column>

            <el-table-column label="退款总金额" prop="REFUNDAMOUNT"></el-table-column>

            <el-table-column label="应收总金额" prop="RECEIVABLEAMOUNT"></el-table-column>

            <el-table-column label="渠道对账状态" prop="CHANNELSOASTATUSNAME"></el-table-column>

            <el-table-column label="银行资金对账状态" prop="BANKSOASTATUSNAME"></el-table-column>

            <el-table-column label="操作">

                <template slot-scope="scope">

                    <el-button v-waves type="primary" @click="exportData(scope.row.ID)">下载对账文件</el-button>

                    <el-button v-if="scope.row.CHANELSOASTATUS==3" v-waves type="primary"

                        @click="ViewChacuo(scope.row.PAYNOTIFYNO)">查看差错明细</el-button>

                </template>

            </el-table-column>

        </el-table>



vueelementtable统计
发表:2022-11-19 00:00:00view: 120
局域网内无互联网停车场出入自动管理系统
发表:2022-08-09 00:00:00view: 146
适用于培训学校、幼儿园、早教。
发表:2022-07-06 00:00:00view: 212
洗鞋连锁店数字化运营系统,降低经营成本,一体化厂房提高洗鞋工作效率
发表:2022-06-07 00:00:00view: 502
温湿度监控系统使用背景,药材,医疗,食品保存和冷链运输中的可视化监控
发表:2022-08-06 00:00:00view: 416
免费汽车维修管理系统,配件出入库管理,维修单据录入和打印,客户管理,财务管理
发表:2022-02-03 00:00:00view: 405
电脑,微信小程序都能访问,系统支持自动核算成本,业绩统计,订单拆分下单
发表:2022-03-19 00:00:00view: 237
此时由于申请单处于待审批状态,车辆锁住中,其他人员不能申请该辆车,造成时间上的浪费。
发表:2022-09-03 00:00:00view: 188
手机端可控制道闸管理系统
发表:2022-08-28 00:00:00view: 634
打开手机微信小程序搜索“派车堂”或扫太阳码码进入小程序
发表:2021-12-17 00:00:00view: 153
支持电脑下单,手机小程序下单,订单持久化保存在服务器不丢失,报单分单给不同供货商,数据图形化统计,数据导出,微信扫码分享订单详情

@2018 bbcweb.cn All Right Reserved.

智能单位车辆管理 解决方案 在线演示 常见问题