<script setup lang="ts">
import ahTable from "@/components/hTable/index.vue";
import {
  ConditionalType,
  intTableData,
  TableColumnSearch,
  TableConfig,
} from "@/components/hTable/hTable";
import { onMounted, ref } from "vue";
import { fa } from "element-plus/es/locales.mjs";
defineOptions({
  name: "SchoolPreview",
});

const showTable = ref(false);
onMounted(() => {
  showTable.value = true;
});
function searchCallback(data) {
  //let c = data.Conditions.find((s) => s.FieldName == "Pname");
}
const table = ref<{ initTable: (config: TableConfig) => void }>(null);
const tableData: TableConfig = intTableData({
  apiUrl: "usercenter/back/schools",
  selectColumn: false, // 列表选择
  border: false, // 是否显示表格边框
  searchCallback: searchCallback,
  search: {
    // 查询条件
    show: true,
    PageIndex: 0,
    PageSize: 20,
    OrderBy: "CreateTime", // 排序
    defaultConditions: [], // 默认查询条件
    Conditions: [],
  },
  operationColumn: true, // 显示操作按钮
  operationColumnData: [],
  column: {
    // 行数据
    id: {
      label: "编号",
      width: "150px",
      search: new TableColumnSearch(true),
    },
    name: {
      label: "学校名称",
      width: "300px",
      search: new TableColumnSearch(true),
      edit: {
        add: true,
        edit: true,
      },
    },
    pname: {
      label: "地区",
      width: "300px",
      custom: (row) => `${row.pname}-${row.cname}-${row.rname}`,
    },
    enable: {
      label: "启用",
      type: "switch",
      custom: (row) => (row.enable ? "启用" : "禁用"),
      search: new TableColumnSearch(true),
      edit: {
        add: true,
        edit: true,
      },
    },
  },
  data: [],
  pageData: {
    total: 0,
  },
  selectRows: [],
});
</script>
<template>
  <div>
    <ahTable v-if="showTable" ref="table" :tableConfig="tableData" />
  </div>
</template>
