基于element-plus给出一个代码：一个表格2列7行，第一列每行的值从A，B，到G,第二列每行都是一个文本输入框，生成一个按钮名为计算，和一个文本框，点击按钮计算可以将前面7个文本框的值求和输入到第八个文本框中的代码

基于Element Plus，你可以使用Vue.js来构建这个表格和相关的交互功能。下面是一个简单的示例代码：

<template>
  <div>
    <el-table :data="tableData" style="width: 100%">
      <el-table-column prop="label" label="字母" width="50">
        <template slot-scope="{ row }">
          <span>{{ 'A' + (row.index - 1) }}</span>
        </template>
      </el-table-column>
      <el-table-column type="textarea" label="数值输入" width="150">
        <template slot-scope="{ row }">
          <el-input v-model="row.value" placeholder="请输入数值"></el-input>
        </template>
      </el-table-column>
    </el-table>

    <el-button @click="calculateSum">计算</el-button>
    <el-input v-model="result" placeholder="总和" disabled></el-input>
  </div>
</template>

<script>
export default {
  data() {
    return {
      tableData: Array(7).fill({ index: 1, value: '' }).map((_, i) => ({ label: 'A' + (i + 1), value: '' })),
      result: ''
    };
  },
  methods: {
    calculateSum() {
      let sum = 0;
      this.tableData.forEach(row => {
        sum += Number(row.value);
      });
      this.result = sum.toString();
    }
  }
};
</script>

在这个代码中：
1. `tableData` 数组初始化了7行数据，其中第一列的值是字母A到G，第二列是空的文本输入框。
2. `el-input` 组件用于接收用户输入，并通过`v-model`绑定到数组元素的`value`属性。
3. `calculateSum` 方法遍历表格数据，累加每个单元格的数字，然后更新结果文本框。

当点击“计算”按钮时，`calculateSum`会被触发并更新`result`的值。