el-table表头合并

-table表头合并可以通过设置表头的属性来实现。具体步骤如下：
1. 在js文件中获取表头，并根据需要修改表头内容。
2. 设置需要合并的表头名称数组。
3. 在el-table标签中设置属性：:header-cell-style="handerMethod"和:span-method="objectSpanMethod"。
4. 在methods中定义handerMethod和objectSpanMethod方法，用于设置表头样式和合并单元格。
5. 在handerMethod方法中设置表头样式，例如设置背景色等。
6. 在objectSpanMethod方法中设置需要合并的单元格，例如合并第一列和第二列的单元格。

下面是示例代码：

// 获取表头
getHeader(nv) {
  this.factoryCodes = nv;
  this.headerRow2 = [];
  if (nv == "zgjn-H WS 0101") {
    this.tableHeader = deviceRunReportHead[1];
    this.headerRow2 = ["紫外线杀菌装置"];
  } else if (nv == "zgjn-H WS 0106") {
    this.tableHeader = deviceRunReportHead[2];
    this.headerRow2 = ["紫外线杀菌装置", "除臭系统"];
  } else if (nv == "zgjn-H WS 0105") {
    this.tableHeader = deviceRunReportHead[3];
    this.headerRow2 = ["紫外线杀菌装置", "除臭系统"];
  } else {
    this.tableHeader = deviceRunReportHead[3];
  }
  this.$nextTick(() => {
    // 刷新表格样式
    this.$refs.slantTable.doLayout();
    this.getTableDom();
  });
  this.keyIndex++;
},

// 设置表头样式
handerMethod({ row, column, rowIndex, columnIndex }) {
  if (rowIndex === 0 || rowIndex === 1) {
    return {
      background: '#f2f2f2',
      color: '#333',
      fontWeight: 'bold'
    };
  }
},

// 设置合并单元格
objectSpanMethod({ row, column, rowIndex, columnIndex }) {
  if (columnIndex === 0 || columnIndex === 1) {
    if (rowIndex === 0 || rowIndex === 1) {
      return {
        rowspan: 2,
        colspan: 1
      };
    } else {
      return {
        rowspan: 0,
        colspan: 0
      };
    }
  }
}