zoukankan      html  css  js  c++  java
  • vue-element-table-js去重合并单元格解析【实战需求】

    有数据如下:

    {
                    '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

  • 相关阅读:
    Ubuntu 安装和使用 Supervisor(进程管理)
    Ubuntu查看端口占用及关闭
    Ubuntu 上安装 SQL Server 并创建数据库
    Kafka常用命令
    sql bug
    TiDB之PCTP(数据库专家)
    04 MySQL之函数
    05 MySQL之查询、插入、更新与删除
    03 MySQL之数据类型和运算符
    06 MySQL之索引
  • 原文地址:https://www.cnblogs.com/webSong/p/10308750.html
Copyright © 2011-2022 走看看