<template>
  <div>
    <YaPageContent
      :tableData="tableData"
      :tableColumns="tableColumn"
      searchLabelWidth="100px"
      :currentPage="page"
      :pageSize="size"
      :total="total"
      @sizeChange="sizeChange"
      @selectionChange="handleSelect"
      @currentChange="currentChange"
      :leftButtons="buttons"
      :rightButtons="rightButtons"
      @tableBtnClick="tableBtnClick"
    ></YaPageContent>
  </div>
</template>
<script lang="ts" setup>
import { ref, reactive, onMounted, watch, nextTick } from "vue";
import { ElMessage, ElMessageBox } from "element-plus";
const tableData = ref([]);
const tableColumn: any[] = [
  {
    type: "selection",
    width: "65px",
    fixed: "left",
  },
  {
    prop: "name",
    label: "系统名称",
    minWidth: "180px",
  },
  {
    prop: "name",
    label: "弹性公网IP",
    minWidth: "180px",
  },
  {
    prop: "typeName",
    label: "所属组",
    minWidth: "180px",
  },
  {
    prop: "nextTime",
    label: "项目类型",
    minWidth: "200px",
  },
  {
    prop: "gmtCreate",
    label: "负责人",
    minWidth: "200px",
  },
  {
    prop: "gmtCreate",
    label: "联系方式",
    minWidth: "200px",
  },
  {
    prop: "gmtCreate",
    label: "公网暴露面URL",
    minWidth: "200px",
  },
  {
    label: "操作",
    slotName: "deal",
    fixed: "right",
    width: "280px",
  },
];
</script>
<style lang="scss"></style>