有數據如下：
{
'2019-01-23': [
{
'channel': 'zp',
'listScanListNum': 24,
'listParseOkNum': 0,
'listPersonMergeNum': 206,
'listNeedSpliceNum': 24,
'listSplicedNum': 0,
'contactScanNum': 0,
'contactParseOkNum': 0,
'contactParseFailNum': 0,
'contactPersonMergeNum': 0,
'contactPersonUpdateNum': 0,
'contactPersonAddNum': 0,
'contactAddRate': 0,
'contactUpateRate': 0,
'noContactScanNum': 0,
'noContactParseOkNum': 0,
'noContactParseFailNum': 0,
'noContactPersonMergeNum': 47,
'noContactPersonUpdateNum': 41,
'noContactUpdateRate': 0
},
{
'channel': 'lphr',
'listScanListNum': 10,
'listParseOkNum': 7,
'listPersonMergeNum': 417,
'listNeedSpliceNum': 10,
'listSplicedNum': 7,
'contactScanNum': 0,
'contactParseOkNum': 0,
'contactParseFailNum': 0,
'contactPersonMergeNum': 0,
'contactPersonUpdateNum': 0,
'contactPersonAddNum': 0,
'contactAddRate': 0,
'contactUpateRate': 0,
'noContactScanNum': 0,
'noContactParseOkNum': 0,
'noContactParseFailNum': 0,
'noContactPersonMergeNum': 20,
'noContactPersonUpdateNum': 15,
'noContactUpdateRate': 0
},
{
'channel': 'lplt',
'listScanListNum': 141,
'listParseOkNum': 92,
'listPersonMergeNum': 6962,
'listNeedSpliceNum': 141,
'listSplicedNum': 54,
'contactScanNum': 0,
'contactParseOkNum': 0,
'contactParseFailNum': 0,
'contactPersonMergeNum': 0,
'contactPersonUpdateNum': 0,
'contactPersonAddNum': 0,
'contactAddRate': 0,
'contactUpateRate': 0,
'noContactScanNum': 0,
'noContactParseOkNum': 0,
'noContactParseFailNum': 0,
'noContactPersonMergeNum': 487,
'noContactPersonUpdateNum': 383,
'noContactUpdateRate': 0
},
{
'channel': 'zl',
'listScanListNum': 365,
'listParseOkNum': 281,
'listPersonMergeNum': 5402,
'listNeedSpliceNum': 365,
'listSplicedNum': 233,
'contactScanNum': 0,
'contactParseOkNum': 0,
'contactParseFailNum': 0,
'contactPersonMergeNum': 0,
'contactPersonUpdateNum': 0,
'contactPersonAddNum': 0,
'contactAddRate': 0,
'contactUpateRate': 0,
'noContactScanNum': 0,
'noContactParseOkNum': 0,
'noContactParseFailNum': 0,
'noContactPersonMergeNum': 389,
'noContactPersonUpdateNum': 259,
'noContactUpdateRate': 0
},
{
'channel': 'qc',
'listScanListNum': 762,
'listParseOkNum': 653,
'listPersonMergeNum': 5607,
'listNeedSpliceNum': 762,
'listSplicedNum': 553,
'contactScanNum': 0,
'contactParseOkNum': 0,
'contactParseFailNum': 0,
'contactPersonMergeNum': 0,
'contactPersonUpdateNum': 0,
'contactPersonAddNum': 0,
'contactAddRate': 0,
'contactUpateRate': 0,
'noContactScanNum': 0,
'noContactParseOkNum': 0,
'noContactParseFailNum': 0,
'noContactPersonMergeNum': 386,
'noContactPersonUpdateNum': 348,
'noContactUpdateRate': 0
},
{
'channel': 'szyc',
'listScanListNum': 0,
'listParseOkNum': 0,
'listPersonMergeNum': 39003,
'listNeedSpliceNum': 0,
'listSplicedNum': 0,
'contactScanNum': 0,
'contactParseOkNum': 0,
'contactParseFailNum': 0,
'contactPersonMergeNum': 0,
'contactPersonUpdateNum': 0,
'contactPersonAddNum': 0,
'contactAddRate': 0,
'contactUpateRate': 0,
'noContactScanNum': 0,
'noContactParseOkNum': 0,
'noContactParseFailNum': 0,
'noContactPersonMergeNum': 0,
'noContactPersonUpdateNum': 0,
'noContactUpdateRate': 0
},
{
'channel': 'mm',
'listScanListNum': 13,
'listParseOkNum': 0,
'listPersonMergeNum': 97,
'listNeedSpliceNum': 13,
'listSplicedNum': 0,
'contactScanNum': 0,
'contactParseOkNum': 0,
'contactParseFailNum': 0,
'contactPersonMergeNum': 0,
'contactPersonUpdateNum': 0,
'contactPersonAddNum': 0,
'contactAddRate': 0,
'contactUpateRate': 0,
'noContactScanNum': 0,
'noContactParseOkNum': 0,
'noContactParseFailNum': 0,
'noContactPersonMergeNum': 13,
'noContactPersonUpdateNum': 29,
'noContactUpdateRate': 0
},
{
'listScanListNum': 1315,
'listParseOkNum': 1033,
'listPersonMergeNum': 57694,
'listNeedSpliceNum': 1315,
'listSplicedNum': 847,
'contactScanNum': 0,
'contactParseOkNum': 0,
'contactParseFailNum': 0,
'contactPersonMergeNum': 0,
'contactPersonUpdateNum': 0,
'contactPersonAddNum': 0,
'contactAddRate': 0,
'contactUpateRate': 0,
'noContactScanNum': 0,
'noContactParseOkNum': 0,
'noContactParseFailNum': 0,
'noContactPersonMergeNum': 1342,
'noContactPersonUpdateNum': 1075,
'noContactUpdateRate': 0
}
],
'2019-01-22': [
{
'channel': 'mm',
'listScanListNum': 9,
'listParseOkNum': 0,
'listPersonMergeNum': 217,
'listNeedSpliceNum': 9,
'listSplicedNum': 0,
'contactScanNum': 0,
'contactParseOkNum': 0,
'contactParseFailNum': 0,
'contactPersonMergeNum': 0,
'contactPersonUpdateNum': 0,
'contactPersonAddNum': 0,
'contactAddRate': 0,
'contactUpateRate': 0,
'noContactScanNum': 0,
'noContactParseOkNum': 0,
'noContactParseFailNum': 0,
'noContactPersonMergeNum': 26,
'noContactPersonUpdateNum': 33,
'noContactUpdateRate': 0
},
{
'channel': 'zp',
'listScanListNum': 57,
'listParseOkNum': 0,
'listPersonMergeNum': 805,
'listNeedSpliceNum': 57,
'listSplicedNum': 0,
'contactScanNum': 0,
'contactParseOkNum': 0,
'contactParseFailNum': 0,
'contactPersonMergeNum': 0,
'contactPersonUpdateNum': 0,
'contactPersonAddNum': 0,
'contactAddRate': 0,
'contactUpateRate': 0,
'noContactScanNum': 0,
'noContactParseOkNum': 0,
'noContactParseFailNum': 0,
'noContactPersonMergeNum': 111,
'noContactPersonUpdateNum': 98,
'noContactUpdateRate': 0
},
{
'channel': 'lphr',
'listScanListNum': 8,
'listParseOkNum': 2,
'listPersonMergeNum': 286,
'listNeedSpliceNum': 8,
'listSplicedNum': 7,
'contactScanNum': 0,
'contactParseOkNum': 0,
'contactParseFailNum': 0,
'contactPersonMergeNum': 0,
'contactPersonUpdateNum': 0,
'contactPersonAddNum': 0,
'contactAddRate': 0,
'contactUpateRate': 0,
'noContactScanNum': 0,
'noContactParseOkNum': 0,
'noContactParseFailNum': 0,
'noContactPersonMergeNum': 17,
'noContactPersonUpdateNum': 15,
'noContactUpdateRate': 0
},
{
'channel': 'qc',
'listScanListNum': 3375,
'listParseOkNum': 2450,
'listPersonMergeNum': 18235,
'listNeedSpliceNum': 3371,
'listSplicedNum': 2185,
'contactScanNum': 0,
'contactParseOkNum': 0,
'contactParseFailNum': 0,
'contactPersonMergeNum': 0,
'contactPersonUpdateNum': 0,
'contactPersonAddNum': 0,
'contactAddRate': 0,
'contactUpateRate': 0,
'noContactScanNum': 0,
'noContactParseOkNum': 0,
'noContactParseFailNum': 0,
'noContactPersonMergeNum': 1174,
'noContactPersonUpdateNum': 1065,
'noContactUpdateRate': 0
},
{
'channel': 'lplt',
'listScanListNum': 340,
'listParseOkNum': 99,
'listPersonMergeNum': 18099,
'listNeedSpliceNum': 340,
'listSplicedNum': 69,
'contactScanNum': 0,
'contactParseOkNum': 0,
'contactParseFailNum': 0,
'contactPersonMergeNum': 0,
'contactPersonUpdateNum': 0,
'contactPersonAddNum': 0,
'contactAddRate': 0,
'contactUpateRate': 0,
'noContactScanNum': 0,
'noContactParseOkNum': 0,
'noContactParseFailNum': 0,
'noContactPersonMergeNum': 1528,
'noContactPersonUpdateNum': 1208,
'noContactUpdateRate': 0
},
{
'channel': 'szyc',
'listScanListNum': 0,
'listParseOkNum': 0,
'listPersonMergeNum': 145737,
'listNeedSpliceNum': 0,
'listSplicedNum': 0,
'contactScanNum': 0,
'contactParseOkNum': 0,
'contactParseFailNum': 0,
'contactPersonMergeNum': 0,
'contactPersonUpdateNum': 0,
'contactPersonAddNum': 0,
'contactAddRate': 0,
'contactUpateRate': 0,
'noContactScanNum': 0,
'noContactParseOkNum': 0,
'noContactParseFailNum': 0,
'noContactPersonMergeNum': 0,
'noContactPersonUpdateNum': 0,
'noContactUpdateRate': 0
},
{
'channel': 'zl',
'listScanListNum': 1015,
'listParseOkNum': 559,
'listPersonMergeNum': 22286,
'listNeedSpliceNum': 1015,
'listSplicedNum': 481,
'contactScanNum': 0,
'contactParseOkNum': 0,
'contactParseFailNum': 0,
'contactPersonMergeNum': 0,
'contactPersonUpdateNum': 0,
'contactPersonAddNum': 0,
'contactAddRate': 0,
'contactUpateRate': 0,
'noContactScanNum': 0,
'noContactParseOkNum': 0,
'noContactParseFailNum': 0,
'noContactPersonMergeNum': 1835,
'noContactPersonUpdateNum': 1189,
'noContactUpdateRate': 0
},
{
'listScanListNum': 4804,
'listParseOkNum': 3110,
'listPersonMergeNum': 205665,
'listNeedSpliceNum': 4800,
'listSplicedNum': 2742,
'contactScanNum': 0,
'contactParseOkNum': 0,
'contactParseFailNum': 0,
'contactPersonMergeNum': 0,
'contactPersonUpdateNum': 0,
'contactPersonAddNum': 0,
'contactAddRate': 0,
'contactUpateRate': 0,
'noContactScanNum': 0,
'noContactParseOkNum': 0,
'noContactParseFailNum': 0,
'noContactPersonMergeNum': 4691,
'noContactPersonUpdateNum': 3608,
'noContactUpdateRate': 0
}
],
'2019-01-21': [
{
'channel': 'szyc',
'listScanListNum': 0,
'listParseOkNum': 0,
'listPersonMergeNum': 399,
'listNeedSpliceNum': 0,
'listSplicedNum': 0,
'contactScanNum': 0,
'contactParseOkNum': 0,
'contactParseFailNum': 0,
'contactPersonMergeNum': 0,
'contactPersonUpdateNum': 0,
'contactPersonAddNum': 0,
'contactAddRate': 0,
'contactUpateRate': 0,
'noContactScanNum': 0,
'noContactParseOkNum': 0,
'noContactParseFailNum': 0,
'noContactPersonMergeNum': 0,
'noContactPersonUpdateNum': 0,
'noContactUpdateRate': 0
},
{
'channel': 'mm',
'listScanListNum': 0,
'listParseOkNum': 0,
'listPersonMergeNum': 6,
'listNeedSpliceNum': 35,
'listSplicedNum': 0,
'contactScanNum': 0,
'contactParseOkNum': 0,
'contactParseFailNum': 0,
'contactPersonMergeNum': 0,
'contactPersonUpdateNum': 0,
'contactPersonAddNum': 0,
'contactAddRate': 0,
'contactUpateRate': 0,
'noContactScanNum': 0,
'noContactParseOkNum': 0,
'noContactParseFailNum': 0,
'noContactPersonMergeNum': 0,
'noContactPersonUpdateNum': 0,
'noContactUpdateRate': 0
},
{
'channel': 'lphr',
'listScanListNum': 8,
'listParseOkNum': 1,
'listPersonMergeNum': 20,
'listNeedSpliceNum': 16,
'listSplicedNum': 0,
'contactScanNum': 0,
'contactParseOkNum': 0,
'contactParseFailNum': 0,
'contactPersonMergeNum': 0,
'contactPersonUpdateNum': 0,
'contactPersonAddNum': 0,
'contactAddRate': 0,
'contactUpateRate': 0,
'noContactScanNum': 0,
'noContactParseOkNum': 0,
'noContactParseFailNum': 0,
'noContactPersonMergeNum': 0,
'noContactPersonUpdateNum': 0,
'noContactUpdateRate': 0
},
{
'channel': 'zp',
'listScanListNum': 1,
'listParseOkNum': 0,
'listPersonMergeNum': 0,
'listNeedSpliceNum': 61,
'listSplicedNum': 0,
'contactScanNum': 0,
'contactParseOkNum': 0,
'contactParseFailNum': 0,
'contactPersonMergeNum': 0,
'contactPersonUpdateNum': 0,
'contactPersonAddNum': 0,
'contactAddRate': 0,
'contactUpateRate': 0,
'noContactScanNum': 0,
'noContactParseOkNum': 0,
'noContactParseFailNum': 0,
'noContactPersonMergeNum': 0,
'noContactPersonUpdateNum': 0,
'noContactUpdateRate': 0
},
{
'channel': 'lplt',
'listScanListNum': 76,
'listParseOkNum': 18,
'listPersonMergeNum': 14,
'listNeedSpliceNum': 317,
'listSplicedNum': 0,
'contactScanNum': 0,
'contactParseOkNum': 0,
'contactParseFailNum': 0,
'contactPersonMergeNum': 0,
'contactPersonUpdateNum': 0,
'contactPersonAddNum': 0,
'contactAddRate': 0,
'contactUpateRate': 0,
'noContactScanNum': 0,
'noContactParseOkNum': 0,
'noContactParseFailNum': 0,
'noContactPersonMergeNum': 3,
'noContactPersonUpdateNum': 3,
'noContactUpdateRate': 0
},
{
'channel': 'qc',
'listScanListNum': 340,
'listParseOkNum': 219,
'listPersonMergeNum': 74,
'listNeedSpliceNum': 2639,
'listSplicedNum': 2,
'contactScanNum': 0,
'contactParseOkNum': 0,
'contactParseFailNum': 0,
'contactPersonMergeNum': 0,
'contactPersonUpdateNum': 0,
'contactPersonAddNum': 0,
'contactAddRate': 0,
'contactUpateRate': 0,
'noContactScanNum': 0,
'noContactParseOkNum': 0,
'noContactParseFailNum': 0,
'noContactPersonMergeNum': 7,
'noContactPersonUpdateNum': 6,
'noContactUpdateRate': 0
},
{
'channel': 'zl',
'listScanListNum': 62,
'listParseOkNum': 32,
'listPersonMergeNum': 181,
'listNeedSpliceNum': 1086,
'listSplicedNum': 2,
'contactScanNum': 0,
'contactParseOkNum': 0,
'contactParseFailNum': 0,
'contactPersonMergeNum': 0,
'contactPersonUpdateNum': 0,
'contactPersonAddNum': 0,
'contactAddRate': 0,
'contactUpateRate': 0,
'noContactScanNum': 0,
'noContactParseOkNum': 0,
'noContactParseFailNum': 0,
'noContactPersonMergeNum': 12,
'noContactPersonUpdateNum': 7,
'noContactUpdateRate': 0
},
{
'listScanListNum': 487,
'listParseOkNum': 270,
'listPersonMergeNum': 694,
'listNeedSpliceNum': 4154,
'listSplicedNum': 4,
'contactScanNum': 0,
'contactParseOkNum': 0,
'contactParseFailNum': 0,
'contactPersonMergeNum': 0,
'contactPersonUpdateNum': 0,
'contactPersonAddNum': 0,
'contactAddRate': 0,
'contactUpateRate': 0,
'noContactScanNum': 0,
'noContactParseOkNum': 0,
'noContactParseFailNum': 0,
'noContactPersonMergeNum': 22,
'noContactPersonUpdateNum': 16,
'noContactUpdateRate': 0
}
],
'2019-01-20': [
{
'channel': 'qc',
'listScanListNum': 0,
'listParseOkNum': 0,
'listPersonMergeNum': 0,
'listNeedSpliceNum': 46,
'listSplicedNum': 0,
'contactScanNum': 0,
'contactParseOkNum': 0,
'contactParseFailNum': 0,
'contactPersonMergeNum': 0,
'contactPersonUpdateNum': 0,
'contactPersonAddNum': 0,
'contactAddRate': 0,
'contactUpateRate': 0,
'noContactScanNum': 0,
'noContactParseOkNum': 0,
'noContactParseFailNum': 0,
'noContactPersonMergeNum': 0,
'noContactPersonUpdateNum': 0,
'noContactUpdateRate': 0
},
{
'channel': 'lplt',
'listScanListNum': 0,
'listParseOkNum': 0,
'listPersonMergeNum': 0,
'listNeedSpliceNum': 23,
'listSplicedNum': 0,
'contactScanNum': 0,
'contactParseOkNum': 0,
'contactParseFailNum': 0,
'contactPersonMergeNum': 0,
'contactPersonUpdateNum': 0,
'contactPersonAddNum': 0,
'contactAddRate': 0,
'contactUpateRate': 0,
'noContactScanNum': 0,
'noContactParseOkNum': 0,
'noContactParseFailNum': 0,
'noContactPersonMergeNum': 0,
'noContactPersonUpdateNum': 0,
'noContactUpdateRate': 0
},
{
'channel': 'zl',
'listScanListNum': 0,
'listParseOkNum': 0,
'listPersonMergeNum': 0,
'listNeedSpliceNum': 43,
'listSplicedNum': 0,
'contactScanNum': 0,
'contactParseOkNum': 0,
'contactParseFailNum': 0,
'contactPersonMergeNum': 0,
'contactPersonUpdateNum': 0,
'contactPersonAddNum': 0,
'contactAddRate': 0,
'contactUpateRate': 0,
'noContactScanNum': 0,
'noContactParseOkNum': 0,
'noContactParseFailNum': 0,
'noContactPersonMergeNum': 0,
'noContactPersonUpdateNum': 0,
'noContactUpdateRate': 0
},
{
'listScanListNum': 0,
'listParseOkNum': 0,
'listPersonMergeNum': 0,
'listNeedSpliceNum': 112,
'listSplicedNum': 0,
'contactScanNum': 0,
'contactParseOkNum': 0,
'contactParseFailNum': 0,
'contactPersonMergeNum': 0,
'contactPersonUpdateNum': 0,
'contactPersonAddNum': 0,
'contactAddRate': 0,
'contactUpateRate': 0,
'noContactScanNum': 0,
'noContactParseOkNum': 0,
'noContactParseFailNum': 0,
'noContactPersonMergeNum': 0,
'noContactPersonUpdateNum': 0,
'noContactUpdateRate': 0
}
],
'2019-01-19': [
{
'channel': 'zl',
'listScanListNum': 0,
'listParseOkNum': 0,
'listPersonMergeNum': 0,
'listNeedSpliceNum': 17,
'listSplicedNum': 0,
'contactScanNum': 0,
'contactParseOkNum': 0,
'contactParseFailNum': 0,
'contactPersonMergeNum': 0,
'contactPersonUpdateNum': 0,
'contactPersonAddNum': 0,
'contactAddRate': 0,
'contactUpateRate': 0,
'noContactScanNum': 0,
'noContactParseOkNum': 0,
'noContactParseFailNum': 0,
'noContactPersonMergeNum': 0,
'noContactPersonUpdateNum': 0,
'noContactUpdateRate': 0
},
{
'channel': 'qc',
'listScanListNum': 0,
'listParseOkNum': 0,
'listPersonMergeNum': 0,
'listNeedSpliceNum': 48,
'listSplicedNum': 0,
'contactScanNum': 0,
'contactParseOkNum': 0,
'contactParseFailNum': 0,
'contactPersonMergeNum': 0,
'contactPersonUpdateNum': 0,
'contactPersonAddNum': 0,
'contactAddRate': 0,
'contactUpateRate': 0,
'noContactScanNum': 0,
'noContactParseOkNum': 0,
'noContactParseFailNum': 0,
'noContactPersonMergeNum': 0,
'noContactPersonUpdateNum': 0,
'noContactUpdateRate': 0
},
{
'listScanListNum': 0,
'listParseOkNum': 0,
'listPersonMergeNum': 0,
'listNeedSpliceNum': 65,
'listSplicedNum': 0,
'contactScanNum': 0,
'contactParseOkNum': 0,
'contactParseFailNum': 0,
'contactPersonMergeNum': 0,
'contactPersonUpdateNum': 0,
'contactPersonAddNum': 0,
'contactAddRate': 0,
'contactUpateRate': 0,
'noContactScanNum': 0,
'noContactParseOkNum': 0,
'noContactParseFailNum': 0,
'noContactPersonMergeNum': 0,
'noContactPersonUpdateNum': 0,
'noContactUpdateRate': 0
}
]
}
要做出這種效果：
我的項目是Vue+Element-ui
所以使用的是是el-table組件
有一個頭疼的問題是該組件只支持一維數組的數據，可能有辦法處理二維或者多維吧，奈何我一時無解，只能把數據處理成一維數組了。
代碼：
// 表格用的數據
this.tableData = this.handleTableData({
'2019-01-23': [
{
'channel': 'zp',
'listScanListNum': 24,
'listParseOkNum': 0,
'listPersonMergeNum': 206,
'listNeedSpliceNum': 24,
'listSplicedNum': 0,
'contactScanNum': 0,
'contactParseOkNum': 0,
'contactParseFailNum': 0,
'contactPersonMergeNum': 0,
'contactPersonUpdateNum': 0,
'contactPersonAddNum': 0,
'contactAddRate': 0,
'contactUpateRate': 0,
'noContactScanNum': 0,
'noContactParseOkNum': 0,
'noContactParseFailNum': 0,
'noContactPersonMergeNum': 47,
'noContactPersonUpdateNum': 41,
'noContactUpdateRate': 0
},
{
'channel': 'lphr',
'listScanListNum': 10,
'listParseOkNum': 7,
'listPersonMergeNum': 417,
'listNeedSpliceNum': 10,
'listSplicedNum': 7,
'contactScanNum': 0,
'contactParseOkNum': 0,
'contactParseFailNum': 0,
'contactPersonMergeNum': 0,
'contactPersonUpdateNum': 0,
'contactPersonAddNum': 0,
'contactAddRate': 0,
'contactUpateRate': 0,
'noContactScanNum': 0,
'noContactParseOkNum': 0,
'noContactParseFailNum': 0,
'noContactPersonMergeNum': 20,
'noContactPersonUpdateNum': 15,
'noContactUpdateRate': 0
},
{
'channel': 'lplt',
'listScanListNum': 141,
'listParseOkNum': 92,
'listPersonMergeNum': 6962,
'listNeedSpliceNum': 141,
'listSplicedNum': 54,
'contactScanNum': 0,
'contactParseOkNum': 0,
'contactParseFailNum': 0,
'contactPersonMergeNum': 0,
'contactPersonUpdateNum': 0,
'contactPersonAddNum': 0,
'contactAddRate': 0,
'contactUpateRate': 0,
'noContactScanNum': 0,
'noContactParseOkNum': 0,
'noContactParseFailNum': 0,
'noContactPersonMergeNum': 487,
'noContactPersonUpdateNum': 383,
'noContactUpdateRate': 0
},
{
'channel': 'zl',
'listScanListNum': 365,
'listParseOkNum': 281,
'listPersonMergeNum': 5402,
'listNeedSpliceNum': 365,
'listSplicedNum': 233,
'contactScanNum': 0,
'contactParseOkNum': 0,
'contactParseFailNum': 0,
'contactPersonMergeNum': 0,
'contactPersonUpdateNum': 0,
'contactPersonAddNum': 0,
'contactAddRate': 0,
'contactUpateRate': 0,
'noContactScanNum': 0,
'noContactParseOkNum': 0,
'noContactParseFailNum': 0,
'noContactPersonMergeNum': 389,
'noContactPersonUpdateNum': 259,
'noContactUpdateRate': 0
},
{
'channel': 'qc',
'listScanListNum': 762,
'listParseOkNum': 653,
'listPersonMergeNum': 5607,
'listNeedSpliceNum': 762,
'listSplicedNum': 553,
'contactScanNum': 0,
'contactParseOkNum': 0,
'contactParseFailNum': 0,
'contactPersonMergeNum': 0,
'contactPersonUpdateNum': 0,
'contactPersonAddNum': 0,
'contactAddRate': 0,
'contactUpateRate': 0,
'noContactScanNum': 0,
'noContactParseOkNum': 0,
'noContactParseFailNum': 0,
'noContactPersonMergeNum': 386,
'noContactPersonUpdateNum': 348,
'noContactUpdateRate': 0
},
{
'channel': 'szyc',
'listScanListNum': 0,
'listParseOkNum': 0,
'listPersonMergeNum': 39003,
'listNeedSpliceNum': 0,
'listSplicedNum': 0,
'contactScanNum': 0,
'contactParseOkNum': 0,
'contactParseFailNum': 0,
'contactPersonMergeNum': 0,
'contactPersonUpdateNum': 0,
'contactPersonAddNum': 0,
'contactAddRate': 0,
'contactUpateRate': 0,
'noContactScanNum': 0,
'noContactParseOkNum': 0,
'noContactParseFailNum': 0,
'noContactPersonMergeNum': 0,
'noContactPersonUpdateNum': 0,
'noContactUpdateRate': 0
},
{
'channel': 'mm',
'listScanListNum': 13,
'listParseOkNum': 0,
'listPersonMergeNum': 97,
'listNeedSpliceNum': 13,
'listSplicedNum': 0,
'contactScanNum': 0,
'contactParseOkNum': 0,
'contactParseFailNum': 0,
'contactPersonMergeNum': 0,
'contactPersonUpdateNum': 0,
'contactPersonAddNum': 0,
'contactAddRate': 0,
'contactUpateRate': 0,
'noContactScanNum': 0,
'noContactParseOkNum': 0,
'noContactParseFailNum': 0,
'noContactPersonMergeNum': 13,
'noContactPersonUpdateNum': 29,
'noContactUpdateRate': 0
},
{
'listScanListNum': 1315,
'listParseOkNum': 1033,
'listPersonMergeNum': 57694,
'listNeedSpliceNum': 1315,
'listSplicedNum': 847,
'contactScanNum': 0,
'contactParseOkNum': 0,
'contactParseFailNum': 0,
'contactPersonMergeNum': 0,
'contactPersonUpdateNum': 0,
'contactPersonAddNum': 0,
'contactAddRate': 0,
'contactUpateRate': 0,
'noContactScanNum': 0,
'noContactParseOkNum': 0,
'noContactParseFailNum': 0,
'noContactPersonMergeNum': 1342,
'noContactPersonUpdateNum': 1075,
'noContactUpdateRate': 0
}
],
'2019-01-22': [
{
'channel': 'mm',
'listScanListNum': 9,
'listParseOkNum': 0,
'listPersonMergeNum': 217,
'listNeedSpliceNum': 9,
'listSplicedNum': 0,
'contactScanNum': 0,
'contactParseOkNum': 0,
'contactParseFailNum': 0,
'contactPersonMergeNum': 0,
'contactPersonUpdateNum': 0,
'contactPersonAddNum': 0,
'contactAddRate': 0,
'contactUpateRate': 0,
'noContactScanNum': 0,
'noContactParseOkNum': 0,
'noContactParseFailNum': 0,
'noContactPersonMergeNum': 26,
'noContactPersonUpdateNum': 33,
'noContactUpdateRate': 0
},
{
'channel': 'zp',
'listScanListNum': 57,
'listParseOkNum': 0,
'listPersonMergeNum': 805,
'listNeedSpliceNum': 57,
'listSplicedNum': 0,
'contactScanNum': 0,
'contactParseOkNum': 0,
'contactParseFailNum': 0,
'contactPersonMergeNum': 0,
'contactPersonUpdateNum': 0,
'contactPersonAddNum': 0,
'contactAddRate': 0,
'contactUpateRate': 0,
'noContactScanNum': 0,
'noContactParseOkNum': 0,
'noContactParseFailNum': 0,
'noContactPersonMergeNum': 111,
'noContactPersonUpdateNum': 98,
'noContactUpdateRate': 0
},
{
'channel': 'lphr',
'listScanListNum': 8,
'listParseOkNum': 2,
'listPersonMergeNum': 286,
'listNeedSpliceNum': 8,
'listSplicedNum': 7,
'contactScanNum': 0,
'contactParseOkNum': 0,
'contactParseFailNum': 0,
'contactPersonMergeNum': 0,
'contactPersonUpdateNum': 0,
'contactPersonAddNum': 0,
'contactAddRate': 0,
'contactUpateRate': 0,
'noContactScanNum': 0,
'noContactParseOkNum': 0,
'noContactParseFailNum': 0,
'noContactPersonMergeNum': 17,
'noContactPersonUpdateNum': 15,
'noContactUpdateRate': 0
},
{
'channel': 'qc',
'listScanListNum': 3375,
'listParseOkNum': 2450,
'listPersonMergeNum': 18235,
'listNeedSpliceNum': 3371,
'listSplicedNum': 2185,
'contactScanNum': 0,
'contactParseOkNum': 0,
'contactParseFailNum': 0,
'contactPersonMergeNum': 0,
'contactPersonUpdateNum': 0,
'contactPersonAddNum': 0,
'contactAddRate': 0,
'contactUpateRate': 0,
'noContactScanNum': 0,
'noContactParseOkNum': 0,
'noContactParseFailNum': 0,
'noContactPersonMergeNum': 1174,
'noContactPersonUpdateNum': 1065,
'noContactUpdateRate': 0
},
{
'channel': 'lplt',
'listScanListNum': 340,
'listParseOkNum': 99,
'listPersonMergeNum': 18099,
'listNeedSpliceNum': 340,
'listSplicedNum': 69,
'contactScanNum': 0,
'contactParseOkNum': 0,
'contactParseFailNum': 0,
'contactPersonMergeNum': 0,
'contactPersonUpdateNum': 0,
'contactPersonAddNum': 0,
'contactAddRate': 0,
'contactUpateRate': 0,
'noContactScanNum': 0,
'noContactParseOkNum': 0,
'noContactParseFailNum': 0,
'noContactPersonMergeNum': 1528,
'noContactPersonUpdateNum': 1208,
'noContactUpdateRate': 0
},
{
'channel': 'szyc',
'listScanListNum': 0,
'listParseOkNum': 0,
'listPersonMergeNum': 145737,
'listNeedSpliceNum': 0,
'listSplicedNum': 0,
'contactScanNum': 0,
'contactParseOkNum': 0,
'contactParseFailNum': 0,
'contactPersonMergeNum': 0,
'contactPersonUpdateNum': 0,
'contactPersonAddNum': 0,
'contactAddRate': 0,
'contactUpateRate': 0,
'noContactScanNum': 0,
'noContactParseOkNum': 0,
'noContactParseFailNum': 0,
'noContactPersonMergeNum': 0,
'noContactPersonUpdateNum': 0,
'noContactUpdateRate': 0
},
{
'channel': 'zl',
'listScanListNum': 1015,
'listParseOkNum': 559,
'listPersonMergeNum': 22286,
'listNeedSpliceNum': 1015,
'listSplicedNum': 481,
'contactScanNum': 0,
'contactParseOkNum': 0,
'contactParseFailNum': 0,
'contactPersonMergeNum': 0,
'contactPersonUpdateNum': 0,
'contactPersonAddNum': 0,
'contactAddRate': 0,
'contactUpateRate': 0,
'noContactScanNum': 0,
'noContactParseOkNum': 0,
'noContactParseFailNum': 0,
'noContactPersonMergeNum': 1835,
'noContactPersonUpdateNum': 1189,
'noContactUpdateRate': 0
},
{
'listScanListNum': 4804,
'listParseOkNum': 3110,
'listPersonMergeNum': 205665,
'listNeedSpliceNum': 4800,
'listSplicedNum': 2742,
'contactScanNum': 0,
'contactParseOkNum': 0,
'contactParseFailNum': 0,
'contactPersonMergeNum': 0,
'contactPersonUpdateNum': 0,
'contactPersonAddNum': 0,
'contactAddRate': 0,
'contactUpateRate': 0,
'noContactScanNum': 0,
'noContactParseOkNum': 0,
'noContactParseFailNum': 0,
'noContactPersonMergeNum': 4691,
'noContactPersonUpdateNum': 3608,
'noContactUpdateRate': 0
}
],
'2019-01-21': [
{
'channel': 'szyc',
'listScanListNum': 0,
'listParseOkNum': 0,
'listPersonMergeNum': 399,
'listNeedSpliceNum': 0,
'listSplicedNum': 0,
'contactScanNum': 0,
'contactParseOkNum': 0,
'contactParseFailNum': 0,
'contactPersonMergeNum': 0,
'contactPersonUpdateNum': 0,
'contactPersonAddNum': 0,
'contactAddRate': 0,
'contactUpateRate': 0,
'noContactScanNum': 0,
'noContactParseOkNum': 0,
'noContactParseFailNum': 0,
'noContactPersonMergeNum': 0,
'noContactPersonUpdateNum': 0,
'noContactUpdateRate': 0
},
{
'channel': 'mm',
'listScanListNum': 0,
'listParseOkNum': 0,
'listPersonMergeNum': 6,
'listNeedSpliceNum': 35,
'listSplicedNum': 0,
'contactScanNum': 0,
'contactParseOkNum': 0,
'contactParseFailNum': 0,
'contactPersonMergeNum': 0,
'contactPersonUpdateNum': 0,
'contactPersonAddNum': 0,
'contactAddRate': 0,
'contactUpateRate': 0,
'noContactScanNum': 0,
'noContactParseOkNum': 0,
'noContactParseFailNum': 0,
'noContactPersonMergeNum': 0,
'noContactPersonUpdateNum': 0,
'noContactUpdateRate': 0
},
{
'channel': 'lphr',
'listScanListNum': 8,
'listParseOkNum': 1,
'listPersonMergeNum': 20,
'listNeedSpliceNum': 16,
'listSplicedNum': 0,
'contactScanNum': 0,
'contactParseOkNum': 0,
'contactParseFailNum': 0,
'contactPersonMergeNum': 0,
'contactPersonUpdateNum': 0,
'contactPersonAddNum': 0,
'contactAddRate': 0,
'contactUpateRate': 0,
'noContactScanNum': 0,
'noContactParseOkNum': 0,
'noContactParseFailNum': 0,
'noContactPersonMergeNum': 0,
'noContactPersonUpdateNum': 0,
'noContactUpdateRate': 0
},
{
'channel': 'zp',
'listScanListNum': 1,
'listParseOkNum': 0,
'listPersonMergeNum': 0,
'listNeedSpliceNum': 61,
'listSplicedNum': 0,
'contactScanNum': 0,
'contactParseOkNum': 0,
'contactParseFailNum': 0,
'contactPersonMergeNum': 0,
'contactPersonUpdateNum': 0,
'contactPersonAddNum': 0,
'contactAddRate': 0,
'contactUpateRate': 0,
'noContactScanNum': 0,
'noContactParseOkNum': 0,
'noContactParseFailNum': 0,
'noContactPersonMergeNum': 0,
'noContactPersonUpdateNum': 0,
'noContactUpdateRate': 0
},
{
'channel': 'lplt',
'listScanListNum': 76,
'listParseOkNum': 18,
'listPersonMergeNum': 14,
'listNeedSpliceNum': 317,
'listSplicedNum': 0,
'contactScanNum': 0,
'contactParseOkNum': 0,
'contactParseFailNum': 0,
'contactPersonMergeNum': 0,
'contactPersonUpdateNum': 0,
'contactPersonAddNum': 0,
'contactAddRate': 0,
'contactUpateRate': 0,
'noContactScanNum': 0,
'noContactParseOkNum': 0,
'noContactParseFailNum': 0,
'noContactPersonMergeNum': 3,
'noContactPersonUpdateNum': 3,
'noContactUpdateRate': 0
},
{
'channel': 'qc',
'listScanListNum': 340,
'listParseOkNum': 219,
'listPersonMergeNum': 74,
'listNeedSpliceNum': 2639,
'listSplicedNum': 2,
'contactScanNum': 0,
'contactParseOkNum': 0,
'contactParseFailNum': 0,
'contactPersonMergeNum': 0,
'contactPersonUpdateNum': 0,
'contactPersonAddNum': 0,
'contactAddRate': 0,
'contactUpateRate': 0,
'noContactScanNum': 0,
'noContactParseOkNum': 0,
'noContactParseFailNum': 0,
'noContactPersonMergeNum': 7,
'noContactPersonUpdateNum': 6,
'noContactUpdateRate': 0
},
{
'channel': 'zl',
'listScanListNum': 62,
'listParseOkNum': 32,
'listPersonMergeNum': 181,
'listNeedSpliceNum': 1086,
'listSplicedNum': 2,
'contactScanNum': 0,
'contactParseOkNum': 0,
'contactParseFailNum': 0,
'contactPersonMergeNum': 0,
'contactPersonUpdateNum': 0,
'contactPersonAddNum': 0,
'contactAddRate': 0,
'contactUpateRate': 0,
'noContactScanNum': 0,
'noContactParseOkNum': 0,
'noContactParseFailNum': 0,
'noContactPersonMergeNum': 12,
'noContactPersonUpdateNum': 7,
'noContactUpdateRate': 0
},
{
'listScanListNum': 487,
'listParseOkNum': 270,
'listPersonMergeNum': 694,
'listNeedSpliceNum': 4154,
'listSplicedNum': 4,
'contactScanNum': 0,
'contactParseOkNum': 0,
'contactParseFailNum': 0,
'contactPersonMergeNum': 0,
'contactPersonUpdateNum': 0,
'contactPersonAddNum': 0,
'contactAddRate': 0,
'contactUpateRate': 0,
'noContactScanNum': 0,
'noContactParseOkNum': 0,
'noContactParseFailNum': 0,
'noContactPersonMergeNum': 22,
'noContactPersonUpdateNum': 16,
'noContactUpdateRate': 0
}
],
'2019-01-20': [
{
'channel': 'qc',
'listScanListNum': 0,
'listParseOkNum': 0,
'listPersonMergeNum': 0,
'listNeedSpliceNum': 46,
'listSplicedNum': 0,
'contactScanNum': 0,
'contactParseOkNum': 0,
'contactParseFailNum': 0,
'contactPersonMergeNum': 0,
'contactPersonUpdateNum': 0,
'contactPersonAddNum': 0,
'contactAddRate': 0,
'contactUpateRate': 0,
'noContactScanNum': 0,
'noContactParseOkNum': 0,
'noContactParseFailNum': 0,
'noContactPersonMergeNum': 0,
'noContactPersonUpdateNum': 0,
'noContactUpdateRate': 0
},
{
'channel': 'lplt',
'listScanListNum': 0,
'listParseOkNum': 0,
'listPersonMergeNum': 0,
'listNeedSpliceNum': 23,
'listSplicedNum': 0,
'contactScanNum': 0,
'contactParseOkNum': 0,
'contactParseFailNum': 0,
'contactPersonMergeNum': 0,
'contactPersonUpdateNum': 0,
'contactPersonAddNum': 0,
'contactAddRate': 0,
'contactUpateRate': 0,
'noContactScanNum': 0,
'noContactParseOkNum': 0,
'noContactParseFailNum': 0,
'noContactPersonMergeNum': 0,
'noContactPersonUpdateNum': 0,
'noContactUpdateRate': 0
},
{
'channel': 'zl',
'listScanListNum': 0,
'listParseOkNum': 0,
'listPersonMergeNum': 0,
'listNeedSpliceNum': 43,
'listSplicedNum': 0,
'contactScanNum': 0,
'contactParseOkNum': 0,
'contactParseFailNum': 0,
'contactPersonMergeNum': 0,
'contactPersonUpdateNum': 0,
'contactPersonAddNum': 0,
'contactAddRate': 0,
'contactUpateRate': 0,
'noContactScanNum': 0,
'noContactParseOkNum': 0,
'noContactParseFailNum': 0,
'noContactPersonMergeNum': 0,
'noContactPersonUpdateNum': 0,
'noContactUpdateRate': 0
},
{
'listScanListNum': 0,
'listParseOkNum': 0,
'listPersonMergeNum': 0,
'listNeedSpliceNum': 112,
'listSplicedNum': 0,
'contactScanNum': 0,
'contactParseOkNum': 0,
'contactParseFailNum': 0,
'contactPersonMergeNum': 0,
'contactPersonUpdateNum': 0,
'contactPersonAddNum': 0,
'contactAddRate': 0,
'contactUpateRate': 0,
'noContactScanNum': 0,
'noContactParseOkNum': 0,
'noContactParseFailNum': 0,
'noContactPersonMergeNum': 0,
'noContactPersonUpdateNum': 0,
'noContactUpdateRate': 0
}
],
'2019-01-19': [
{
'channel': 'zl',
'listScanListNum': 0,
'listParseOkNum': 0,
'listPersonMergeNum': 0,
'listNeedSpliceNum': 17,
'listSplicedNum': 0,
'contactScanNum': 0,
'contactParseOkNum': 0,
'contactParseFailNum': 0,
'contactPersonMergeNum': 0,
'contactPersonUpdateNum': 0,
'contactPersonAddNum': 0,
'contactAddRate': 0,
'contactUpateRate': 0,
'noContactScanNum': 0,
'noContactParseOkNum': 0,
'noContactParseFailNum': 0,
'noContactPersonMergeNum': 0,
'noContactPersonUpdateNum': 0,
'noContactUpdateRate': 0
},
{
'channel': 'qc',
'listScanListNum': 0,
'listParseOkNum': 0,
'listPersonMergeNum': 0,
'listNeedSpliceNum': 48,
'listSplicedNum': 0,
'contactScanNum': 0,
'contactParseOkNum': 0,
'contactParseFailNum': 0,
'contactPersonMergeNum': 0,
'contactPersonUpdateNum': 0,
'contactPersonAddNum': 0,
'contactAddRate': 0,
'contactUpateRate': 0,
'noContactScanNum': 0,
'noContactParseOkNum': 0,
'noContactParseFailNum': 0,
'noContactPersonMergeNum': 0,
'noContactPersonUpdateNum': 0,
'noContactUpdateRate': 0
},
{
'listScanListNum': 0,
'listParseOkNum': 0,
'listPersonMergeNum': 0,
'listNeedSpliceNum': 65,
'listSplicedNum': 0,
'contactScanNum': 0,
'contactParseOkNum': 0,
'contactParseFailNum': 0,
'contactPersonMergeNum': 0,
'contactPersonUpdateNum': 0,
'contactPersonAddNum': 0,
'contactAddRate': 0,
'contactUpateRate': 0,
'noContactScanNum': 0,
'noContactParseOkNum': 0,
'noContactParseFailNum': 0,
'noContactPersonMergeNum': 0,
'noContactPersonUpdateNum': 0,
'noContactUpdateRate': 0
}
]
});
// 處理函數
handleTableData(data) {
let _data = Object.entries(data);
_data.forEach((val, index, o) => {
let newVal = val[1];
const date = val[0];
newVal.forEach(v => {
v.date = date;
});
o[index] = newVal;
});
_data = Array.prototype.concat.apply([], _data);
return _data;
}
// 然后是渲染table和處理重復數據合並
<el-table border :data="data" :span-method="arraySpanMethod">。。。</el-table>
表格表頭多級可以看官網，這里不貼了。
// 去重合並單元格【重點】
setTable(data) {
let spanOneArr = [];
let spanTwoArr = [];
let concatOne = 0;
// concatTwo = 0;
data.forEach((item, index) => {
if (index === 0) {
spanOneArr.push(1);
spanTwoArr.push(1);
} else {
if (item.date === data[index - 1].date) { // 第一列需合並相同內容的判斷條件
spanOneArr[concatOne] += 1;
spanOneArr.push(0);
} else {
spanOneArr.push(1);
concatOne = index;
}
}
});
return {
one: spanOneArr,
two: spanTwoArr
};
},
arraySpanMethod({ row, column, rowIndex, columnIndex }) {
// 第一列相同的合並
if (columnIndex === 0) {
const _row = (this.setTable(this.data).one)[rowIndex];
const _col = _row > 0 ? 1 : 0;
return {
rowspan: _row,
colspan: _col
};
}
}
如果您有更好的解決辦法，請與我聯系 qq 289483936 如果我的筆記幫助到了你，我很開心。qq群：535880373