有数据如下:
{ '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和处理重复数据合并
。。。 表格表头多级可以看官网,这里不贴了。// 去重合并单元格【重点】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