element ui修改某一行的内容，要求有固定一列的“修改”按钮，点击按钮能以对话框的形式修改表格的对应行，可修改的项包括日期和数值，其中日期用date-picker选择，请用一个例子整体实现一下

好的，我先给你一个简单的表格例子，包含日期和数值两列：

<template>
  <el-table :data="tableData">
    <el-table-column prop="date" label="日期"></el-table-column>
    <el-table-column prop="value" label="数值"></el-table-column>
    <el-table-column label="操作">
      <template slot-scope="scope">
        <el-button type="text" @click="handleEdit(scope.row)">修改</el-button>
      </template>
    </el-table-column>
  </el-table>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        { date: '2021-01-01', value: 100 },
        { date: '2021-01-02', value: 200 },
        { date: '2021-01-03', value: 300 }
      ]
    }
  },
  methods: {
    handleEdit(row) {
      console.log('点击了修改按钮，当前行数据为：', row)
    }
  }
}
</script>

接下来，我们就可以在 `handleEdit` 方法中弹出一个对话框，让用户修改当前行的数据。这里我们使用 Element UI 的 `el-dialog` 组件来实现：

<template>
  <el-table :data="tableData">
    <el-table-column prop="date" label="日期"></el-table-column>
    <el-table-column prop="value" label="数值"></el-table-column>
    <el-table-column label="操作">
      <template slot-scope="scope">
        <el-button type="text" @click="handleEdit(scope.row)">修改</el-button>
      </template>
    </el-table-column>
  </el-table>

  <el-dialog title="修改数据" :visible.sync="dialogVisible">
    <el-form :model="form">
      <el-form-item label="日期">
        <el-date-picker v-model="form.date" type="date" placeholder="选择日期"></el-date-picker>
      </el-form-item>
      <el-form-item label="数值">
        <el-input v-model.number="form.value" type="number" placeholder="请输入数值"></el-input>
      </el-form-item>
    </el-form>
    <div slot="footer" class="dialog-footer">
      <el-button @click="dialogVisible = false">取消</el-button>
      <el-button type="primary" @click="handleSave">保存</el-button>
    </div>
  </el-dialog>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        { date: '2021-01-01', value: 100 },
        { date: '2021-01-02', value: 200 },
        { date: '2021-01-03', value: 300 }
      ],
      dialogVisible: false,
      form: {
        date: '',
        value: ''
      },
      editIndex: -1
    }
  },
  methods: {
    handleEdit(row) {
      this.form = { ...row }
      this.editIndex = this.tableData.indexOf(row)
      this.dialogVisible = true
    },
    handleSave() {
      if (this.editIndex >= 0) {
        this.tableData.splice(this.editIndex, 1, this.form)
      }
      this.dialogVisible = false
    }
  }
}
</script>

上述代码中，我们在 `handleEdit` 方法中设置了 `form` 数据对象，用于存储当前要修改的行数据；同时记录了当前要修改的行的索引 `editIndex`，以便在保存时能正确更新表格数据。当用户点击修改按钮时，我们将 `form` 数据对象设置为当前行的数据，并显示对话框。对话框中包含了一个 `el-form` 表单，用户可以通过 `el-date-picker` 和 `el-input` 组件来修改日期和数值。对话框下方的按钮用于保存修改结果，保存时我们通过 `splice` 方法更新了表格数据，并将对话框隐藏起来。