<template>
  <div class="app-container">
    <el-table :data="listData" border>
      <el-table-column
        label="课程名称"
        align="center"
        prop="key1"
      />
      <el-table-column
        label="任务名称"
        align="center"
        prop="key2"
      />
      <el-table-column
        label="办理人"
        align="center"
        prop="key3"
      />
      <el-table-column
        label="任务创建时间"
        align="center"
        prop="key4"
      />
      <el-table-column
        label="流程启动时间"
        align="center"
        prop="key5"
      />
      <el-table-column
        label="操作"
        align="center"
        width="120"
        class-name="small-padding fixed-width"
      >
        <template slot-scope="scope">
          <el-button type="primary" @click="handleDoClick(scope)">办理</el-button>
        </template>
      </el-table-column>
    </el-table>

    <pagination
      v-show="total > 0"
      :total="total"
      :page.sync="queryParams.pageNum"
      :limit.sync="queryParams.pageSize"
      @pagination="getList"
    />
  </div>
</template>

<script>
export default {
  name: "MyTodo",
  data() {
    return {
      // 遮罩层
      loading: true,
      // 显示搜索条件
      showSearch: true,
      // 总条数
      total: 0,
      // 表单参数
      form: {},
      // 查询参数
      queryParams: {
        pageNum: 1,
        pageSize: 10,
      },
      listData: [{
        key1: "关于钢质结构密度提质",
        key2: "增质生产",
        key3: "admin",
        key4: "2025-06-15 22:48:47",
        key5: "2025-06-15 22:48:47"
      }]
    };
  },
  methods: {
    getList() {
      
    },
    handleDoClick() {
      this.$message.warning("功能建设中...");
    }
  },
};
</script>
