101 lines
2.4 KiB
Vue
101 lines
2.4 KiB
Vue
<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: "School",
|
|
});
|
|
|
|
onMounted(() => {});
|
|
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: [
|
|
{
|
|
// 操作按钮
|
|
topBtn: false, // 是头部按钮
|
|
label: "修改",
|
|
btnType: "edit", // 按钮类型 add edit del custom
|
|
},
|
|
{
|
|
topBtn: true, // 头部按钮
|
|
label: "新增学校",
|
|
btnType: "custom", // 按钮类型 add edit del custom
|
|
btnStyle: "success", // topBtn: true才生效 success danger
|
|
custom: {
|
|
// 按钮类型 custom 专用
|
|
title: "新增学校", // 弹出框title
|
|
src: "school/SchoolEdit", // 组件路径
|
|
width: "550px", // 弹框宽度
|
|
height: "300px", // 弹框高度
|
|
},
|
|
},
|
|
],
|
|
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 ref="table" :tableConfig="tableData" />
|
|
</div>
|
|
</template>
|