element，表格，合计，显示，后台传递的数据

张张的技术贴

已于 2022-03-08 11:30:16 修改

阅读量715

点赞数 1

文章标签： elementui

于 2022-03-08 11:29:49 首次发布

原文链接：https://blog.csdn.net/weixin_30335353/article/details/96571988

版权

数据透视表格组件 Element UI 费用汇总列汇总

关键词由CSDN通过智能技术生成

<el-table
        v-loading="loading"
        :data="tableData"
        stripe
        :max-height="tableHeight"
        :summary-method="getSummaries"
        show-summary
        style="width: 100%;margin-top: 31px;">
    <el-table-column
            type="index"
            width="200"
            label="序号">
    </el-table-column>
    <el-table-column
            width="300"
            prop="center_name"
            label="中心名称">
    </el-table-column>
    <el-table-column
            width="300"
            prop="test_expenses"
            label="有合同试验费">
    </el-table-column>
    <el-table-column
            width="300"
            prop="3"
            label="无合同试验费">
    </el-table-column>
    <el-table-column
            width="300"
            prop="1"
            label="差旅费">
    </el-table-column>
    <el-table-column
            width="300"
            prop="4"
            label="办公及会议费">
    </el-table-column>
    <el-table-column
            width="300"
            prop="2"
            label="业务费">
    </el-table-column>
    <el-table-column
            width="300"
            prop="total_amount"
            label="中心总费用">
    </el-table-column>
</el-table>

getSummaries(param) {
    const { columns, data } = param;
    const sums = [];
    console.log(this.topData,'this.getAllTotalData2')
    columns.forEach((column, index) => {
        if (index === 0) {
            sums[index] = '合计';
            return;
        }
        switch(column.property) {
            case "channel":
                sums[index] = '--'
                break;
            case "center_name":
                sums[index] = '/'
                break;
            case "test_expenses":
                sums[index] = this.topData.test_expenses
                break;
            case "3":
                sums[index] = this.topData[3]
                break;
            case "4":
                sums[index] = this.topData[4]
                break;
            case "1":
                sums[index] = this.topData[1]
                break;
            case "2":
                sums[index] = this.topData[2]
                break;
            case "total_amount":
                sums[index] = '/'
                break;
            default:
                break;
        }
    });
    return sums;
},