<template>
  <div>
    <div style="text-align:right;padding:5px 10px ">
      <el-button size="mini" type="primary">上架</el-button>
    </div>
    <el-table v-loading='loading' :tableData='tableData' border>
      <el-table-column align="center" label="申请日期"></el-table-column>
      <el-table-column align="center" label="申请人"></el-table-column>
      <el-table-column align="center" label="申请原因"></el-table-column>
      <el-table-column align="center" label="修复开始时间"></el-table-column>
      <el-table-column align="center" label="计划修复时间"></el-table-column>
      <el-table-column align="center" label="申请修复的档案门类表名"></el-table-column>
      <el-table-column align="center" label="修复完成日期"></el-table-column>
      <el-table-column align="center" label="备注"></el-table-column>
      <el-table-column align="center" label="操作"></el-table-column>
    </el-table>
    <el-pagination @current-change="handleCurrentChange" @size-change="handleSizeChange"
      layout="total, prev, pager, next, sizes" :page-size="pagination.pageSize" :page-sizes="[10, 20, 30, 50]"
      :current-page="pagination.pageNum" :total="pagination.total">
    </el-pagination>
  </div>
</template>
<script>
  export default {
    props: {
      loading: {
        type: Boolean,
        default: () => {},
      },
      tableData: {
        type: Array,
        default: () => [],
      },
      pagination: {
        type: Object,
        default: () => {},
      },
    },
    data() {
      return {

      }
    },
    methods: {
      handleCurrentChange(val) {
        this.pagination.pageNum = val;
        this.$emit("refreshTable");
      },
      handleSizeChange(val) {
        this.pagination.pageSize = val;
        this.pagination.pageNum = 1;
        this.$emit("refreshTable");
      },
    }
  }

</script>
<style lang='scss' scoped>

</style>
