<template>
  <div class="form-header container">
    <yl-table
      :attrs="tableAttr"
      :loadingTable="tableAttr.loadingTable"
      :columns="columns"
      :tableData="tableData"
      :pageConfig="pageConfig"
      @sizeChange="handleSizeChange"
      @currentChange="handleCurrentChange"
    >
    </yl-table>
  </div>
</template>

<script>
import YlTable from "@/components/YlTable";
import { tableAttr, columnHeader } from "./tableConfig";
export default {
  name: "ErrorInfo",
  components: {
    YlTable,
  },
  data() {
    return {
      pageConfig: {
        // 分页配置项
        isPagination: false,
        total: 0,
        pageData: {
          page: 1,
          size: 10,
        },
      },
      tableAttr: tableAttr, // table配置项
      columns: columnHeader(), // 表头
      tableData: [], // 表格数据
    };
  },
  created() {
    const { data } = this.$route.query;
    this.tableData = JSON.parse(data);
  },
  methods: {
    //条数变化
    handleSizeChange(e) {
      this.pageConfig.pageData.size = e;
      this.pageConfig.pageData.page = 1;
      this.searchBtn();
    },
    //页码变化
    handleCurrentChange(e) {
      this.pageConfig.pageData.page = e;
      this.searchBtn();
    },
    // 搜索
    searchBtn() {},
  },
};
</script>
<style lang="scss" scoped></style>