785 lines
20 KiB
Vue
785 lines
20 KiB
Vue
<template>
|
|
<div class="app-container" style="padding: 5px">
|
|
<div class="search-container" style="padding-top: 5px">
|
|
<!-- 搜索项目 -->
|
|
<el-form :inline="true" :model="search">
|
|
<el-form-item>
|
|
<el-input v-model="search.searchStr" placeholder="姓名/账号/学号" />
|
|
</el-form-item>
|
|
|
|
<el-form-item>
|
|
<el-select
|
|
v-model="search.schoolId"
|
|
placeholder="学校"
|
|
clearable
|
|
filterable
|
|
@change="schoolChange"
|
|
>
|
|
<el-option
|
|
v-for="item in schoolList"
|
|
:key="item.value"
|
|
:label="item.text"
|
|
:value="item.value"
|
|
>
|
|
</el-option>
|
|
</el-select>
|
|
</el-form-item>
|
|
|
|
<el-form-item v-show="search.schoolId != 0" style="width: 100px">
|
|
<el-select
|
|
v-model="search.grade"
|
|
placeholder="年级"
|
|
clearable
|
|
filterable
|
|
@change="gradeChange"
|
|
>
|
|
<el-option
|
|
v-for="item in gradeList"
|
|
:key="item.value"
|
|
:label="item.text"
|
|
:value="item.value"
|
|
>
|
|
</el-option>
|
|
</el-select>
|
|
</el-form-item>
|
|
|
|
<el-form-item style="width: 100px" v-show="search.schoolId != 0">
|
|
<el-select v-model="search.classId" placeholder="班级" clearable filterable>
|
|
<el-option
|
|
v-for="item in classList"
|
|
:key="item.value"
|
|
:label="item.text"
|
|
:value="item.value"
|
|
>
|
|
</el-option>
|
|
</el-select>
|
|
</el-form-item>
|
|
|
|
<el-form-item>
|
|
<el-button type="primary" @click="handleReloadPaged" :icon="Search"
|
|
>查询</el-button
|
|
>
|
|
|
|
<el-button type="default" @click="searchReload">重置</el-button>
|
|
</el-form-item>
|
|
</el-form>
|
|
</div>
|
|
<div class="toolbar-container" v-show="!selectUser">
|
|
<!-- 按钮组 -->
|
|
<el-button type="success" @click="importData">导入用户</el-button>
|
|
<el-button type="default" @click="downLoadImportUsersTemplate"
|
|
>下载学生模板</el-button
|
|
>
|
|
<!-- <el-button title="根据当前筛选条件导出" type="primary" @click="exportUser"
|
|
>导出用户</el-button
|
|
> -->
|
|
</div>
|
|
<div class="toolbar-container" v-show="!selectUser">
|
|
<!-- 按钮组 -->
|
|
<el-button type="success" @click="AddDialog" plain>新增</el-button>
|
|
</div>
|
|
<el-table
|
|
@row-dblclick="setCurrent"
|
|
@row-click="selectUserClick"
|
|
ref="selectUserTable"
|
|
:data="table.data"
|
|
@selection-change="handleSelectionChange"
|
|
style="width: 100%"
|
|
:max-height="maxTableHeight"
|
|
>
|
|
<!-- <el-table-column type="selection" width="40" /> -->
|
|
<el-table-column label="操作" width="100">
|
|
<template #default="scope">
|
|
<el-button text type="primary" @click="EditDialog(scope.row)" plain
|
|
>修改</el-button
|
|
>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column label="学生信息" width="450">
|
|
<template #default="scope">
|
|
<el-tooltip :content="`id ` + scope.row.id" placement="top" effect="light">
|
|
<div>
|
|
<span :tips="scope.row.id">{{ scope.row.realName }}</span>
|
|
<div
|
|
class="inline-block"
|
|
v-for="(position, index) in scope.row.positions"
|
|
:key="'Position' + index"
|
|
v-show="index < 3 || (index >= 3 && showAllPosition.includes(scope.row))"
|
|
>
|
|
<div class="subjectTagEnableDiv">
|
|
<el-tag v-if="position.enable === false" type="info">已禁用</el-tag>
|
|
<el-tag>{{ position.schoolName || "-" }}</el-tag>
|
|
<el-tag type="warning">{{
|
|
position.graduationYear ? position.graduationYear + "届" : "-"
|
|
}}</el-tag>
|
|
<el-tag type="success">{{ position.grade || "-" }}</el-tag>
|
|
<el-tag type="primary" class="classTag">{{
|
|
position.className || "-"
|
|
}}</el-tag>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</el-tooltip>
|
|
</template>
|
|
</el-table-column>
|
|
|
|
<el-table-column prop="phone" label="家长电话" width="150" />
|
|
<el-table-column prop="gkSubject" label="选修" width="140" />
|
|
<el-table-column prop="joinTime" label="入班时间" width="100" />
|
|
<el-table-column prop="exitTime" label="退出时间" width="100" />
|
|
<el-table-column label="减免情况(元)" width="230">
|
|
<template #default="scope">
|
|
<span v-if="!scope.row.reliefApplication">未申请</span>
|
|
<span v-else
|
|
>{{ scope.row.reliefSubTime }} {{ scope.row.amountRelief }}
|
|
{{ scope.row.reliefType }}
|
|
</span>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column label="状态">
|
|
<template #default="scope">
|
|
<span v-if="scope.row.status == 0">未录入</span>
|
|
<span v-else-if="scope.row.status == 1">就读</span>
|
|
<span v-else>退出</span>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column prop="remark" label="备注" />
|
|
</el-table>
|
|
<el-pagination
|
|
style="display: flex; justify-content: center; padding-top: 10px"
|
|
@size-change="pageSizeChange"
|
|
@current-change="pageIndexChange"
|
|
:current-page="pagination.now"
|
|
:page-sizes="[10, 20, 40, 80, 100]"
|
|
:page-size="pagination.size"
|
|
layout="prev, pager, next,sizes, total"
|
|
:total="pagination.total"
|
|
/>
|
|
<div class="dialog-container">
|
|
<el-dialog
|
|
v-if="dialog.update.visible"
|
|
ref="UserEditFromDialog"
|
|
:title="dialog.update.title"
|
|
v-model="dialog.update.visible"
|
|
:width="dialog.update.width"
|
|
:close-on-click-modal="dialog.close"
|
|
:close-on-press-escape="dialog.close"
|
|
append-to-body
|
|
>
|
|
<UserForm :id="editId" @handlePagedCallback="handleAddCallback" />
|
|
</el-dialog>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import { ref, reactive, onMounted } from "vue";
|
|
import { ElMessage, ElMessageBox } from "element-plus";
|
|
import type { UploadProps } from "element-plus";
|
|
import UserForm from "./edit.vue";
|
|
|
|
import {
|
|
getSchoolData,
|
|
getClassCombo,
|
|
getSubjectData,
|
|
getPageUserList,
|
|
UserDetail,
|
|
Position,
|
|
} from "@/api/userCenter";
|
|
import { getenum } from "@/api/enum";
|
|
import { hTableAPI } from "@/api/hTable";
|
|
import { text } from "stream/consumers";
|
|
import {
|
|
Check,
|
|
Delete,
|
|
Edit,
|
|
Message,
|
|
ArrowDownBold,
|
|
Search,
|
|
Star,
|
|
} from "@element-plus/icons-vue";
|
|
import { ComboModel } from "@/components/hTable/hTable";
|
|
import { ImportStudent, PageList } from "@/api/student";
|
|
|
|
const classAPI = new hTableAPI("usercenter/back/classes");
|
|
const schoolsAPI = new hTableAPI("usercenter/back/schools");
|
|
|
|
interface SearchParams {
|
|
searchStr: string;
|
|
userType: string | number;
|
|
level: string | number;
|
|
schoolId: string | number;
|
|
graduationYear: string | number;
|
|
grade: string;
|
|
classId: string | number;
|
|
subjectId: string | number;
|
|
positionId: string | number;
|
|
}
|
|
|
|
interface TableData {
|
|
data: UserDetail[];
|
|
selectRows: UserDetail[];
|
|
sort: string;
|
|
border: boolean;
|
|
}
|
|
|
|
interface PaginationData {
|
|
index: number;
|
|
size: number;
|
|
now?: number;
|
|
total: number;
|
|
}
|
|
|
|
interface DialogData {
|
|
close: boolean;
|
|
update: {
|
|
title: string;
|
|
visible: boolean;
|
|
width: string;
|
|
};
|
|
editLevel: {
|
|
userIds: number[];
|
|
title: string;
|
|
visible: boolean;
|
|
width: string;
|
|
};
|
|
editSubjectLevel: {
|
|
userIds: number[];
|
|
title: string;
|
|
visible: boolean;
|
|
width: string;
|
|
};
|
|
bindUser: {
|
|
title: string;
|
|
visible: boolean;
|
|
width: string;
|
|
height: string;
|
|
};
|
|
userBindInfo: {
|
|
title: string;
|
|
visible: boolean;
|
|
width: string;
|
|
height: string;
|
|
};
|
|
}
|
|
|
|
const props = defineProps({
|
|
selectUser: {
|
|
type: Boolean,
|
|
default: false,
|
|
},
|
|
selectCallBack: {
|
|
type: Function,
|
|
default: () => {},
|
|
},
|
|
maxTableHeight: {
|
|
type: Number,
|
|
default: 580,
|
|
},
|
|
searchData: {
|
|
type: Object as () => SearchParams,
|
|
default: undefined,
|
|
},
|
|
});
|
|
|
|
const baseUrl = import.meta.env.VITE_APP_BASE_API;
|
|
const excelImportUsersUrl = `${baseUrl}api/back/users/downloadimportusersexceltemplate`;
|
|
const excelImportMeetingUrl = `${baseUrl}api/back/users/downloadimportmeetingexceltemplate`;
|
|
const excelImportOrdersUrl = `${baseUrl}api/back/users/downloadimportordersexceltemplate`;
|
|
|
|
const editId = ref(0);
|
|
const showAllPosition = ref<UserDetail[]>([]);
|
|
const selectUserTable = ref();
|
|
|
|
const search = reactive<SearchParams>({
|
|
searchStr: "",
|
|
userType: "",
|
|
level: "",
|
|
schoolId: "",
|
|
graduationYear: "",
|
|
grade: "",
|
|
classId: "",
|
|
subjectId: "",
|
|
positionId: "",
|
|
});
|
|
|
|
const userTypeList = ref<ComboModel[]>([
|
|
{ value: 1, text: "学生" },
|
|
{ value: 2, text: "教师" },
|
|
{ value: 3, text: "管理员" },
|
|
]);
|
|
|
|
const userLevelList = ref<ComboModel[]>([]);
|
|
const schoolList = ref<ComboModel[]>([]);
|
|
const gradeList = ref<ComboModel[]>([
|
|
{ value: "初一", text: "初一" },
|
|
{ value: "初二", text: "初二" },
|
|
{ value: "初三", text: "初三" },
|
|
{ value: "高一", text: "高一" },
|
|
{ value: "高二", text: "高二" },
|
|
{ value: "高三", text: "高三" },
|
|
]);
|
|
const classList = ref<ComboModel[]>([]);
|
|
const subjectList = ref<ComboModel[]>([]);
|
|
const positionList = ref<any[]>([]);
|
|
|
|
const table = reactive<TableData>({
|
|
data: [],
|
|
selectRows: [],
|
|
sort: "",
|
|
border: true,
|
|
});
|
|
|
|
const pagination = reactive<PaginationData>({
|
|
index: 1,
|
|
size: 10,
|
|
total: 0,
|
|
});
|
|
|
|
const dialog = reactive<DialogData>({
|
|
close: false,
|
|
update: {
|
|
title: "",
|
|
visible: false,
|
|
width: "800px",
|
|
},
|
|
editLevel: {
|
|
userIds: [],
|
|
title: "",
|
|
visible: false,
|
|
width: "400px",
|
|
},
|
|
editSubjectLevel: {
|
|
userIds: [],
|
|
title: "",
|
|
visible: false,
|
|
width: "450px",
|
|
},
|
|
bindUser: {
|
|
title: "分配权限码",
|
|
visible: false,
|
|
width: "1150px",
|
|
height: "",
|
|
},
|
|
userBindInfo: {
|
|
title: "用户权限码",
|
|
visible: false,
|
|
width: "1150px",
|
|
height: "",
|
|
},
|
|
});
|
|
|
|
const checkUserBindInfo = () => {
|
|
if (table.selectRows.length != 1) {
|
|
ElMessage.warning("请选择一个用户");
|
|
return;
|
|
}
|
|
dialog.userBindInfo.visible = true;
|
|
};
|
|
|
|
const showPosition = (row: UserDetail) => {
|
|
if (showAllPosition.value.includes(row)) {
|
|
showAllPosition.value.splice(showAllPosition.value.indexOf(row), 1);
|
|
} else {
|
|
showAllPosition.value.push(row);
|
|
}
|
|
};
|
|
|
|
const codeBindUser = () => {
|
|
if (table.selectRows.length == 0) {
|
|
ElMessage.warning("请选择需要分配权限的用户");
|
|
return;
|
|
}
|
|
dialog.bindUser.visible = true;
|
|
};
|
|
|
|
const initSearchData = () => {
|
|
if (props.searchData !== undefined) {
|
|
for (const key in props.searchData) {
|
|
search[key] = props.searchData[key];
|
|
}
|
|
}
|
|
};
|
|
|
|
const selectUserClick = (row: UserDetail) => {
|
|
if (props.selectUser) {
|
|
selectUserTable.value.toggleRowSelection(row);
|
|
}
|
|
};
|
|
|
|
const setCurrent = (row: UserDetail) => {
|
|
selectUserTable.value.toggleRowSelection(row);
|
|
};
|
|
|
|
const selectUserCallBack = () => {
|
|
const u = table.selectRows;
|
|
props.selectCallBack(u);
|
|
selectUserTable.value.clearSelection();
|
|
};
|
|
|
|
const exportUser = async () => {
|
|
const data = {
|
|
SearchStr: search.searchStr,
|
|
UserType: search.userType || 0,
|
|
Level: search.level || 0,
|
|
SchoolId: search.schoolId || 0,
|
|
GraduationYear: search.graduationYear || 0,
|
|
Grade: search.grade,
|
|
ClassId: search.classId || 0,
|
|
SubjectId: search.subjectId || 0,
|
|
PositionId: search.positionId || 0,
|
|
PageIndex: pagination.index,
|
|
PageSize: pagination.size,
|
|
};
|
|
|
|
// const res = await exportUserApi(data);
|
|
// if (res.type === "application/json") {
|
|
// const json = await readerBlob(res);
|
|
// if (json !== undefined && json.code !== 200) {
|
|
// ElMessage.error(json.Message);
|
|
// }
|
|
// } else if (res !== undefined && res.size !== 0) {
|
|
// ElMessage.success("导出成功，下载中🕖请稍等");
|
|
// const url = window.URL.createObjectURL(res);
|
|
// const link = document.createElement("a");
|
|
// link.href = url;
|
|
// link.setAttribute("download", "导出用户信息.xlsx");
|
|
// document.body.appendChild(link);
|
|
// link.click();
|
|
// document.body.removeChild(link);
|
|
// } else {
|
|
// ElMessage.warning("导出失败,无有效数据");
|
|
// }
|
|
};
|
|
|
|
const fetchInitData = async () => {
|
|
schoolList.value = (await getSchoolData()).data;
|
|
subjectList.value = (await getenum("SubjectEnum")).data;
|
|
userLevelList.value = (await getenum("StudentLevelEnum")).data;
|
|
userTypeList.value = (await getenum("UserTypeEnum")).data;
|
|
};
|
|
|
|
const userTypeChange = () => {
|
|
search.level = "";
|
|
};
|
|
|
|
const schoolChange = () => {
|
|
search.graduationYear = "";
|
|
search.grade = "";
|
|
search.classId = "";
|
|
search.subjectId = "";
|
|
getClass();
|
|
};
|
|
|
|
const gradeChange = () => {
|
|
search.classId = "";
|
|
search.subjectId = "";
|
|
getClass();
|
|
};
|
|
|
|
const getClass = () => {
|
|
const data = {
|
|
schoolId: search.schoolId || 0,
|
|
graduationYear: search.graduationYear || 0,
|
|
grade: search.grade,
|
|
};
|
|
getClassCombo(data).then((res) => {
|
|
if (res.code === 200) {
|
|
classList.value = res.data;
|
|
}
|
|
});
|
|
};
|
|
|
|
const fetchPagedData = (searchUnUse = false) => {
|
|
const data = {
|
|
SearchStr: search.searchStr,
|
|
UserType: 1, // 只查询学生
|
|
Level: search.level || 0,
|
|
SchoolId: search.schoolId || 0,
|
|
GraduationYear: search.graduationYear || 0,
|
|
Grade: search.grade,
|
|
ClassId: search.classId || 0,
|
|
SubjectId: search.subjectId || 0,
|
|
PositionId: search.positionId || 0,
|
|
PageIndex: pagination.index,
|
|
PageSize: pagination.size,
|
|
UnUsed: searchUnUse,
|
|
};
|
|
PageList(data).then((res) => {
|
|
if (res.code === 200) {
|
|
pagination.total = res.data.total;
|
|
res.data.data.forEach((item) => {
|
|
if (item.positions) {
|
|
item.positions = PositionsSort(item.positions);
|
|
}
|
|
});
|
|
table.data = res.data.data;
|
|
}
|
|
});
|
|
};
|
|
|
|
const handleSelectionChange = (selection: UserDetail[]) => {
|
|
table.selectRows = selection;
|
|
};
|
|
|
|
function searchReload() {
|
|
for (const key in search) {
|
|
search[key] = "";
|
|
}
|
|
}
|
|
const handleDelete = () => {
|
|
// if (table.selectRows.length === 0) {
|
|
// ElMessage.warning("未勾选记录");
|
|
// return;
|
|
// }
|
|
// const ids: number[] = [];
|
|
// table.selectRows.forEach(it => {
|
|
// ids.push(it.Id);
|
|
// });
|
|
// ElMessageBox.confirm("此操作将永久删除勾选记录, 是否继续?", "提示", {
|
|
// confirmButtonText: "确定",
|
|
// cancelButtonText: "取消",
|
|
// type: "warning"
|
|
// }).then(() => {
|
|
// delUser(ids).then(res => {
|
|
// if (res.code === 200) {
|
|
// handleReloadPaged();
|
|
// ElMessage.success("删除成功");
|
|
// } else {
|
|
// ElMessage.error(res.Message);
|
|
// }
|
|
// });
|
|
// });
|
|
};
|
|
|
|
const handleRestPass = async () => {
|
|
// if (table.selectRows.length === 0) {
|
|
// ElMessage.warning("未勾选记录");
|
|
// } else {
|
|
// const ids: number[] = [];
|
|
// table.selectRows.forEach(it => {
|
|
// ids.push(it.Id);
|
|
// });
|
|
// try {
|
|
// await ElMessageBox.confirm("是否需要重置选中用户的密码?", "提示", {
|
|
// confirmButtonText: "确定",
|
|
// cancelButtonText: "取消",
|
|
// type: "warning"
|
|
// });
|
|
// const res = await restUserPass(ids);
|
|
// if (res.code === 200) {
|
|
// ElMessage.success("重置成功");
|
|
// } else {
|
|
// ElMessage.error("重置失败");
|
|
// }
|
|
// } catch (error) {
|
|
// // User cancelled
|
|
// }
|
|
// }
|
|
};
|
|
|
|
const getUserTypeTag = (type: number) => {
|
|
return type === 1 ? "info" : "warning";
|
|
};
|
|
|
|
const getUserLevelTag = (level: number) => {
|
|
return level === 0
|
|
? "info"
|
|
: level === 1
|
|
? "success"
|
|
: level === 2
|
|
? "warning"
|
|
: "error";
|
|
};
|
|
|
|
const getUserLevelText = (level: number) => {
|
|
const r = userLevelList.value.filter((w) => w.value === level);
|
|
if (r.length > 0) {
|
|
return r[0].text;
|
|
}
|
|
return "";
|
|
};
|
|
|
|
const PositionsSort = (arr: Position[]) => {
|
|
arr.sort((a, b) => {
|
|
if (a.enable === b.enable) {
|
|
return 0;
|
|
} else if (a.enable) {
|
|
return -1;
|
|
} else {
|
|
return 1;
|
|
}
|
|
});
|
|
return arr;
|
|
};
|
|
|
|
const handleReloadPaged = (event?: any, searchUnUse?: boolean) => {
|
|
pagination.index = 1;
|
|
table.selectRows = [];
|
|
fetchPagedData(searchUnUse);
|
|
};
|
|
|
|
function pageSizeChange(o) {
|
|
pagination.size = o;
|
|
fetchPagedData();
|
|
}
|
|
function pageIndexChange(o) {
|
|
pagination.index = o - 1;
|
|
fetchPagedData();
|
|
}
|
|
|
|
const AddDialog = () => {
|
|
editId.value = 0;
|
|
dialog.update.title = "添加用户";
|
|
dialog.update.visible = true;
|
|
};
|
|
|
|
const EditDialog = (row?) => {
|
|
if (row == null && table.selectRows.length !== 1) {
|
|
ElMessage.warning("请选择要修改用户");
|
|
return;
|
|
}
|
|
dialog.update.title = "修改用户";
|
|
editId.value = row != null ? row.id : table.selectRows[0].id;
|
|
dialog.update.visible = true;
|
|
};
|
|
|
|
const handleAddCallback = () => {
|
|
dialog.update.visible = false;
|
|
handleReloadPaged();
|
|
};
|
|
|
|
const handleEditLevel = () => {
|
|
if (table.selectRows.length === 0) {
|
|
ElMessage.warning("请选择要修改用户");
|
|
return;
|
|
}
|
|
dialog.editLevel.title = "修改学生层次";
|
|
dialog.editLevel.userIds = table.selectRows.map((w) => w.id);
|
|
dialog.editLevel.visible = true;
|
|
};
|
|
|
|
const handleEditLevelCallback = () => {
|
|
dialog.editLevel.visible = false;
|
|
handleReloadPaged();
|
|
};
|
|
|
|
const handleEditSubjectLevel = () => {
|
|
if (table.selectRows.length === 0) {
|
|
ElMessage.warning("请选择要修改用户");
|
|
return;
|
|
}
|
|
dialog.editSubjectLevel.title = "修改学生科目层次";
|
|
dialog.editSubjectLevel.userIds = table.selectRows.map((w) => w.id);
|
|
dialog.editSubjectLevel.visible = true;
|
|
};
|
|
|
|
const handleEditSubjectLevelCallback = () => {
|
|
dialog.editSubjectLevel.visible = false;
|
|
handleReloadPaged();
|
|
};
|
|
|
|
const importData = () => {
|
|
console.log("批量导入");
|
|
|
|
let fileE = document.createElement("input");
|
|
fileE.type = "file";
|
|
var formData = new window.FormData();
|
|
fileE.onchange = async function () {
|
|
formData.append("file", fileE.files[0]);
|
|
let res = await ImportStudent(fileE.files[0]);
|
|
if (res.code != undefined) {
|
|
if (res.code !== 200) return ElMessage.error(res.message);
|
|
else return ElMessage.success("所有数据录入成功");
|
|
} else if (res.type === "application/json") {
|
|
let json = await res.text();
|
|
if (json !== undefined && json.Code !== 200) {
|
|
return ElMessage.error(json.Message);
|
|
} else {
|
|
return ElMessage.success("操所有数据录入成功作成功");
|
|
}
|
|
} else if (res === undefined || res.size === 0)
|
|
return ElMessage.success("所有数据录入成功");
|
|
const url = res && window.URL.createObjectURL(res);
|
|
const link = document.createElement("a");
|
|
link.href = url;
|
|
link.setAttribute("download", "未成功导入的考试信息数据" + ".xlsx");
|
|
document.body.appendChild(link);
|
|
link.click();
|
|
document.body.removeChild(link);
|
|
ElMessage.success("导入失败,已导出错误数据");
|
|
};
|
|
try {
|
|
fileE.click();
|
|
} catch (error) {}
|
|
};
|
|
|
|
const readerBlob = (data: Blob): Promise<any> => {
|
|
return new Promise((resolve) => {
|
|
const reader = new FileReader();
|
|
reader.readAsText(data, "utf-8");
|
|
reader.onload = function () {
|
|
const dd = JSON.parse(reader.result as string);
|
|
resolve(dd);
|
|
};
|
|
});
|
|
};
|
|
|
|
const downLoadImportUsersTemplate = () => {
|
|
let impUrl = import.meta.env.VITE_API_BASEURL + "/Student/DwImportTemplate";
|
|
window.open(impUrl, "_blank");
|
|
};
|
|
|
|
onMounted(async () => {
|
|
await initSearchData();
|
|
await fetchInitData();
|
|
fetchPagedData();
|
|
});
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
.userTagRowItop {
|
|
transform: rotate(180deg) !important;
|
|
}
|
|
|
|
.userTagRow i {
|
|
padding-top: 3px;
|
|
transform: rotate(0deg);
|
|
font-size: 1.3rem;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.userTagRow {
|
|
display: flex;
|
|
flex-direction: column;
|
|
flex-wrap: nowrap;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
.subjectTagEnableDiv {
|
|
display: flex;
|
|
padding: 3px;
|
|
gap: 5px;
|
|
}
|
|
.classTag {
|
|
color: #a3bf08 !important;
|
|
background-color: #f4fbd1 !important;
|
|
border-color: #f4fbd1 !important;
|
|
}
|
|
|
|
.subjectTag {
|
|
color: #eb0de4 !important;
|
|
background-color: #fbd9ff !important;
|
|
border-color: #fbd9ff !important;
|
|
}
|
|
|
|
.subjectlevel_ul {
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style: none;
|
|
}
|
|
.toolbar-container {
|
|
margin-bottom: 5px;
|
|
}
|
|
</style>
|