前端工作总结270-el-table使用

<template>
<el-dialog
    title="修改记录"
    :visible.sync="dialogVisible"
    width="30%"
    :before-close="handleClose">
  <el-table
      :data="tableData"
      style="width: 100%">
    <el-table-column
        prop="name"
        label="任务名称"
        width="180">
    </el-table-column>
    <el-table-column
        prop="username"
        label="修改人">
    </el-table-column>
    <el-table-column
        prop="start_time"
        label="创建时间">
    </el-table-column>
    <el-table-column
        prop="updated_at"
        label="更新时间">
    </el-table-column>
  </el-table>
<span slot="footer" class="dialog-footer">
    <el-button type="primary" @click="dialogVisible = false">关闭</el-button>
  </span>
</el-dialog>
</template>
<script>
export default {
  name:"ResetList",
  data() {
    return {
      tableData:[],
      dialogVisible: false
    };
  },
  methods: {
    show(record){
      this.tableData=record
      console.log(record)
     /* this.id=id*/
      this.dialogVisible=true
 /*     getAction("/task",).then(res=>{
        console.log(res)
        let List=[]
        res.data.items.map((value,index)=>{
         /!* console.log(value.task_recode)*!/
           List.push({...value.task_recode})
        })
        this.tableData=List
        console.log(this.tableData)
    })*/
    },
    handleClose(done) {
      this.$confirm('确认关闭？')
          .then(_ => {
            done();
          })
          .catch(_ => {});
    }
  }
};
</script>