Learn.Archives.Web/src/views/exam/classExam.vue

117 lines
2.9 KiB
Vue

<script setup lang="ts">
import ahTable from "@/components/hTable/index.vue";
import { ConditionalType, TableConfig } from "@/components/hTable/hTable";
import { onMounted, ref } from "vue";
import { fa } from "element-plus/es/locales.mjs";
import { hTableAPI } from "@/api/hTable";
import { getenum } from "@/api/enum";
import { ruleRequired, ruleRequiredNumber } from "@/utils/rules";
const ControllerName = "ExamClassInfo";
defineOptions({
name: "ClassExam"
});
const props = defineProps<{
data: any;
}>();
function searchCallback(data) {}
const table = ref<{ initTable: (config: TableConfig) => void }>();
const tableData: TableConfig = {
apiUrl: ControllerName,
selectColumn: false, // 列表选择
border: false, // 是否显示表格边框
searchCallback: searchCallback,
search: {
// 查询条件
show: true,
PageIndex: 0,
PageSize: 20,
OrderBy: "Id", // 排序
defaultConditions: [], // 默认查询条件
Conditions: []
},
operationColumn: true, // 显示操作按钮
operationColumnData: [
{
topBtn: false, // 头部按钮
show: true,
label: "学生成绩详情",
btnType: "custom",
btnStyle: "primary",
custom: {
title: "考试学生班级详情", // 弹出框title
src: "exam/userDetails", // 组件路径
width: "1600px", // 弹框宽度
height: "800px" // 弹框高度
}
}
],
column: {
// 行数据
schoolName: {
label: "学校",
search: true,
searchType: ConditionalType.Like, // 搜索类型
add: false, // 字段允许添加
edit: false, // 字段允许修改
width: "180px"
},
grade: {
label: "年级",
width: "100px",
custom: s => `${s.gradeYear}${s.gradeLevel}`,
search: true,
add: false, // 字段允许添加
edit: false // 字段允许修改
},
className: {
label: "班级",
width: "150px",
search: true,
searchType: ConditionalType.Like, // 搜索类型
add: false, // 字段允许添加
edit: false // 字段允许修改
},
peopleCount: {
label: "参考人数",
width: "100px",
search: false,
add: false, // 字段允许添加
edit: false // 字段允许修改
},
entryPerson: {
label: "录入人",
width: "200px",
search: true,
add: false, // 字段允许添加
edit: false // 字段允许修改
},
createTime: {
label: "录入时间",
width: "200px",
search: true,
add: false, // 字段允许添加
edit: false // 字段允许修改
}
},
data: [],
pageData: {
total: 0
},
selectRows: []
};
const showTable = ref(false);
onMounted(async () => {
//初始化数据原
showTable.value = true;
});
</script>
<template>
<div><ahTable v-if="showTable" ref="table" :tableConfig="tableData" /></div>
</template>