工作296:el-table使用

小歌謠(公眾號同名)發表於2020-12-30
<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>

相關文章