对新增弹窗中的elementui数据进行单元格动态合并

可以使用 element-ui 的 Table 组件的 `span-method` 属性来实现单元格动态合并。

`span-method` 是一个函数，接收两个参数：`row` 和 `column`，分别表示当前单元格所在的行和列。该函数需要返回一个对象，包含两个属性：`rowspan` 和 `colspan`，分别表示当前单元格需要合并的行数和列数。

例如，如果要在第一列中合并相同值的单元格，可以这样实现：

<el-table :data="tableData">
  <el-table-column prop="name" label="姓名" :span-method="nameSpanMethod"></el-table-column>
  <el-table-column prop="age" label="年龄"></el-table-column>
  <el-table-column prop="address" label="地址"></el-table-column>
</el-table>

methods: {
  nameSpanMethod({ row, column, rowIndex, columnIndex }) {
    if (columnIndex !== 0) {
      return { rowspan: 1, colspan: 1 }
    }
    let rowspan = 1
    for (let i = rowIndex + 1; i < this.tableData.length; i++) {
      if (this.tableData[i].name !== row.name) {
        break
      }
      rowspan++
    }
    return { rowspan, colspan: 1 }
  }
}

在上面的代码中，`nameSpanMethod` 函数判断如果不是第一列，直接返回 `{ rowspan: 1, colspan: 1 }`，表示不需要合并单元格。否则，从当前行的下一行开始向下查找相同值的单元格，累计需要合并的行数，并返回该行的合并信息。

你可以根据实际需求修改 `span-method` 函数的实现，来实现不同的单元格动态合并效果。