vue动态合并单元格并添加小计合计功能示例
版权申诉
111 浏览量
2021-01-22
10:40:33
上传
评论 1
收藏 181KB PDF 举报
vue动态合并单元格并添加小计合计功能示例动态合并单元格并添加小计合计功能示例
1、效果图、效果图
2、后台返回数据格式（平铺式）、后台返回数据格式（平铺式）
3、后台返回数据后，整理所需要展示的属性存储到（、后台返回数据后，整理所需要展示的属性存储到（items）数组内）数组内
var obj = {
"id": curItems[i].id,
"feeName": curItems[i].feeName,
"projectName": curItems[i].projectName,
"projectDetailsName": curItems[i].projectDetailsName,
"zbMoney": curItems[i].zbMoney,
"qyMoney": curItems[i].qyMoney,
"projectId": curItems[i].projectId,
"instructions": curItems[i].instructions,
"contentText": curItems[i].contentText,
"measureText": curItems[i].measureText
}
if (curItems[i].projectDetailsName == '合计:') {
obj.projectName = curItems[i - 1].projectName
}
_self.items.push(obj)
}
4、调用、调用initData(调用后会删除需要合并的字段内容调用后会删除需要合并的字段内容)
_self.initData()
initData(){
const that = this;
let arry = [];
let itemsCopy = JSON.parse(JSON.stringify(that.items));
for (let i = 0; i < itemsCopy.length; i++) {
for (let j = (i + 1); j < itemsCopy.length; j++) {
for (let h in itemsCopy[i]) {
for (let k in itemsCopy[j]) {
if (k == 'feeName' || k == 'projectName' || k == 'projectDetailsName') {
if (itemsCopy[j][k] != '小计:' && itemsCopy[j][k] != '合计:') {
if (h === k && itemsCopy[i][h] === itemsCopy[j][k]) {
delete itemsCopy[j][k] }
}
}
}
}
}
arry.push(itemsCopy[i]);
}
that.dataT = arry;
},
资源评论
