<template>
  <div class="form-header container">
    <el-row>
      <el-col>
        <yl-form
          ref="ruleForm"
          :formConfig="formConfig"
          :queryForm="queryForm"
        />
      </el-col>
    </el-row>
    <yl-table
      :attrs="tableAttr"
      :loadingTable="tableAttr.loadingTable"
      :columns="columns"
      :tableData="tableData"
      :pageConfig="pageConfig"
      @sizeChange="handleSizeChange"
      @currentChange="handleCurrentChange"
      @search="searchBtn"
      @restForm="restForm"
      @add="addBtn"
    >
    </yl-table>
  </div>
</template>
<script>
import YlForm from "@/components/YlForm";
import YlTable from "@/components/YlTable";
import { formConfig } from "./formConfig";
import { tableAttr, columnHeader } from "./tableConfig";
import {
  findAllEtesRules, // ET86查询
} from "@/api/et86";
export default {
  components: {
    YlForm,
    YlTable,
  },
  data() {
    return {
      formConfig: formConfig, // 表单配置项
      queryForm: { // 表单参数
        status: "有效",
      },
      pageConfig: { // 分页配置项
        isPagination: true,
        total: 0,
        pageData: {
          page: 1,
          size: 10,
        },
      },
      tableAttr: tableAttr, // table配置项
      columns: columnHeader(this.viewRow, this.editRow, this.deleteRow), // 表头
      tableData: [], // 表格数据
      selectionList: [], // table复选框筛选集合
    };
  },
  created() {
    // ET86查询
    this.$nextTick(() => {
      this.searchBtn();
    });
  },
  mounted() {},
  methods: {
    // ET86查询
    queryFindAllEtesRules(params) {
      this.tableAttr.loadingTable = true;
      findAllEtesRules(params)
        .then((res) => {
          this.tableAttr.loadingTable = false;
          const { code, data } = res;
          if (code == 200) {
            this.tableData = data.list;
            this.pageConfig.total = data.total;
          }
        })
        .catch(() => {});
    },
    // table复选框事件
    selectionTable(e) {
      this.selectionList = e;
    },
    //条数变化
    handleSizeChange(e) {
      this.pageConfig.pageData.size = e;
      this.pageConfig.pageData.page = 1;
      this.searchBtn();
    },
    //页码变化
    handleCurrentChange(e) {
      this.pageConfig.pageData.page = e;
      this.searchBtn();
    },
    // 搜索
    searchBtn(row) {
      let params = {
        createTimeStart: this.queryForm.startTime
          ? this.queryForm.startTime
          : "",
        createTimeEnd: this.queryForm.endTime ? this.queryForm.endTime : "",
        limitStart: this.pageConfig.pageData.page,
        limitSize: this.pageConfig.pageData.size,
        status: this.queryForm.status,
      };
      if (this.queryForm.status == "有效") {
        params.status = "1";
      }
      this.$refs.ruleForm.handleSearch("ruleForm", (val) => {
        this.queryFindAllEtesRules(params);
      });
    },
    // 重置表单
    restForm() {
      this.$refs.ruleForm.resetFields("ruleForm");
    },
    // 添加
    addBtn(item) {
      console.log("add：", item);
      this.$router.push({
        name: "edit",
        params: {
          name: "add",
        },
      });
    },
    // 查看
    viewRow({ row }) {
      this.$router.push({
        name: "edit",
        params: {
          name: "view",
          id: row.id,
          status: row.status
        },
      });
      console.log("查看：", row);
    },
    // 编辑
    editRow({ row }) {
      this.$router.push({
        name: "edit",
        params: {
          name: "edit",
          id: row.id,
        },
      });
    },
    // 删除
    deleteRow({ row }) {
      this.$confirm("是否确认删除？", "提示", {
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        type: "warning",
        center: true,
      }).then(() => {
          console.log("删除：", row);
          this.msgSuccess("删除成功!");
        }).catch(() => {});
    },
  },
};
</script>
<style lang="scss" scoped></style>