问题图片:
表格数据循环计算百分比问题:
表格中需要使用到 formaytter 方法
<el-table-column prop="shareRate" label="项目分摊比重" align="center" show-overflow-tooltip
:formatter="battery">
</el-table-column>
//比重格式-百分号
battery(row) {
// return row.shareRate * 100 + "%";
// return parseInt(row.shareRate * 100) + '%'
return Number(row.shareRate * 100).toFixed(2) + "%";
},
表格合计是出现小数点 不准确的问题
方法是使用element-ui 表格中的一个summary-method 方法
// 分摊金额计算
getSummaries(param) {
const { columns, data } = param;
const sums = []; //声明变量
columns.forEach((column, index) => {
if (index === 0) {
sums[index] = "已分摊金额";
return;
}
const values = data.map((item) => Number(item[column.property]));
if (
//需要显示和合计纵列
column.property == "shareMoney"
) {
sums[index] = values.reduce((prev, curr) => {
const value = Number(curr);
if (!isNaN(value)) {
let num = Number(prev) + Number(curr);
return num.toFixed(2);
// return parseInt((Number(prev) + Number(curr)) * 100) / 100;
} else {
return Number(prev).toFixed(2);
}
}, 0);
sums[index];
} else {
}
});
return sums;
},