解决构建报错问题
This commit is contained in:
@@ -284,7 +284,6 @@ import { downBlobFile, adaptationUrl } from "/@/utils/other";
|
|||||||
import TableColumnControl from '/@/components/TableColumnControl/index.vue'
|
import TableColumnControl from '/@/components/TableColumnControl/index.vue'
|
||||||
import { List, OfficeBuilding, Grid, Document, UserFilled, Phone, User, Lock, CircleCheck, TrendCharts, Setting, Menu, Search } from '@element-plus/icons-vue'
|
import { List, OfficeBuilding, Grid, Document, UserFilled, Phone, User, Lock, CircleCheck, TrendCharts, Setting, Menu, Search } from '@element-plus/icons-vue'
|
||||||
import { useTableColumnControl } from '/@/hooks/tableColumn'
|
import { useTableColumnControl } from '/@/hooks/tableColumn'
|
||||||
import '/@/styles/modern-page.scss'
|
|
||||||
import { defineAsyncComponent as defineStatusTag } from 'vue'
|
import { defineAsyncComponent as defineStatusTag } from 'vue'
|
||||||
const StatusTag = defineStatusTag(() => import('/@/components/StatusTag/index.vue'))
|
const StatusTag = defineStatusTag(() => import('/@/components/StatusTag/index.vue'))
|
||||||
|
|
||||||
@@ -529,3 +528,7 @@ onMounted(() => {
|
|||||||
getClassListData()
|
getClassListData()
|
||||||
})
|
})
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
<style scoped lang="scss">
|
||||||
|
@import '/@/assets/styles/modern-page.scss';
|
||||||
|
</style>
|
||||||
|
|||||||
@@ -139,7 +139,7 @@
|
|||||||
<el-button icon="Refresh" @click="handleReset">重置</el-button>
|
<el-button icon="Refresh" @click="handleReset">重置</el-button>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-form>
|
</el-form>
|
||||||
</el-row>
|
</el-card>
|
||||||
|
|
||||||
<!-- 操作按钮 -->
|
<!-- 操作按钮 -->
|
||||||
<el-row>
|
<el-row>
|
||||||
|
|||||||
@@ -139,7 +139,6 @@ import { getClassListByRole } from "/@/api/basic/basicclass";
|
|||||||
import TableColumnControl from '/@/components/TableColumnControl/index.vue'
|
import TableColumnControl from '/@/components/TableColumnControl/index.vue'
|
||||||
import { Picture, List, Document, UserFilled, Grid, Menu, Search } from '@element-plus/icons-vue'
|
import { Picture, List, Document, UserFilled, Grid, Menu, Search } from '@element-plus/icons-vue'
|
||||||
import { useTableColumnControl } from '/@/hooks/tableColumn'
|
import { useTableColumnControl } from '/@/hooks/tableColumn'
|
||||||
import '/@/styles/modern-page.scss'
|
|
||||||
|
|
||||||
// 定义变量内容
|
// 定义变量内容
|
||||||
const route = useRoute()
|
const route = useRoute()
|
||||||
@@ -256,6 +255,8 @@ onMounted(() => {
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
|
@import '/@/assets/styles/modern-page.scss';
|
||||||
|
|
||||||
.image-slot {
|
.image-slot {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
|
|||||||
@@ -244,7 +244,6 @@ import TableColumnControl from '/@/components/TableColumnControl/index.vue'
|
|||||||
import FormDialog from './form.vue'
|
import FormDialog from './form.vue'
|
||||||
import { List, OfficeBuilding, Calendar, CircleCheck, Clock, Grid, Document, User, Setting, Menu, Search, EditPen } from '@element-plus/icons-vue'
|
import { List, OfficeBuilding, Calendar, CircleCheck, Clock, Grid, Document, User, Setting, Menu, Search, EditPen } from '@element-plus/icons-vue'
|
||||||
import { useTableColumnControl } from '/@/hooks/tableColumn'
|
import { useTableColumnControl } from '/@/hooks/tableColumn'
|
||||||
import '/@/styles/modern-page.scss'
|
|
||||||
|
|
||||||
// 定义变量内容
|
// 定义变量内容
|
||||||
const route = useRoute()
|
const route = useRoute()
|
||||||
@@ -473,6 +472,8 @@ onMounted(() => {
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped lang="scss">
|
<style scoped lang="scss">
|
||||||
|
@import '/@/assets/styles/modern-page.scss';
|
||||||
|
|
||||||
.classplan-container {
|
.classplan-container {
|
||||||
padding: 20px;
|
padding: 20px;
|
||||||
background: #f5f7fa;
|
background: #f5f7fa;
|
||||||
|
|||||||
@@ -7,8 +7,7 @@
|
|||||||
<div class="card-header">
|
<div class="card-header">
|
||||||
<span class="card-title">
|
<span class="card-title">
|
||||||
<el-icon class="title-icon"><Search /></el-icon>
|
<el-icon class="title-icon"><Search /></el-icon>
|
||||||
筛选条件
|
筛选条件 </span>
|
||||||
</span>
|
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<el-form :model="searchForm" ref="searchFormRef" :inline="true" @keyup.enter="handleSearch" class="search-form">
|
<el-form :model="searchForm" ref="searchFormRef" :inline="true" @keyup.enter="handleSearch" class="search-form">
|
||||||
@@ -260,7 +259,7 @@
|
|||||||
<template #footer>
|
<template #footer>
|
||||||
<span class="dialog-footer">
|
<span class="dialog-footer">
|
||||||
<el-button @click="checkDialogVisible = false">取消</el-button>
|
<el-button @click="checkDialogVisible = false">取消</el-button>
|
||||||
<el-button type="primary" @click="confirmCheck">确 认</el-button>
|
<el-button type="primary" @click="confirmCheck">确定</el-button>
|
||||||
</span>
|
</span>
|
||||||
</template>
|
</template>
|
||||||
</el-dialog>
|
</el-dialog>
|
||||||
@@ -284,7 +283,7 @@ import type { TableInstance } from 'element-plus'
|
|||||||
const UploadExcel = defineAsyncComponent(() => import('/@/components/Upload/Excel.vue'));
|
const UploadExcel = defineAsyncComponent(() => import('/@/components/Upload/Excel.vue'));
|
||||||
import { List, Calendar, Clock, OfficeBuilding, Grid, UserFilled, Location, DataAnalysis, Document, Setting, Menu, Search } from '@element-plus/icons-vue'
|
import { List, Calendar, Clock, OfficeBuilding, Grid, UserFilled, Location, DataAnalysis, Document, Setting, Menu, Search } from '@element-plus/icons-vue'
|
||||||
import { useTableColumnControl } from '/@/hooks/tableColumn'
|
import { useTableColumnControl } from '/@/hooks/tableColumn'
|
||||||
import '/@/styles/modern-page.scss'
|
|
||||||
|
|
||||||
// 定义变量内容
|
// 定义变量内容
|
||||||
const route = useRoute()
|
const route = useRoute()
|
||||||
@@ -311,7 +310,7 @@ const tableColumns = [
|
|||||||
{ prop: 'classNo', label: '班号' },
|
{ prop: 'classNo', label: '班号' },
|
||||||
{ prop: 'classMasterName', label: '班主任' },
|
{ prop: 'classMasterName', label: '班主任' },
|
||||||
{ prop: 'buildingNo', label: '教学楼号' },
|
{ prop: 'buildingNo', label: '教学楼号' },
|
||||||
{ prop: 'position', label: '教室号' },
|
{ prop: 'position', label: '教室位置' },
|
||||||
{ prop: 'score', label: '评分' },
|
{ prop: 'score', label: '评分' },
|
||||||
{ prop: 'note', label: '检查记录' },
|
{ prop: 'note', label: '检查记录' },
|
||||||
{ prop: 'month', label: '月份' },
|
{ prop: 'month', label: '月份' },
|
||||||
@@ -367,7 +366,7 @@ const columnConfigMap: Record<string, any> = {
|
|||||||
},
|
},
|
||||||
position: {
|
position: {
|
||||||
prop: 'position',
|
prop: 'position',
|
||||||
label: '教室号',
|
label: '教室位置',
|
||||||
icon: Location,
|
icon: Location,
|
||||||
template: null
|
template: null
|
||||||
},
|
},
|
||||||
@@ -585,3 +584,7 @@ onMounted(() => {
|
|||||||
getSchoolTermDict()
|
getSchoolTermDict()
|
||||||
})
|
})
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
<style scoped lang="scss">
|
||||||
|
@import '/@/assets/styles/modern-page.scss';
|
||||||
|
</style>
|
||||||
|
|||||||
@@ -239,6 +239,7 @@
|
|||||||
</el-tag>
|
</el-tag>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
|
</template>
|
||||||
<el-table-column label="操作" width="200" align="center" fixed="right">
|
<el-table-column label="操作" width="200" align="center" fixed="right">
|
||||||
<template #header>
|
<template #header>
|
||||||
<el-icon><Setting /></el-icon>
|
<el-icon><Setting /></el-icon>
|
||||||
|
|||||||
@@ -60,7 +60,7 @@
|
|||||||
show-overflow-tooltip
|
show-overflow-tooltip
|
||||||
align="center">
|
align="center">
|
||||||
<template #header>
|
<template #header>
|
||||||
<el-icon><component :is="columnConfigMap[col.prop]?.icon || Calendar" /></el-icon>
|
<el-icon><component :is="columnConfigMap[col.prop || '']?.icon || Calendar" /></el-icon>
|
||||||
<span style="margin-left: 4px">{{ col.label }}</span>
|
<span style="margin-left: 4px">{{ col.label }}</span>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
@@ -102,8 +102,8 @@ import { fetchList, delObjs } from "/@/api/stuwork/dormbuildingmanger";
|
|||||||
import { useMessage, useMessageBox } from "/@/hooks/message";
|
import { useMessage, useMessageBox } from "/@/hooks/message";
|
||||||
import TableColumnControl from '/@/components/TableColumnControl/index.vue'
|
import TableColumnControl from '/@/components/TableColumnControl/index.vue'
|
||||||
import { List, OfficeBuilding, CreditCard, UserFilled, Setting, Menu, Calendar, Document } from '@element-plus/icons-vue'
|
import { List, OfficeBuilding, CreditCard, UserFilled, Setting, Menu, Calendar, Document } from '@element-plus/icons-vue'
|
||||||
import { useTableColumnControl } from '/@/hooks/tableColumnControl'
|
import { useTableColumnControl } from '/@/hooks/tableColumn'
|
||||||
import '/@/styles/modern-page.scss'
|
|
||||||
|
|
||||||
// 定义变量内容
|
// 定义变量内容
|
||||||
const route = useRoute()
|
const route = useRoute()
|
||||||
@@ -130,7 +130,7 @@ const {
|
|||||||
checkColumnVisible,
|
checkColumnVisible,
|
||||||
handleColumnChange,
|
handleColumnChange,
|
||||||
handleColumnOrderChange
|
handleColumnOrderChange
|
||||||
} = useTableColumnControl(tableColumns, route.path)
|
} = useTableColumnControl(tableColumns)
|
||||||
|
|
||||||
// 配置 useTable
|
// 配置 useTable
|
||||||
const state: BasicTableProps = reactive<BasicTableProps>({
|
const state: BasicTableProps = reactive<BasicTableProps>({
|
||||||
@@ -168,11 +168,11 @@ const handleDelete = async (row: any) => {
|
|||||||
|
|
||||||
// 初始化
|
// 初始化
|
||||||
onMounted(() => {
|
onMounted(() => {
|
||||||
nextTick(() => {
|
// 初始化时不需要额外操作,useTableColumnControl 会自动处理
|
||||||
if (visibleColumns.value.length === 0) {
|
|
||||||
loadSavedConfig()
|
|
||||||
}
|
|
||||||
})
|
|
||||||
})
|
})
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
<style scoped lang="scss">
|
||||||
|
@import '/@/assets/styles/modern-page.scss';
|
||||||
|
</style>
|
||||||
|
|
||||||
|
|||||||
@@ -187,6 +187,7 @@
|
|||||||
<span>{{ formatAuditStatus(scope.row.auditStatus) }}</span>
|
<span>{{ formatAuditStatus(scope.row.auditStatus) }}</span>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
|
</template>
|
||||||
<el-table-column label="操作" width="150" align="center" fixed="right">
|
<el-table-column label="操作" width="150" align="center" fixed="right">
|
||||||
<template #header>
|
<template #header>
|
||||||
<el-icon><Setting /></el-icon>
|
<el-icon><Setting /></el-icon>
|
||||||
|
|||||||
@@ -133,7 +133,7 @@
|
|||||||
show-overflow-tooltip
|
show-overflow-tooltip
|
||||||
align="center">
|
align="center">
|
||||||
<template #header>
|
<template #header>
|
||||||
<el-icon><component :is="columnConfigMap[col.prop]?.icon || Calendar" /></el-icon>
|
<el-icon><component :is="columnConfigMap[col.prop || '']?.icon || Calendar" /></el-icon>
|
||||||
<span style="margin-left: 4px">{{ col.label }}</span>
|
<span style="margin-left: 4px">{{ col.label }}</span>
|
||||||
</template>
|
</template>
|
||||||
<!-- 整改时间列特殊模板-->
|
<!-- 整改时间列特殊模板-->
|
||||||
@@ -226,7 +226,7 @@ import TableColumnControl from '/@/components/TableColumnControl/index.vue'
|
|||||||
const FormDialog = defineAsyncComponent(() => import('./form.vue'));
|
const FormDialog = defineAsyncComponent(() => import('./form.vue'));
|
||||||
import { List, OfficeBuilding, Grid, House, Calendar, Document, CircleCheck, EditPen, Setting, Menu, Search } from '@element-plus/icons-vue'
|
import { List, OfficeBuilding, Grid, House, Calendar, Document, CircleCheck, EditPen, Setting, Menu, Search } from '@element-plus/icons-vue'
|
||||||
import { useTableColumnControl } from '/@/hooks/tableColumnControl'
|
import { useTableColumnControl } from '/@/hooks/tableColumnControl'
|
||||||
import '/@/styles/modern-page.scss'
|
|
||||||
import { defineAsyncComponent as defineStatusTag } from 'vue'
|
import { defineAsyncComponent as defineStatusTag } from 'vue'
|
||||||
const StatusTag = defineStatusTag(() => import('/@/components/StatusTag/index.vue'))
|
const StatusTag = defineStatusTag(() => import('/@/components/StatusTag/index.vue'))
|
||||||
|
|
||||||
@@ -269,7 +269,7 @@ const {
|
|||||||
checkColumnVisible,
|
checkColumnVisible,
|
||||||
handleColumnChange,
|
handleColumnChange,
|
||||||
handleColumnOrderChange
|
handleColumnOrderChange
|
||||||
} = useTableColumnControl(tableColumns, route.path)
|
} = useTableColumnControl(tableColumns)
|
||||||
|
|
||||||
// 搜索表单
|
// 搜索表单
|
||||||
const searchForm = reactive({
|
const searchForm = reactive({
|
||||||
@@ -452,3 +452,7 @@ onMounted(() => {
|
|||||||
})
|
})
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
<style scoped lang="scss">
|
||||||
|
@import '/@/assets/styles/modern-page.scss';
|
||||||
|
</style>
|
||||||
|
|
||||||
|
|||||||
@@ -159,7 +159,7 @@
|
|||||||
show-overflow-tooltip
|
show-overflow-tooltip
|
||||||
align="center">
|
align="center">
|
||||||
<template #header>
|
<template #header>
|
||||||
<el-icon><component :is="columnConfigMap[col.prop]?.icon || Calendar" /></el-icon>
|
<el-icon><component :is="columnConfigMap[col.prop || '']?.icon || Calendar" /></el-icon>
|
||||||
<span style="margin-left: 4px">{{ col.label }}</span>
|
<span style="margin-left: 4px">{{ col.label }}</span>
|
||||||
</template>
|
</template>
|
||||||
<!-- 几人间列特殊模板 -->
|
<!-- 几人间列特殊模板 -->
|
||||||
@@ -240,7 +240,7 @@
|
|||||||
<template #footer>
|
<template #footer>
|
||||||
<span class="dialog-footer">
|
<span class="dialog-footer">
|
||||||
<el-button @click="deptAssignDialogVisible = false">取消</el-button>
|
<el-button @click="deptAssignDialogVisible = false">取消</el-button>
|
||||||
<el-button type="primary" @click="confirmDeptAssign" :loading="deptAssignLoading">确 认</el-button>
|
<el-button type="primary" @click="confirmDeptAssign" :loading="deptAssignLoading">确定</el-button>
|
||||||
</span>
|
</span>
|
||||||
</template>
|
</template>
|
||||||
</el-dialog>
|
</el-dialog>
|
||||||
@@ -262,8 +262,8 @@ import TableColumnControl from '/@/components/TableColumnControl/index.vue'
|
|||||||
// 引入组件
|
// 引入组件
|
||||||
const FormDialog = defineAsyncComponent(() => import('./form.vue'));
|
const FormDialog = defineAsyncComponent(() => import('./form.vue'));
|
||||||
import { List, OfficeBuilding, House, UserFilled, EditPen, Setting, Menu, Calendar, Search, Document } from '@element-plus/icons-vue'
|
import { List, OfficeBuilding, House, UserFilled, EditPen, Setting, Menu, Calendar, Search, Document } from '@element-plus/icons-vue'
|
||||||
import { useTableColumnControl } from '/@/hooks/tableColumnControl'
|
import { useTableColumnControl } from '/@/hooks/tableColumn'
|
||||||
import '/@/styles/modern-page.scss'
|
|
||||||
|
|
||||||
// 定义变量内容
|
// 定义变量内容
|
||||||
const route = useRoute()
|
const route = useRoute()
|
||||||
@@ -297,7 +297,7 @@ const {
|
|||||||
checkColumnVisible,
|
checkColumnVisible,
|
||||||
handleColumnChange,
|
handleColumnChange,
|
||||||
handleColumnOrderChange
|
handleColumnOrderChange
|
||||||
} = useTableColumnControl(tableColumns, route.path)
|
} = useTableColumnControl(tableColumns)
|
||||||
const searchFormRef = ref()
|
const searchFormRef = ref()
|
||||||
const showSearch = ref(true)
|
const showSearch = ref(true)
|
||||||
const deptList = ref<any[]>([])
|
const deptList = ref<any[]>([])
|
||||||
@@ -474,10 +474,9 @@ onMounted(() => {
|
|||||||
getDeptListData()
|
getDeptListData()
|
||||||
getBuildingListData()
|
getBuildingListData()
|
||||||
getBedNumDict()
|
getBedNumDict()
|
||||||
nextTick(() => {
|
|
||||||
if (visibleColumns.value.length === 0) {
|
|
||||||
loadSavedConfig()
|
|
||||||
}
|
|
||||||
})
|
|
||||||
})
|
})
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
<style scoped lang="scss">
|
||||||
|
@import '/@/assets/styles/modern-page.scss';
|
||||||
|
</style>
|
||||||
|
|||||||
@@ -61,11 +61,11 @@
|
|||||||
@change="handleDormDataTypeChange">
|
@change="handleDormDataTypeChange">
|
||||||
<el-option label="所有" value="" />
|
<el-option label="所有" value="" />
|
||||||
<el-option label="空宿舍" value="0" />
|
<el-option label="空宿舍" value="0" />
|
||||||
<el-option label="空1人宿舍" value="1" />
|
<el-option label="1人宿舍" value="1" />
|
||||||
<el-option label="空2人宿舍" value="2" />
|
<el-option label="2人宿舍" value="2" />
|
||||||
<el-option label="空3人宿舍" value="3" />
|
<el-option label="3人宿舍" value="3" />
|
||||||
<el-option label="空4人宿舍" value="4" />
|
<el-option label="4人宿舍" value="4" />
|
||||||
<el-option label="空5人宿舍" value="5" />
|
<el-option label="5人宿舍" value="5" />
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="宿舍号" prop="roomNo">
|
<el-form-item label="宿舍号" prop="roomNo">
|
||||||
@@ -208,7 +208,7 @@
|
|||||||
:min-width="col.minWidth"
|
:min-width="col.minWidth"
|
||||||
:width="col.width">
|
:width="col.width">
|
||||||
<template #header>
|
<template #header>
|
||||||
<el-icon><component :is="columnConfigMap[col.prop]?.icon || OfficeBuilding" /></el-icon>
|
<el-icon><component :is="columnConfigMap[col.prop || '']?.icon || OfficeBuilding" /></el-icon>
|
||||||
<span style="margin-left: 4px">{{ col.label }}</span>
|
<span style="margin-left: 4px">{{ col.label }}</span>
|
||||||
</template>
|
</template>
|
||||||
<!-- 床位号列特殊模板 -->
|
<!-- 床位号列特殊模板 -->
|
||||||
@@ -291,8 +291,8 @@ import FormDialog from './form.vue';
|
|||||||
import TransferDialog from './transfer.vue';
|
import TransferDialog from './transfer.vue';
|
||||||
import TreeSelect from '/@/components/TreeSelect/index.vue';
|
import TreeSelect from '/@/components/TreeSelect/index.vue';
|
||||||
import { List, OfficeBuilding, House, Grid, UserFilled, Phone, CreditCard, Avatar, User, Setting, Menu, Search, Document } from '@element-plus/icons-vue'
|
import { List, OfficeBuilding, House, Grid, UserFilled, Phone, CreditCard, Avatar, User, Setting, Menu, Search, Document } from '@element-plus/icons-vue'
|
||||||
import { useTableColumnControl } from '/@/hooks/tableColumnControl'
|
import { useTableColumnControl } from '/@/hooks/tableColumn'
|
||||||
import '/@/styles/modern-page.scss'
|
|
||||||
import { defineAsyncComponent } from 'vue'
|
import { defineAsyncComponent } from 'vue'
|
||||||
const StatusTag = defineAsyncComponent(() => import('/@/components/StatusTag/index.vue'))
|
const StatusTag = defineAsyncComponent(() => import('/@/components/StatusTag/index.vue'))
|
||||||
|
|
||||||
@@ -344,7 +344,7 @@ const {
|
|||||||
checkColumnVisible,
|
checkColumnVisible,
|
||||||
handleColumnChange,
|
handleColumnChange,
|
||||||
handleColumnOrderChange
|
handleColumnOrderChange
|
||||||
} = useTableColumnControl(tableColumns, route.path)
|
} = useTableColumnControl(tableColumns)
|
||||||
|
|
||||||
// 树形选择器配置
|
// 树形选择器配置
|
||||||
const treeProps = {
|
const treeProps = {
|
||||||
@@ -517,10 +517,9 @@ onMounted(() => {
|
|||||||
getDeptListData()
|
getDeptListData()
|
||||||
getBuildingListData()
|
getBuildingListData()
|
||||||
getDormRoomTreeListData()
|
getDormRoomTreeListData()
|
||||||
nextTick(() => {
|
|
||||||
if (visibleColumns.value.length === 0) {
|
|
||||||
}
|
|
||||||
})
|
|
||||||
})
|
})
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
<style scoped lang="scss">
|
||||||
|
@import '/@/assets/styles/modern-page.scss';
|
||||||
|
</style>
|
||||||
|
|||||||
@@ -115,7 +115,7 @@
|
|||||||
show-overflow-tooltip
|
show-overflow-tooltip
|
||||||
align="center">
|
align="center">
|
||||||
<template #header>
|
<template #header>
|
||||||
<el-icon><component :is="columnConfigMap[col.prop]?.icon || Calendar" /></el-icon>
|
<el-icon><component :is="columnConfigMap[col.prop || '']?.icon || Calendar" /></el-icon>
|
||||||
<span style="margin-left: 4px">{{ col.label }}</span>
|
<span style="margin-left: 4px">{{ col.label }}</span>
|
||||||
</template>
|
</template>
|
||||||
<!-- 变动时间列特殊模板-->
|
<!-- 变动时间列特殊模板-->
|
||||||
@@ -183,8 +183,8 @@ import { useMessage } from "/@/hooks/message";
|
|||||||
import { getDicts } from "/@/api/admin/dict";
|
import { getDicts } from "/@/api/admin/dict";
|
||||||
import TableColumnControl from '/@/components/TableColumnControl/index.vue'
|
import TableColumnControl from '/@/components/TableColumnControl/index.vue'
|
||||||
import { List, Calendar, OfficeBuilding, Grid, CreditCard, Avatar, Collection, House, Setting, Menu, Search, Document } from '@element-plus/icons-vue'
|
import { List, Calendar, OfficeBuilding, Grid, CreditCard, Avatar, Collection, House, Setting, Menu, Search, Document } from '@element-plus/icons-vue'
|
||||||
import { useTableColumnControl } from '/@/hooks/tableColumnControl'
|
import { useTableColumnControl } from '/@/hooks/tableColumn'
|
||||||
import '/@/styles/modern-page.scss'
|
|
||||||
|
|
||||||
// 定义变量内容
|
// 定义变量内容
|
||||||
const route = useRoute()
|
const route = useRoute()
|
||||||
@@ -229,7 +229,7 @@ const {
|
|||||||
checkColumnVisible,
|
checkColumnVisible,
|
||||||
handleColumnChange,
|
handleColumnChange,
|
||||||
handleColumnOrderChange
|
handleColumnOrderChange
|
||||||
} = useTableColumnControl(tableColumns, route.path)
|
} = useTableColumnControl(tableColumns)
|
||||||
|
|
||||||
// 搜索表单
|
// 搜索表单
|
||||||
const searchForm = reactive({
|
const searchForm = reactive({
|
||||||
@@ -317,10 +317,9 @@ const getChangeTypeDict = async () => {
|
|||||||
onMounted(() => {
|
onMounted(() => {
|
||||||
getDeptListData()
|
getDeptListData()
|
||||||
getChangeTypeDict()
|
getChangeTypeDict()
|
||||||
nextTick(() => {
|
|
||||||
if (visibleColumns.value.length === 0) {
|
|
||||||
}
|
|
||||||
})
|
|
||||||
})
|
})
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
<style scoped lang="scss">
|
||||||
|
@import '/@/assets/styles/modern-page.scss';
|
||||||
|
</style>
|
||||||
|
|||||||
@@ -14,8 +14,7 @@
|
|||||||
icon="FolderAdd"
|
icon="FolderAdd"
|
||||||
type="primary"
|
type="primary"
|
||||||
@click="formDialogRef.openDialog()">
|
@click="formDialogRef.openDialog()">
|
||||||
新 增
|
新增 </el-button>
|
||||||
</el-button>
|
|
||||||
<right-toolbar
|
<right-toolbar
|
||||||
v-model:showSearch="showSearch"
|
v-model:showSearch="showSearch"
|
||||||
class="ml10"
|
class="ml10"
|
||||||
@@ -168,7 +167,7 @@ import TableColumnControl from '/@/components/TableColumnControl/index.vue'
|
|||||||
const FormDialog = defineAsyncComponent(() => import('./form.vue'));
|
const FormDialog = defineAsyncComponent(() => import('./form.vue'));
|
||||||
import { List, Document, Grid, CircleCheck, Setting, Menu } from '@element-plus/icons-vue'
|
import { List, Document, Grid, CircleCheck, Setting, Menu } from '@element-plus/icons-vue'
|
||||||
import { useTableColumnControl } from '/@/hooks/tableColumnControl'
|
import { useTableColumnControl } from '/@/hooks/tableColumnControl'
|
||||||
import '/@/styles/modern-page.scss'
|
|
||||||
import { defineAsyncComponent as defineStatusTag } from 'vue'
|
import { defineAsyncComponent as defineStatusTag } from 'vue'
|
||||||
const StatusTag = defineStatusTag(() => import('/@/components/StatusTag/index.vue'))
|
const StatusTag = defineStatusTag(() => import('/@/components/StatusTag/index.vue'))
|
||||||
|
|
||||||
@@ -277,10 +276,9 @@ const handleViewDetail = async (row: any) => {
|
|||||||
// 初始化
|
// 初始化
|
||||||
onMounted(() => {
|
onMounted(() => {
|
||||||
getDataList()
|
getDataList()
|
||||||
nextTick(() => {
|
|
||||||
if (visibleColumns.value.length === 0) {
|
|
||||||
loadSavedConfig()
|
|
||||||
}
|
|
||||||
})
|
|
||||||
})
|
})
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
<style scoped lang="scss">
|
||||||
|
@import '/@/assets/styles/modern-page.scss';
|
||||||
|
</style>
|
||||||
|
|||||||
@@ -170,7 +170,7 @@ import { parseTime } from "/@/utils/formatTime";
|
|||||||
import TableColumnControl from '/@/components/TableColumnControl/index.vue'
|
import TableColumnControl from '/@/components/TableColumnControl/index.vue'
|
||||||
import { List, OfficeBuilding, Grid, Document, DataAnalysis, Calendar, Clock, Setting, Menu, Search } from '@element-plus/icons-vue'
|
import { List, OfficeBuilding, Grid, Document, DataAnalysis, Calendar, Clock, Setting, Menu, Search } from '@element-plus/icons-vue'
|
||||||
import { useTableColumnControl } from '/@/hooks/tableColumnControl'
|
import { useTableColumnControl } from '/@/hooks/tableColumnControl'
|
||||||
import '/@/styles/modern-page.scss'
|
|
||||||
|
|
||||||
// 定义变量内容
|
// 定义变量内容
|
||||||
const route = useRoute()
|
const route = useRoute()
|
||||||
@@ -304,5 +304,6 @@ onMounted(() => {
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped lang="scss">
|
<style scoped lang="scss">
|
||||||
|
@import '/@/assets/styles/modern-page.scss';
|
||||||
</style>
|
</style>
|
||||||
|
|
||||||
|
|||||||
@@ -168,6 +168,7 @@
|
|||||||
<span v-else>-</span>
|
<span v-else>-</span>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
|
</template>
|
||||||
<el-table-column label="操作" width="150" align="center" fixed="right">
|
<el-table-column label="操作" width="150" align="center" fixed="right">
|
||||||
<template #header>
|
<template #header>
|
||||||
<el-icon><Setting /></el-icon>
|
<el-icon><Setting /></el-icon>
|
||||||
|
|||||||
@@ -7,7 +7,7 @@
|
|||||||
<div class="card-header">
|
<div class="card-header">
|
||||||
<span class="card-title">
|
<span class="card-title">
|
||||||
<el-icon class="title-icon"><Search /></el-icon>
|
<el-icon class="title-icon"><Search /></el-icon>
|
||||||
筛选条件
|
筛选条<EFBFBD><EFBFBD>?
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
@@ -41,7 +41,7 @@
|
|||||||
</el-option>
|
</el-option>
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="宿舍号" prop="roomNo">
|
<el-form-item label="宿舍<EFBFBD><EFBFBD>? prop="roomNo">
|
||||||
<el-input
|
<el-input
|
||||||
v-model="state.queryForm.roomNo"
|
v-model="state.queryForm.roomNo"
|
||||||
placeholder="请输入宿舍号"
|
placeholder="请输入宿舍号"
|
||||||
@@ -51,7 +51,7 @@
|
|||||||
<el-form-item label="奖项名称" prop="ruleName">
|
<el-form-item label="奖项名称" prop="ruleName">
|
||||||
<el-input
|
<el-input
|
||||||
v-model="state.queryForm.ruleName"
|
v-model="state.queryForm.ruleName"
|
||||||
placeholder="请输入奖项名称"
|
placeholder="请输入奖项名<EFBFBD><EFBFBD>?
|
||||||
clearable
|
clearable
|
||||||
style="width: 200px" />
|
style="width: 200px" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
@@ -98,7 +98,7 @@
|
|||||||
@order-change="handleColumnOrderChange"
|
@order-change="handleColumnOrderChange"
|
||||||
>
|
>
|
||||||
<template #trigger>
|
<template #trigger>
|
||||||
<el-tooltip class="item" effect="dark" content="列设置" placement="top">
|
<el-tooltip class="item" effect="dark" content="列设<EFBFBD><EFBFBD>? placement="top">
|
||||||
<el-button circle style="margin-left: 0;">
|
<el-button circle style="margin-left: 0;">
|
||||||
<el-icon><Menu /></el-icon>
|
<el-icon><Menu /></el-icon>
|
||||||
</el-button>
|
</el-button>
|
||||||
@@ -213,7 +213,7 @@
|
|||||||
drag>
|
drag>
|
||||||
<el-icon class="el-icon--upload"><upload-filled /></el-icon>
|
<el-icon class="el-icon--upload"><upload-filled /></el-icon>
|
||||||
<div class="el-upload__text">
|
<div class="el-upload__text">
|
||||||
将文件拖到此处,或<em>点击上传</em>
|
将文件拖到此处,<EFBFBD><EFBFBD>?em>点击上传</em>
|
||||||
</div>
|
</div>
|
||||||
<template #tip>
|
<template #tip>
|
||||||
<div class="el-upload__tip">
|
<div class="el-upload__tip">
|
||||||
@@ -223,8 +223,8 @@
|
|||||||
</el-upload>
|
</el-upload>
|
||||||
<template #footer>
|
<template #footer>
|
||||||
<span class="dialog-footer">
|
<span class="dialog-footer">
|
||||||
<el-button @click="importDialogVisible = false">取 消</el-button>
|
<el-button @click="importDialogVisible = false"><EFBFBD><EFBFBD>?<EFBFBD><EFBFBD>?/el-button>
|
||||||
<el-button type="primary" @click="handleImportSubmit" :disabled="!importFile || importLoading">确 认</el-button>
|
<el-button type="primary" @click="handleImportSubmit" :disabled="!importFile || importLoading"><EFBFBD><EFBFBD>?<EFBFBD><EFBFBD>?/el-button>
|
||||||
</span>
|
</span>
|
||||||
</template>
|
</template>
|
||||||
</el-dialog>
|
</el-dialog>
|
||||||
@@ -243,7 +243,7 @@ import TableColumnControl from '/@/components/TableColumnControl/index.vue'
|
|||||||
import { UploadFilled, List, Calendar, Clock, House, Trophy, EditPen, Setting, Menu, Search, Document } from '@element-plus/icons-vue'
|
import { UploadFilled, List, Calendar, Clock, House, Trophy, EditPen, Setting, Menu, Search, Document } from '@element-plus/icons-vue'
|
||||||
import { useTableColumnControl } from '/@/hooks/tableColumnControl'
|
import { useTableColumnControl } from '/@/hooks/tableColumnControl'
|
||||||
import FormDialog from './form.vue'
|
import FormDialog from './form.vue'
|
||||||
import '/@/styles/modern-page.scss'
|
|
||||||
|
|
||||||
// 定义变量内容
|
// 定义变量内容
|
||||||
const route = useRoute()
|
const route = useRoute()
|
||||||
@@ -258,11 +258,11 @@ const importDialogVisible = ref(false)
|
|||||||
const importFile = ref<File | null>(null)
|
const importFile = ref<File | null>(null)
|
||||||
const importLoading = ref(false)
|
const importLoading = ref(false)
|
||||||
|
|
||||||
// 表格列配置
|
// 表格列配<EFBFBD><EFBFBD>?
|
||||||
const tableColumns = [
|
const tableColumns = [
|
||||||
{ prop: 'schoolYear', label: '学年', icon: Calendar },
|
{ prop: 'schoolYear', label: '学年', icon: Calendar },
|
||||||
{ prop: 'schoolTerm', label: '学期', icon: Clock },
|
{ prop: 'schoolTerm', label: '学期', icon: Clock },
|
||||||
{ prop: 'roomNo', label: '宿舍号', icon: House },
|
{ prop: 'roomNo', label: '宿舍<EFBFBD><EFBFBD>?, icon: House },
|
||||||
{ prop: 'ruleName', label: '奖项名称', icon: Trophy, minWidth: 150 },
|
{ prop: 'ruleName', label: '奖项名称', icon: Trophy, minWidth: 150 },
|
||||||
{ prop: 'remarks', label: '备注', icon: EditPen, minWidth: 200 }
|
{ prop: 'remarks', label: '备注', icon: EditPen, minWidth: 200 }
|
||||||
]
|
]
|
||||||
@@ -295,7 +295,7 @@ const state: BasicTableProps = reactive<BasicTableProps>({
|
|||||||
item: 'records',
|
item: 'records',
|
||||||
totalCount: 'total'
|
totalCount: 'total'
|
||||||
},
|
},
|
||||||
createdIsNeed: true // 页面加载时自动获取数据
|
createdIsNeed: true // 页面加载时自动获取数<EFBFBD><EFBFBD>?
|
||||||
})
|
})
|
||||||
|
|
||||||
// table hook
|
// table hook
|
||||||
@@ -306,7 +306,7 @@ const {
|
|||||||
tableStyle: _tableStyle
|
tableStyle: _tableStyle
|
||||||
} = useTable(state)
|
} = useTable(state)
|
||||||
|
|
||||||
// 格式化学期
|
// 格式化学<EFBFBD><EFBFBD>?
|
||||||
const formatSchoolTerm = (value: string | number) => {
|
const formatSchoolTerm = (value: string | number) => {
|
||||||
if (value === null || value === undefined || value === '') {
|
if (value === null || value === undefined || value === '') {
|
||||||
return '-'
|
return '-'
|
||||||
@@ -336,7 +336,7 @@ const handleImport = () => {
|
|||||||
const handleDownloadTemplate = async () => {
|
const handleDownloadTemplate = async () => {
|
||||||
try {
|
try {
|
||||||
const fileName = '文明宿舍导入模板.xlsx'
|
const fileName = '文明宿舍导入模板.xlsx'
|
||||||
// 使用动态导入获取文件URL,从 views/stuwork/rewarddorm 到 assets/file 的相对路径
|
// 使用动态导入获取文件URL,从 views/stuwork/rewarddorm <EFBFBD><EFBFBD>?assets/file 的相对路<EFBFBD><EFBFBD>?
|
||||||
const fileUrl = new URL(`../../../assets/file/${fileName}`, import.meta.url).href
|
const fileUrl = new URL(`../../../assets/file/${fileName}`, import.meta.url).href
|
||||||
const response = await fetch(fileUrl)
|
const response = await fetch(fileUrl)
|
||||||
if (!response.ok) {
|
if (!response.ok) {
|
||||||
@@ -353,7 +353,7 @@ const handleDownloadTemplate = async () => {
|
|||||||
document.body.removeChild(link)
|
document.body.removeChild(link)
|
||||||
useMessage().success('模板下载成功')
|
useMessage().success('模板下载成功')
|
||||||
} catch (error) {
|
} catch (error) {
|
||||||
useMessage().error('模板下载失败,请检查模板文件是否存在')
|
useMessage().error('模板下载失败,请检查模板文件是否存<EFBFBD><EFBFBD>?)
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -435,10 +435,14 @@ const getSchoolTermDict = async () => {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// 初始化
|
// 初始<EFBFBD><EFBFBD>?
|
||||||
onMounted(() => {
|
onMounted(() => {
|
||||||
getSchoolYearList()
|
getSchoolYearList()
|
||||||
getSchoolTermDict()
|
getSchoolTermDict()
|
||||||
})
|
})
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
<style scoped lang="scss">
|
||||||
|
@import '/@/assets/styles/modern-page.scss';
|
||||||
|
</style>
|
||||||
|
|
||||||
|
|||||||
@@ -7,7 +7,7 @@
|
|||||||
<div class="card-header">
|
<div class="card-header">
|
||||||
<span class="card-title">
|
<span class="card-title">
|
||||||
<el-icon class="title-icon"><Search /></el-icon>
|
<el-icon class="title-icon"><Search /></el-icon>
|
||||||
筛选条件
|
筛选条<EFBFBD><EFBFBD>?
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
@@ -62,7 +62,7 @@
|
|||||||
@order-change="handleColumnOrderChange"
|
@order-change="handleColumnOrderChange"
|
||||||
>
|
>
|
||||||
<template #trigger>
|
<template #trigger>
|
||||||
<el-tooltip class="item" effect="dark" content="列设置" placement="top">
|
<el-tooltip class="item" effect="dark" content="列设<EFBFBD><EFBFBD>? placement="top">
|
||||||
<el-button circle style="margin-left: 0;">
|
<el-button circle style="margin-left: 0;">
|
||||||
<el-icon><Menu /></el-icon>
|
<el-icon><Menu /></el-icon>
|
||||||
</el-button>
|
</el-button>
|
||||||
@@ -166,7 +166,7 @@ import TableColumnControl from '/@/components/TableColumnControl/index.vue'
|
|||||||
import FormDialog from './form.vue'
|
import FormDialog from './form.vue'
|
||||||
import { List, Trophy, Collection, EditPen, Setting, Menu, Search, Document } from '@element-plus/icons-vue'
|
import { List, Trophy, Collection, EditPen, Setting, Menu, Search, Document } from '@element-plus/icons-vue'
|
||||||
import { useTableColumnControl } from '/@/hooks/tableColumnControl'
|
import { useTableColumnControl } from '/@/hooks/tableColumnControl'
|
||||||
import '/@/styles/modern-page.scss'
|
|
||||||
|
|
||||||
// 定义变量内容
|
// 定义变量内容
|
||||||
const route = useRoute()
|
const route = useRoute()
|
||||||
@@ -176,7 +176,7 @@ const columnControlRef = ref()
|
|||||||
const showSearch = ref(true)
|
const showSearch = ref(true)
|
||||||
const ruleTypeList = ref<any[]>([])
|
const ruleTypeList = ref<any[]>([])
|
||||||
|
|
||||||
// 表格列配置
|
// 表格列配<EFBFBD><EFBFBD>?
|
||||||
const tableColumns = [
|
const tableColumns = [
|
||||||
{ prop: 'ruleName', label: '奖项名称', icon: Trophy, minWidth: 200 },
|
{ prop: 'ruleName', label: '奖项名称', icon: Trophy, minWidth: 200 },
|
||||||
{ prop: 'ruleType', label: '奖项类型', icon: Collection },
|
{ prop: 'ruleType', label: '奖项类型', icon: Collection },
|
||||||
@@ -208,7 +208,7 @@ const state: BasicTableProps = reactive<BasicTableProps>({
|
|||||||
item: 'records',
|
item: 'records',
|
||||||
totalCount: 'total'
|
totalCount: 'total'
|
||||||
},
|
},
|
||||||
createdIsNeed: true // 页面加载时自动获取数据
|
createdIsNeed: true // 页面加载时自动获取数<EFBFBD><EFBFBD>?
|
||||||
})
|
})
|
||||||
|
|
||||||
// table hook
|
// table hook
|
||||||
@@ -219,7 +219,7 @@ const {
|
|||||||
tableStyle: _tableStyle
|
tableStyle: _tableStyle
|
||||||
} = useTable(state)
|
} = useTable(state)
|
||||||
|
|
||||||
// 格式化奖项类型
|
// 格式化奖项类<EFBFBD><EFBFBD>?
|
||||||
const formatRuleType = (value: string | number) => {
|
const formatRuleType = (value: string | number) => {
|
||||||
if (value === null || value === undefined || value === '') {
|
if (value === null || value === undefined || value === '') {
|
||||||
return '-'
|
return '-'
|
||||||
@@ -272,9 +272,13 @@ const getRuleTypeDict = async () => {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// 初始化
|
// 初始<EFBFBD><EFBFBD>?
|
||||||
onMounted(() => {
|
onMounted(() => {
|
||||||
getRuleTypeDict()
|
getRuleTypeDict()
|
||||||
})
|
})
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
<style scoped lang="scss">
|
||||||
|
@import '/@/assets/styles/modern-page.scss';
|
||||||
|
</style>
|
||||||
|
|
||||||
|
|||||||
@@ -7,7 +7,7 @@
|
|||||||
<div class="card-header">
|
<div class="card-header">
|
||||||
<span class="card-title">
|
<span class="card-title">
|
||||||
<el-icon class="title-icon"><Search /></el-icon>
|
<el-icon class="title-icon"><Search /></el-icon>
|
||||||
筛选条件
|
筛选条<EFBFBD><EFBFBD>?
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
@@ -108,7 +108,7 @@
|
|||||||
@order-change="handleColumnOrderChange"
|
@order-change="handleColumnOrderChange"
|
||||||
>
|
>
|
||||||
<template #trigger>
|
<template #trigger>
|
||||||
<el-tooltip class="item" effect="dark" content="列设置" placement="top">
|
<el-tooltip class="item" effect="dark" content="列设<EFBFBD><EFBFBD>? placement="top">
|
||||||
<el-button circle style="margin-left: 0;">
|
<el-button circle style="margin-left: 0;">
|
||||||
<el-icon><Menu /></el-icon>
|
<el-icon><Menu /></el-icon>
|
||||||
</el-button>
|
</el-button>
|
||||||
@@ -163,14 +163,14 @@
|
|||||||
</el-tag>
|
</el-tag>
|
||||||
<span v-else>-</span>
|
<span v-else>-</span>
|
||||||
</template>
|
</template>
|
||||||
<!-- 个人奖项列特殊模板 -->
|
<!-- 个人奖项列特殊模<EFBFBD><EFBFBD>?-->
|
||||||
<template v-else-if="col.prop === 'ruleName'" #default="scope">
|
<template v-else-if="col.prop === 'ruleName'" #default="scope">
|
||||||
<el-tag v-if="scope.row.ruleName && Array.isArray(scope.row.ruleName) && scope.row.ruleName.length > 0" size="small" type="warning" effect="light">
|
<el-tag v-if="scope.row.ruleName && Array.isArray(scope.row.ruleName) && scope.row.ruleName.length > 0" size="small" type="warning" effect="light">
|
||||||
{{ scope.row.ruleName.join('、') }}
|
{{ scope.row.ruleName.join('<EFBFBD><EFBFBD>?) }}
|
||||||
</el-tag>
|
</el-tag>
|
||||||
<span v-else>-</span>
|
<span v-else>-</span>
|
||||||
</template>
|
</template>
|
||||||
<!-- 保存时间列特殊模板 -->
|
<!-- 保存时间列特殊模<EFBFBD><EFBFBD>?-->
|
||||||
<template v-else-if="col.prop === 'upDateTime'" #default="scope">
|
<template v-else-if="col.prop === 'upDateTime'" #default="scope">
|
||||||
<span>{{ parseTime(scope.row.upDateTime, '{y}-{m}-{d} {h}:{i}:{s}') }}</span>
|
<span>{{ parseTime(scope.row.upDateTime, '{y}-{m}-{d} {h}:{i}:{s}') }}</span>
|
||||||
</template>
|
</template>
|
||||||
@@ -195,7 +195,7 @@ import { parseTime } from "/@/utils/formatTime";
|
|||||||
import TableColumnControl from '/@/components/TableColumnControl/index.vue'
|
import TableColumnControl from '/@/components/TableColumnControl/index.vue'
|
||||||
import { List, OfficeBuilding, Grid, CreditCard, Avatar, DataAnalysis, Warning, Trophy, Clock, Menu, Search, Document } from '@element-plus/icons-vue'
|
import { List, OfficeBuilding, Grid, CreditCard, Avatar, DataAnalysis, Warning, Trophy, Clock, Menu, Search, Document } from '@element-plus/icons-vue'
|
||||||
import { useTableColumnControl } from '/@/hooks/tableColumnControl'
|
import { useTableColumnControl } from '/@/hooks/tableColumnControl'
|
||||||
import '/@/styles/modern-page.scss'
|
|
||||||
|
|
||||||
// 定义变量内容
|
// 定义变量内容
|
||||||
const route = useRoute()
|
const route = useRoute()
|
||||||
@@ -209,20 +209,20 @@ const schoolTermList = ref<any[]>([])
|
|||||||
const deptList = ref<any[]>([])
|
const deptList = ref<any[]>([])
|
||||||
const classList = ref<any[]>([])
|
const classList = ref<any[]>([])
|
||||||
|
|
||||||
// 表格列配置
|
// 表格列配<EFBFBD><EFBFBD>?
|
||||||
const tableColumns = [
|
const tableColumns = [
|
||||||
{ prop: 'departName', label: '学院' },
|
{ prop: 'departName', label: '学院' },
|
||||||
{ prop: 'classNo', label: '班级' },
|
{ prop: 'classNo', label: '班级' },
|
||||||
{ prop: 'stuNo', label: '学号' },
|
{ prop: 'stuNo', label: '学号' },
|
||||||
{ prop: 'realName', label: '姓名' },
|
{ prop: 'realName', label: '姓名' },
|
||||||
{ prop: 'averageConduct', label: '操行平均分' },
|
{ prop: 'averageConduct', label: '操行平均<EFBFBD><EFBFBD>? },
|
||||||
{ prop: 'averageScore', label: '总评成绩平均分' },
|
{ prop: 'averageScore', label: '总评成绩平均<EFBFBD><EFBFBD>? },
|
||||||
{ prop: 'violation', label: '违规情况', minWidth: 150 },
|
{ prop: 'violation', label: '违规情况', minWidth: 150 },
|
||||||
{ prop: 'ruleName', label: '个人奖项', minWidth: 200 },
|
{ prop: 'ruleName', label: '个人奖项', minWidth: 200 },
|
||||||
{ prop: 'upDateTime', label: '保存时间', width: 180 }
|
{ prop: 'upDateTime', label: '保存时间', width: 180 }
|
||||||
]
|
]
|
||||||
|
|
||||||
// 列配置映射(用于图标)
|
// 列配置映射(用于图标<EFBFBD><EFBFBD>?
|
||||||
const columnConfigMap: Record<string, { icon: any }> = {
|
const columnConfigMap: Record<string, { icon: any }> = {
|
||||||
departName: { icon: OfficeBuilding },
|
departName: { icon: OfficeBuilding },
|
||||||
classNo: { icon: Grid },
|
classNo: { icon: Grid },
|
||||||
@@ -258,7 +258,7 @@ const tableStyle = {
|
|||||||
headerCellStyle: { background: '#f5f7fa', color: '#606266', fontWeight: 'bold' }
|
headerCellStyle: { background: '#f5f7fa', color: '#606266', fontWeight: 'bold' }
|
||||||
}
|
}
|
||||||
|
|
||||||
// 格式化学期
|
// 格式化学<EFBFBD><EFBFBD>?
|
||||||
const formatSchoolTerm = (value: string | number) => {
|
const formatSchoolTerm = (value: string | number) => {
|
||||||
if (value === null || value === undefined || value === '') {
|
if (value === null || value === undefined || value === '') {
|
||||||
return '-'
|
return '-'
|
||||||
@@ -311,7 +311,7 @@ const handleExport = async () => {
|
|||||||
const link = document.createElement('a')
|
const link = document.createElement('a')
|
||||||
link.href = url
|
link.href = url
|
||||||
|
|
||||||
// 设置文件名
|
// 设置文件<EFBFBD><EFBFBD>?
|
||||||
const fileName = `学生评优评先_${new Date().getTime()}.xlsx`
|
const fileName = `学生评优评先_${new Date().getTime()}.xlsx`
|
||||||
link.setAttribute('download', fileName)
|
link.setAttribute('download', fileName)
|
||||||
|
|
||||||
@@ -390,7 +390,7 @@ const getClassListData = async () => {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// 初始化
|
// 初始<EFBFBD><EFBFBD>?
|
||||||
onMounted(() => {
|
onMounted(() => {
|
||||||
getSchoolYearList()
|
getSchoolYearList()
|
||||||
getSchoolTermDict()
|
getSchoolTermDict()
|
||||||
@@ -406,5 +406,6 @@ onMounted(() => {
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped lang="scss">
|
<style scoped lang="scss">
|
||||||
|
@import '/@/assets/styles/modern-page.scss';
|
||||||
</style>
|
</style>
|
||||||
|
|
||||||
|
|||||||
@@ -7,7 +7,7 @@
|
|||||||
<div class="card-header">
|
<div class="card-header">
|
||||||
<span class="card-title">
|
<span class="card-title">
|
||||||
<el-icon class="title-icon"><Search /></el-icon>
|
<el-icon class="title-icon"><Search /></el-icon>
|
||||||
筛选条件
|
筛选条<EFBFBD><EFBFBD>?
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
@@ -54,7 +54,7 @@
|
|||||||
<div class="card-header">
|
<div class="card-header">
|
||||||
<span class="card-title">
|
<span class="card-title">
|
||||||
<el-icon class="title-icon"><Document /></el-icon>
|
<el-icon class="title-icon"><Document /></el-icon>
|
||||||
助学金批次列表
|
助学金批次列<EFBFBD><EFBFBD>?
|
||||||
</span>
|
</span>
|
||||||
<div class="header-actions">
|
<div class="header-actions">
|
||||||
<el-button
|
<el-button
|
||||||
@@ -77,7 +77,7 @@
|
|||||||
@order-change="handleColumnOrderChange"
|
@order-change="handleColumnOrderChange"
|
||||||
>
|
>
|
||||||
<template #trigger>
|
<template #trigger>
|
||||||
<el-tooltip class="item" effect="dark" content="列设置" placement="top">
|
<el-tooltip class="item" effect="dark" content="列设<EFBFBD><EFBFBD>? placement="top">
|
||||||
<el-button circle style="margin-left: 0;">
|
<el-button circle style="margin-left: 0;">
|
||||||
<el-icon><Menu /></el-icon>
|
<el-icon><Menu /></el-icon>
|
||||||
</el-button>
|
</el-button>
|
||||||
@@ -201,7 +201,7 @@ import {
|
|||||||
Money, EditPen, Setting, Menu, Search
|
Money, EditPen, Setting, Menu, Search
|
||||||
} from '@element-plus/icons-vue'
|
} from '@element-plus/icons-vue'
|
||||||
import { useTableColumnControl } from '/@/hooks/tableColumn'
|
import { useTableColumnControl } from '/@/hooks/tableColumn'
|
||||||
import '/@/styles/modern-page.scss'
|
|
||||||
|
|
||||||
// 定义变量内容
|
// 定义变量内容
|
||||||
const route = useRoute()
|
const route = useRoute()
|
||||||
@@ -214,7 +214,7 @@ const schoolTermList = ref<any[]>([])
|
|||||||
const quarterList = ref<any[]>([])
|
const quarterList = ref<any[]>([])
|
||||||
const classifyList = ref<any[]>([])
|
const classifyList = ref<any[]>([])
|
||||||
|
|
||||||
// 表格列配置
|
// 表格列配<EFBFBD><EFBFBD>?
|
||||||
const tableColumns = [
|
const tableColumns = [
|
||||||
{ prop: 'title', label: '批次名称', icon: Document, minWidth: 200 },
|
{ prop: 'title', label: '批次名称', icon: Document, minWidth: 200 },
|
||||||
{ prop: 'schoolYear', label: '学年', icon: Calendar, width: 120 },
|
{ prop: 'schoolYear', label: '学年', icon: Calendar, width: 120 },
|
||||||
@@ -222,7 +222,7 @@ const tableColumns = [
|
|||||||
{ prop: 'type', label: '季度', icon: Timer, width: 100 },
|
{ prop: 'type', label: '季度', icon: Timer, width: 100 },
|
||||||
{ prop: 'classify', label: '类别', icon: Collection, width: 100 },
|
{ prop: 'classify', label: '类别', icon: Collection, width: 100 },
|
||||||
{ prop: 'moneyValue', label: '补助金额', icon: Money, width: 120 },
|
{ prop: 'moneyValue', label: '补助金额', icon: Money, width: 120 },
|
||||||
{ prop: 'startTime', label: '开始日期', icon: Calendar, width: 120 },
|
{ prop: 'startTime', label: '开始日<EFBFBD><EFBFBD>?, icon: Calendar, width: 120 },
|
||||||
{ prop: 'endTime', label: '截止日期', icon: Calendar, width: 120 },
|
{ prop: 'endTime', label: '截止日期', icon: Calendar, width: 120 },
|
||||||
{ prop: 'remarks', label: '备注', icon: EditPen, minWidth: 150 }
|
{ prop: 'remarks', label: '备注', icon: EditPen, minWidth: 150 }
|
||||||
]
|
]
|
||||||
@@ -264,7 +264,7 @@ const {
|
|||||||
tableStyle: _tableStyle
|
tableStyle: _tableStyle
|
||||||
} = useTable(state)
|
} = useTable(state)
|
||||||
|
|
||||||
// 格式化学期
|
// 格式化学<EFBFBD><EFBFBD>?
|
||||||
const formatSchoolTerm = (value: string | number) => {
|
const formatSchoolTerm = (value: string | number) => {
|
||||||
if (value === null || value === undefined || value === '') {
|
if (value === null || value === undefined || value === '') {
|
||||||
return '-'
|
return '-'
|
||||||
@@ -273,7 +273,7 @@ const formatSchoolTerm = (value: string | number) => {
|
|||||||
return dictItem ? dictItem.label : value
|
return dictItem ? dictItem.label : value
|
||||||
}
|
}
|
||||||
|
|
||||||
// 格式化季度
|
// 格式化季<EFBFBD><EFBFBD>?
|
||||||
const formatQuarter = (value: string | number) => {
|
const formatQuarter = (value: string | number) => {
|
||||||
if (value === null || value === undefined || value === '') {
|
if (value === null || value === undefined || value === '') {
|
||||||
return '-'
|
return '-'
|
||||||
@@ -282,7 +282,7 @@ const formatQuarter = (value: string | number) => {
|
|||||||
return dictItem ? dictItem.label : value
|
return dictItem ? dictItem.label : value
|
||||||
}
|
}
|
||||||
|
|
||||||
// 格式化类别
|
// 格式化类<EFBFBD><EFBFBD>?
|
||||||
const formatClassify = (value: string | number) => {
|
const formatClassify = (value: string | number) => {
|
||||||
if (value === null || value === undefined || value === '') {
|
if (value === null || value === undefined || value === '') {
|
||||||
return '-'
|
return '-'
|
||||||
@@ -313,7 +313,7 @@ const handleEdit = (row: any) => {
|
|||||||
const handleDelete = async (row: any) => {
|
const handleDelete = async (row: any) => {
|
||||||
try {
|
try {
|
||||||
const { confirm } = useMessageBox()
|
const { confirm } = useMessageBox()
|
||||||
await confirm(`确定要删除批次 "${row.title}" 吗?`)
|
await confirm(`确定要删除批<E999A4><E689B9>?"${row.title}" 吗?`)
|
||||||
await delObj([row.id])
|
await delObj([row.id])
|
||||||
useMessage().success('删除成功')
|
useMessage().success('删除成功')
|
||||||
getDataList()
|
getDataList()
|
||||||
@@ -389,7 +389,7 @@ const getClassifyDict = async () => {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// 初始化
|
// 初始<EFBFBD><EFBFBD>?
|
||||||
onMounted(() => {
|
onMounted(() => {
|
||||||
getSchoolYearList()
|
getSchoolYearList()
|
||||||
getSchoolTermDict()
|
getSchoolTermDict()
|
||||||
@@ -399,5 +399,6 @@ onMounted(() => {
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped lang="scss">
|
<style scoped lang="scss">
|
||||||
|
@import '/@/assets/styles/modern-page.scss';
|
||||||
</style>
|
</style>
|
||||||
|
|
||||||
|
|||||||
@@ -7,7 +7,7 @@
|
|||||||
<div class="card-header">
|
<div class="card-header">
|
||||||
<span class="card-title">
|
<span class="card-title">
|
||||||
<el-icon class="title-icon"><Search /></el-icon>
|
<el-icon class="title-icon"><Search /></el-icon>
|
||||||
筛选条件
|
筛选条<EFBFBD><EFBFBD>?
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
@@ -34,10 +34,10 @@
|
|||||||
clearable
|
clearable
|
||||||
style="width: 200px" />
|
style="width: 200px" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="所属类别" prop="type">
|
<el-form-item label="所属类<EFBFBD><EFBFBD>? prop="type">
|
||||||
<el-select
|
<el-select
|
||||||
v-model="state.queryForm.type"
|
v-model="state.queryForm.type"
|
||||||
placeholder="请选择所属类别"
|
placeholder="请选择所属类<EFBFBD><EFBFBD>?
|
||||||
clearable
|
clearable
|
||||||
style="width: 200px">
|
style="width: 200px">
|
||||||
<el-option
|
<el-option
|
||||||
@@ -84,7 +84,7 @@
|
|||||||
@order-change="handleColumnOrderChange"
|
@order-change="handleColumnOrderChange"
|
||||||
>
|
>
|
||||||
<template #trigger>
|
<template #trigger>
|
||||||
<el-tooltip class="item" effect="dark" content="列设置" placement="top">
|
<el-tooltip class="item" effect="dark" content="列设<EFBFBD><EFBFBD>? placement="top">
|
||||||
<el-button circle style="margin-left: 0;">
|
<el-button circle style="margin-left: 0;">
|
||||||
<el-icon><Menu /></el-icon>
|
<el-icon><Menu /></el-icon>
|
||||||
</el-button>
|
</el-button>
|
||||||
@@ -125,14 +125,14 @@
|
|||||||
<el-icon><component :is="columnConfigMap[col.prop]?.icon || Calendar" /></el-icon>
|
<el-icon><component :is="columnConfigMap[col.prop]?.icon || Calendar" /></el-icon>
|
||||||
<span style="margin-left: 4px">{{ col.label }}</span>
|
<span style="margin-left: 4px">{{ col.label }}</span>
|
||||||
</template>
|
</template>
|
||||||
<!-- 人数列特殊模板 -->
|
<!-- 人数列特殊模<EFBFBD><EFBFBD>?-->
|
||||||
<template v-if="col.prop === 'num'" #default="scope">
|
<template v-if="col.prop === 'num'" #default="scope">
|
||||||
<el-tag v-if="scope.row.num !== undefined && scope.row.num !== null" size="small" type="success" effect="plain">
|
<el-tag v-if="scope.row.num !== undefined && scope.row.num !== null" size="small" type="success" effect="plain">
|
||||||
{{ scope.row.num }}
|
{{ scope.row.num }}
|
||||||
</el-tag>
|
</el-tag>
|
||||||
<span v-else>-</span>
|
<span v-else>-</span>
|
||||||
</template>
|
</template>
|
||||||
<!-- 成立时间列特殊模板 -->
|
<!-- 成立时间列特殊模<EFBFBD><EFBFBD>?-->
|
||||||
<template v-else-if="col.prop === 'openTime'" #default="scope">
|
<template v-else-if="col.prop === 'openTime'" #default="scope">
|
||||||
<span>{{ parseTime(scope.row.openTime, '{y}-{m}-{d}') }}</span>
|
<span>{{ parseTime(scope.row.openTime, '{y}-{m}-{d}') }}</span>
|
||||||
</template>
|
</template>
|
||||||
@@ -210,7 +210,7 @@ import {
|
|||||||
Phone, Collection, Document, Files, Setting, Menu, Search
|
Phone, Collection, Document, Files, Setting, Menu, Search
|
||||||
} from '@element-plus/icons-vue'
|
} from '@element-plus/icons-vue'
|
||||||
import { useTableColumnControl } from '/@/hooks/tableColumn'
|
import { useTableColumnControl } from '/@/hooks/tableColumn'
|
||||||
import '/@/styles/modern-page.scss'
|
|
||||||
|
|
||||||
// 定义变量内容
|
// 定义变量内容
|
||||||
const route = useRoute()
|
const route = useRoute()
|
||||||
@@ -222,21 +222,21 @@ const showSearch = ref(true)
|
|||||||
const deptList = ref<any[]>([])
|
const deptList = ref<any[]>([])
|
||||||
const typeList = ref<any[]>([])
|
const typeList = ref<any[]>([])
|
||||||
|
|
||||||
// 表格列配置
|
// 表格列配<EFBFBD><EFBFBD>?
|
||||||
const tableColumns = [
|
const tableColumns = [
|
||||||
{ prop: 'associationName', label: '社团名称', minWidth: 200 },
|
{ prop: 'associationName', label: '社团名称', minWidth: 200 },
|
||||||
{ prop: 'deptName', label: '学院', minWidth: 150 },
|
{ prop: 'deptName', label: '学院', minWidth: 150 },
|
||||||
{ prop: 'teacherRealName', label: '指导老师姓名', width: 120 },
|
{ prop: 'teacherRealName', label: '指导老师姓名', width: 120 },
|
||||||
{ prop: 'maintainer', label: '负责人', width: 100 },
|
{ prop: 'maintainer', label: '负责<EFBFBD><EFBFBD>?, width: 100 },
|
||||||
{ prop: 'num', label: '人数', width: 80 },
|
{ prop: 'num', label: '人数', width: 80 },
|
||||||
{ prop: 'openTime', label: '成立时间', width: 120 },
|
{ prop: 'openTime', label: '成立时间', width: 120 },
|
||||||
{ prop: 'tel', label: '联系电话', width: 120 },
|
{ prop: 'tel', label: '联系电话', width: 120 },
|
||||||
{ prop: 'type', label: '所属类别', width: 120 },
|
{ prop: 'type', label: '所属类<EFBFBD><EFBFBD>?, width: 120 },
|
||||||
{ prop: 'applyNote', label: '成立申请', minWidth: 200 },
|
{ prop: 'applyNote', label: '成立申请', minWidth: 200 },
|
||||||
{ prop: 'ruleNote', label: '社团章程', minWidth: 200 }
|
{ prop: 'ruleNote', label: '社团章程', minWidth: 200 }
|
||||||
]
|
]
|
||||||
|
|
||||||
// 列配置映射(用于图标)
|
// 列配置映射(用于图标<EFBFBD><EFBFBD>?
|
||||||
const columnConfigMap: Record<string, { icon: any }> = {
|
const columnConfigMap: Record<string, { icon: any }> = {
|
||||||
associationName: { icon: Trophy },
|
associationName: { icon: Trophy },
|
||||||
deptName: { icon: OfficeBuilding },
|
deptName: { icon: OfficeBuilding },
|
||||||
@@ -277,7 +277,7 @@ const state: BasicTableProps = reactive<BasicTableProps>({
|
|||||||
item: 'records',
|
item: 'records',
|
||||||
totalCount: 'total'
|
totalCount: 'total'
|
||||||
},
|
},
|
||||||
createdIsNeed: true // 页面加载时自动获取数据
|
createdIsNeed: true // 页面加载时自动获取数<EFBFBD><EFBFBD>?
|
||||||
})
|
})
|
||||||
|
|
||||||
// table hook
|
// table hook
|
||||||
@@ -288,7 +288,7 @@ const {
|
|||||||
tableStyle: _tableStyle
|
tableStyle: _tableStyle
|
||||||
} = useTable(state)
|
} = useTable(state)
|
||||||
|
|
||||||
// 格式化类型
|
// 格式化类<EFBFBD><EFBFBD>?
|
||||||
const formatType = (value: string | number) => {
|
const formatType = (value: string | number) => {
|
||||||
if (value === null || value === undefined || value === '') {
|
if (value === null || value === undefined || value === '') {
|
||||||
return '-'
|
return '-'
|
||||||
@@ -362,7 +362,7 @@ const getTypeDict = async () => {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// 初始化
|
// 初始<EFBFBD><EFBFBD>?
|
||||||
onMounted(() => {
|
onMounted(() => {
|
||||||
getDeptListData()
|
getDeptListData()
|
||||||
getTypeDict()
|
getTypeDict()
|
||||||
@@ -374,5 +374,6 @@ onMounted(() => {
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped lang="scss">
|
<style scoped lang="scss">
|
||||||
|
@import '/@/assets/styles/modern-page.scss';
|
||||||
</style>
|
</style>
|
||||||
|
|
||||||
|
|||||||
@@ -7,7 +7,7 @@
|
|||||||
<div class="card-header">
|
<div class="card-header">
|
||||||
<span class="card-title">
|
<span class="card-title">
|
||||||
<el-icon class="title-icon"><Search /></el-icon>
|
<el-icon class="title-icon"><Search /></el-icon>
|
||||||
筛选条件
|
筛选条<EFBFBD><EFBFBD>?
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
@@ -74,14 +74,14 @@
|
|||||||
<el-form-item label="姓名" prop="realName">
|
<el-form-item label="姓名" prop="realName">
|
||||||
<el-input
|
<el-input
|
||||||
v-model="state.queryForm.realName"
|
v-model="state.queryForm.realName"
|
||||||
placeholder="请输入姓名"
|
placeholder="请输入姓<EFBFBD><EFBFBD>?
|
||||||
clearable
|
clearable
|
||||||
style="width: 200px" />
|
style="width: 200px" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="学号" prop="stuNo">
|
<el-form-item label="学号" prop="stuNo">
|
||||||
<el-input
|
<el-input
|
||||||
v-model="state.queryForm.stuNo"
|
v-model="state.queryForm.stuNo"
|
||||||
placeholder="请输入学号"
|
placeholder="请输入学<EFBFBD><EFBFBD>?
|
||||||
clearable
|
clearable
|
||||||
style="width: 200px" />
|
style="width: 200px" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
@@ -121,7 +121,7 @@
|
|||||||
@order-change="handleColumnOrderChange"
|
@order-change="handleColumnOrderChange"
|
||||||
>
|
>
|
||||||
<template #trigger>
|
<template #trigger>
|
||||||
<el-tooltip class="item" effect="dark" content="列设置" placement="top">
|
<el-tooltip class="item" effect="dark" content="列设<EFBFBD><EFBFBD>? placement="top">
|
||||||
<el-button circle style="margin-left: 0;">
|
<el-button circle style="margin-left: 0;">
|
||||||
<el-icon><Menu /></el-icon>
|
<el-icon><Menu /></el-icon>
|
||||||
</el-button>
|
</el-button>
|
||||||
@@ -162,23 +162,23 @@
|
|||||||
<el-icon><component :is="columnConfigMap[col.prop]?.icon || Calendar" /></el-icon>
|
<el-icon><component :is="columnConfigMap[col.prop]?.icon || Calendar" /></el-icon>
|
||||||
<span style="margin-left: 4px">{{ col.label }}</span>
|
<span style="margin-left: 4px">{{ col.label }}</span>
|
||||||
</template>
|
</template>
|
||||||
<!-- 学期列特殊模板 -->
|
<!-- 学期列特殊模<EFBFBD><EFBFBD>?-->
|
||||||
<template v-if="col.prop === 'schoolTerm'" #default="scope">
|
<template v-if="col.prop === 'schoolTerm'" #default="scope">
|
||||||
<el-tag size="small" type="primary" effect="plain">
|
<el-tag size="small" type="primary" effect="plain">
|
||||||
{{ formatSchoolTerm(scope.row.schoolTerm) }}
|
{{ formatSchoolTerm(scope.row.schoolTerm) }}
|
||||||
</el-tag>
|
</el-tag>
|
||||||
</template>
|
</template>
|
||||||
<!-- 需关爱类型列特殊模板 -->
|
<!-- 需关爱类型列特殊模<EFBFBD><EFBFBD>?-->
|
||||||
<template v-else-if="col.prop === 'careType'" #default="scope">
|
<template v-else-if="col.prop === 'careType'" #default="scope">
|
||||||
<el-tag size="small" type="danger" effect="plain">
|
<el-tag size="small" type="danger" effect="plain">
|
||||||
{{ formatCareType(scope.row.careType) }}
|
{{ formatCareType(scope.row.careType) }}
|
||||||
</el-tag>
|
</el-tag>
|
||||||
</template>
|
</template>
|
||||||
<!-- 记录时间列特殊模板 -->
|
<!-- 记录时间列特殊模<EFBFBD><EFBFBD>?-->
|
||||||
<template v-else-if="col.prop === 'recordDate'" #default="scope">
|
<template v-else-if="col.prop === 'recordDate'" #default="scope">
|
||||||
<span>{{ scope.row.recordDate || '-' }}</span>
|
<span>{{ scope.row.recordDate || '-' }}</span>
|
||||||
</template>
|
</template>
|
||||||
<!-- 干预结果列特殊模板 -->
|
<!-- 干预结果列特殊模<EFBFBD><EFBFBD>?-->
|
||||||
<template v-else-if="col.prop === 'result'" #default="scope">
|
<template v-else-if="col.prop === 'result'" #default="scope">
|
||||||
<span>{{ scope.row.result || '-' }}</span>
|
<span>{{ scope.row.result || '-' }}</span>
|
||||||
</template>
|
</template>
|
||||||
@@ -248,7 +248,7 @@ import FormDialog from './form.vue'
|
|||||||
import ResultDialog from './result.vue'
|
import ResultDialog from './result.vue'
|
||||||
import { List, Calendar, Clock, OfficeBuilding, Grid, Avatar, UserFilled, Phone, Heart, Warning, CircleCheck, Setting, Menu, Search, Document } from '@element-plus/icons-vue'
|
import { List, Calendar, Clock, OfficeBuilding, Grid, Avatar, UserFilled, Phone, Heart, Warning, CircleCheck, Setting, Menu, Search, Document } from '@element-plus/icons-vue'
|
||||||
import { useTableColumnControl } from '/@/hooks/tableColumnControl'
|
import { useTableColumnControl } from '/@/hooks/tableColumnControl'
|
||||||
import '/@/styles/modern-page.scss'
|
|
||||||
|
|
||||||
// 定义变量内容
|
// 定义变量内容
|
||||||
const route = useRoute()
|
const route = useRoute()
|
||||||
@@ -263,22 +263,22 @@ const deptList = ref<any[]>([])
|
|||||||
const classList = ref<any[]>([])
|
const classList = ref<any[]>([])
|
||||||
const careTypeList = ref<any[]>([])
|
const careTypeList = ref<any[]>([])
|
||||||
|
|
||||||
// 表格列配置
|
// 表格列配<EFBFBD><EFBFBD>?
|
||||||
const tableColumns = [
|
const tableColumns = [
|
||||||
{ prop: 'schoolYear', label: '学年' },
|
{ prop: 'schoolYear', label: '学年' },
|
||||||
{ prop: 'schoolTerm', label: '学期' },
|
{ prop: 'schoolTerm', label: '学期' },
|
||||||
{ prop: 'deptName', label: '学院' },
|
{ prop: 'deptName', label: '学院' },
|
||||||
{ prop: 'classNo', label: '班级' },
|
{ prop: 'classNo', label: '班级' },
|
||||||
{ prop: 'realName', label: '姓名' },
|
{ prop: 'realName', label: '姓名' },
|
||||||
{ prop: 'teacherRealName', label: '班主任姓名' },
|
{ prop: 'teacherRealName', label: '班主任姓<EFBFBD><EFBFBD>? },
|
||||||
{ prop: 'teacherTel', label: '班主任电话' },
|
{ prop: 'teacherTel', label: '班主任电<EFBFBD><EFBFBD>? },
|
||||||
{ prop: 'careType', label: '需关爱类型' },
|
{ prop: 'careType', label: '需关爱类型' },
|
||||||
{ prop: 'present', label: '危机表现', minWidth: 150 },
|
{ prop: 'present', label: '危机表现', minWidth: 150 },
|
||||||
{ prop: 'recordDate', label: '记录时间', width: 120 },
|
{ prop: 'recordDate', label: '记录时间', width: 120 },
|
||||||
{ prop: 'result', label: '干预结果', minWidth: 150 }
|
{ prop: 'result', label: '干预结果', minWidth: 150 }
|
||||||
]
|
]
|
||||||
|
|
||||||
// 列配置映射(用于图标)
|
// 列配置映射(用于图标<EFBFBD><EFBFBD>?
|
||||||
const columnConfigMap: Record<string, { icon: any }> = {
|
const columnConfigMap: Record<string, { icon: any }> = {
|
||||||
schoolYear: { icon: Calendar },
|
schoolYear: { icon: Calendar },
|
||||||
schoolTerm: { icon: Clock },
|
schoolTerm: { icon: Clock },
|
||||||
@@ -328,7 +328,7 @@ const {
|
|||||||
tableStyle
|
tableStyle
|
||||||
} = useTable(state)
|
} = useTable(state)
|
||||||
|
|
||||||
// 格式化学期
|
// 格式化学<EFBFBD><EFBFBD>?
|
||||||
const formatSchoolTerm = (value: string | number) => {
|
const formatSchoolTerm = (value: string | number) => {
|
||||||
if (value === null || value === undefined || value === '') {
|
if (value === null || value === undefined || value === '') {
|
||||||
return '-'
|
return '-'
|
||||||
@@ -457,7 +457,7 @@ const getCareTypeDict = async () => {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// 初始化
|
// 初始<EFBFBD><EFBFBD>?
|
||||||
onMounted(() => {
|
onMounted(() => {
|
||||||
getSchoolYearList()
|
getSchoolYearList()
|
||||||
getSchoolTermDict()
|
getSchoolTermDict()
|
||||||
@@ -472,5 +472,6 @@ onMounted(() => {
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped lang="scss">
|
<style scoped lang="scss">
|
||||||
|
@import '/@/assets/styles/modern-page.scss';
|
||||||
</style>
|
</style>
|
||||||
|
|
||||||
|
|||||||
@@ -7,7 +7,7 @@
|
|||||||
<div class="card-header">
|
<div class="card-header">
|
||||||
<span class="card-title">
|
<span class="card-title">
|
||||||
<el-icon class="title-icon"><Search /></el-icon>
|
<el-icon class="title-icon"><Search /></el-icon>
|
||||||
筛选条件
|
筛选条<EFBFBD><EFBFBD>?
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
@@ -75,7 +75,7 @@
|
|||||||
<el-form-item label="姓名" prop="realName">
|
<el-form-item label="姓名" prop="realName">
|
||||||
<el-input
|
<el-input
|
||||||
v-model="state.queryForm.realName"
|
v-model="state.queryForm.realName"
|
||||||
placeholder="请输入姓名"
|
placeholder="请输入姓<EFBFBD><EFBFBD>?
|
||||||
clearable
|
clearable
|
||||||
style="width: 200px" />
|
style="width: 200px" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
@@ -136,7 +136,7 @@
|
|||||||
@order-change="handleColumnOrderChange"
|
@order-change="handleColumnOrderChange"
|
||||||
>
|
>
|
||||||
<template #trigger>
|
<template #trigger>
|
||||||
<el-tooltip class="item" effect="dark" content="列设置" placement="top">
|
<el-tooltip class="item" effect="dark" content="列设<EFBFBD><EFBFBD>? placement="top">
|
||||||
<el-button circle style="margin-left: 0;">
|
<el-button circle style="margin-left: 0;">
|
||||||
<el-icon><Menu /></el-icon>
|
<el-icon><Menu /></el-icon>
|
||||||
</el-button>
|
</el-button>
|
||||||
@@ -177,23 +177,23 @@
|
|||||||
<el-icon><component :is="columnConfigMap[col.prop]?.icon || Calendar" /></el-icon>
|
<el-icon><component :is="columnConfigMap[col.prop]?.icon || Calendar" /></el-icon>
|
||||||
<span style="margin-left: 4px">{{ col.label }}</span>
|
<span style="margin-left: 4px">{{ col.label }}</span>
|
||||||
</template>
|
</template>
|
||||||
<!-- 学期列特殊模板 -->
|
<!-- 学期列特殊模<EFBFBD><EFBFBD>?-->
|
||||||
<template v-if="col.prop === 'schoolTerm'" #default="scope">
|
<template v-if="col.prop === 'schoolTerm'" #default="scope">
|
||||||
<el-tag size="small" type="primary" effect="plain">
|
<el-tag size="small" type="primary" effect="plain">
|
||||||
{{ formatSchoolTerm(scope.row.schoolTerm) }}
|
{{ formatSchoolTerm(scope.row.schoolTerm) }}
|
||||||
</el-tag>
|
</el-tag>
|
||||||
</template>
|
</template>
|
||||||
<!-- 类型列特殊模板 -->
|
<!-- 类型列特殊模<EFBFBD><EFBFBD>?-->
|
||||||
<template v-else-if="col.prop === 'conductType'" #default="scope">
|
<template v-else-if="col.prop === 'conductType'" #default="scope">
|
||||||
<el-tag size="small" type="warning" effect="plain">
|
<el-tag size="small" type="warning" effect="plain">
|
||||||
{{ formatType(scope.row.conductType) }}
|
{{ formatType(scope.row.conductType) }}
|
||||||
</el-tag>
|
</el-tag>
|
||||||
</template>
|
</template>
|
||||||
<!-- 考核时间列特殊模板 -->
|
<!-- 考核时间列特殊模<EFBFBD><EFBFBD>?-->
|
||||||
<template v-else-if="col.prop === 'recordDate'" #default="scope">
|
<template v-else-if="col.prop === 'recordDate'" #default="scope">
|
||||||
<span>{{ scope.row.recordDate || '-' }}</span>
|
<span>{{ scope.row.recordDate || '-' }}</span>
|
||||||
</template>
|
</template>
|
||||||
<!-- 附件列特殊模板 -->
|
<!-- 附件列特殊模<EFBFBD><EFBFBD>?-->
|
||||||
<template v-else-if="col.prop === 'attachment'" #default="scope">
|
<template v-else-if="col.prop === 'attachment'" #default="scope">
|
||||||
<el-button
|
<el-button
|
||||||
v-if="scope.row.attachment"
|
v-if="scope.row.attachment"
|
||||||
@@ -261,7 +261,7 @@
|
|||||||
drag>
|
drag>
|
||||||
<el-icon class="el-icon--upload"><upload-filled /></el-icon>
|
<el-icon class="el-icon--upload"><upload-filled /></el-icon>
|
||||||
<div class="el-upload__text">
|
<div class="el-upload__text">
|
||||||
将文件拖到此处,或<em>点击上传</em>
|
将文件拖到此处,<EFBFBD><EFBFBD>?em>点击上传</em>
|
||||||
</div>
|
</div>
|
||||||
<template #tip>
|
<template #tip>
|
||||||
<div class="el-upload__tip">
|
<div class="el-upload__tip">
|
||||||
@@ -271,8 +271,8 @@
|
|||||||
</el-upload>
|
</el-upload>
|
||||||
<template #footer>
|
<template #footer>
|
||||||
<span class="dialog-footer">
|
<span class="dialog-footer">
|
||||||
<el-button @click="importDialogVisible = false">取 消</el-button>
|
<el-button @click="importDialogVisible = false"><EFBFBD><EFBFBD>?<EFBFBD><EFBFBD>?/el-button>
|
||||||
<el-button type="primary" @click="handleImportSubmit" :disabled="!importFile || importLoading">确 认</el-button>
|
<el-button type="primary" @click="handleImportSubmit" :disabled="!importFile || importLoading"><EFBFBD><EFBFBD>?<EFBFBD><EFBFBD>?/el-button>
|
||||||
</span>
|
</span>
|
||||||
</template>
|
</template>
|
||||||
</el-dialog>
|
</el-dialog>
|
||||||
@@ -292,7 +292,7 @@ import { useMessage, useMessageBox } from "/@/hooks/message";
|
|||||||
import TableColumnControl from '/@/components/TableColumnControl/index.vue'
|
import TableColumnControl from '/@/components/TableColumnControl/index.vue'
|
||||||
import { UploadFilled, List, CreditCard, Calendar, Clock, OfficeBuilding, Grid, Avatar, Collection, Document, Setting, Menu, Search } from '@element-plus/icons-vue'
|
import { UploadFilled, List, CreditCard, Calendar, Clock, OfficeBuilding, Grid, Avatar, Collection, Document, Setting, Menu, Search } from '@element-plus/icons-vue'
|
||||||
import { useTableColumnControl } from '/@/hooks/tableColumnControl'
|
import { useTableColumnControl } from '/@/hooks/tableColumnControl'
|
||||||
import '/@/styles/modern-page.scss'
|
|
||||||
import FormDialog from './form.vue'
|
import FormDialog from './form.vue'
|
||||||
|
|
||||||
// 定义变量内容
|
// 定义变量内容
|
||||||
@@ -311,7 +311,7 @@ const importDialogVisible = ref(false)
|
|||||||
const importFile = ref<File | null>(null)
|
const importFile = ref<File | null>(null)
|
||||||
const importLoading = ref(false)
|
const importLoading = ref(false)
|
||||||
|
|
||||||
// 表格列配置
|
// 表格列配<EFBFBD><EFBFBD>?
|
||||||
const tableColumns = [
|
const tableColumns = [
|
||||||
{ prop: 'stuNo', label: '学号' },
|
{ prop: 'stuNo', label: '学号' },
|
||||||
{ prop: 'schoolYear', label: '学年' },
|
{ prop: 'schoolYear', label: '学年' },
|
||||||
@@ -325,7 +325,7 @@ const tableColumns = [
|
|||||||
{ prop: 'attachment', label: '附件', width: 100 }
|
{ prop: 'attachment', label: '附件', width: 100 }
|
||||||
]
|
]
|
||||||
|
|
||||||
// 列配置映射(用于图标)
|
// 列配置映射(用于图标<EFBFBD><EFBFBD>?
|
||||||
const columnConfigMap: Record<string, { icon: any }> = {
|
const columnConfigMap: Record<string, { icon: any }> = {
|
||||||
stuNo: { icon: CreditCard },
|
stuNo: { icon: CreditCard },
|
||||||
schoolYear: { icon: Calendar },
|
schoolYear: { icon: Calendar },
|
||||||
@@ -374,7 +374,7 @@ const {
|
|||||||
tableStyle
|
tableStyle
|
||||||
} = useTable(state)
|
} = useTable(state)
|
||||||
|
|
||||||
// 格式化学期
|
// 格式化学<EFBFBD><EFBFBD>?
|
||||||
const formatSchoolTerm = (value: string | number) => {
|
const formatSchoolTerm = (value: string | number) => {
|
||||||
if (value === null || value === undefined || value === '') {
|
if (value === null || value === undefined || value === '') {
|
||||||
return '-'
|
return '-'
|
||||||
@@ -383,7 +383,7 @@ const formatSchoolTerm = (value: string | number) => {
|
|||||||
return dictItem ? dictItem.label : value
|
return dictItem ? dictItem.label : value
|
||||||
}
|
}
|
||||||
|
|
||||||
// 格式化类型
|
// 格式化类<EFBFBD><EFBFBD>?
|
||||||
const formatType = (value: string) => {
|
const formatType = (value: string) => {
|
||||||
if (!value) return '-'
|
if (!value) return '-'
|
||||||
const item = typeList.value.find((item: any) => item.value === value)
|
const item = typeList.value.find((item: any) => item.value === value)
|
||||||
@@ -392,7 +392,7 @@ const formatType = (value: string) => {
|
|||||||
|
|
||||||
// 学院变化
|
// 学院变化
|
||||||
const handleDeptChange = () => {
|
const handleDeptChange = () => {
|
||||||
// 可以根据学院筛选班级,这里暂时不实现
|
// 可以根据学院筛选班级,这里暂时不实<EFBFBD><EFBFBD>?
|
||||||
}
|
}
|
||||||
|
|
||||||
// 重置
|
// 重置
|
||||||
@@ -549,7 +549,7 @@ const getTypeDict = async () => {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// 初始化
|
// 初始<EFBFBD><EFBFBD>?
|
||||||
onMounted(() => {
|
onMounted(() => {
|
||||||
getSchoolYearList()
|
getSchoolYearList()
|
||||||
getSchoolTermDict()
|
getSchoolTermDict()
|
||||||
@@ -564,5 +564,6 @@ onMounted(() => {
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped lang="scss">
|
<style scoped lang="scss">
|
||||||
|
@import '/@/assets/styles/modern-page.scss';
|
||||||
</style>
|
</style>
|
||||||
|
|
||||||
|
|||||||
@@ -7,7 +7,7 @@
|
|||||||
<div class="card-header">
|
<div class="card-header">
|
||||||
<span class="card-title">
|
<span class="card-title">
|
||||||
<el-icon class="title-icon"><Search /></el-icon>
|
<el-icon class="title-icon"><Search /></el-icon>
|
||||||
筛选条件
|
筛选条<EFBFBD><EFBFBD>?
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
@@ -47,7 +47,7 @@
|
|||||||
icon="FolderAdd"
|
icon="FolderAdd"
|
||||||
type="primary"
|
type="primary"
|
||||||
@click="formDialogRef.openDialog()">
|
@click="formDialogRef.openDialog()">
|
||||||
新 增
|
<EFBFBD><EFBFBD>?<EFBFBD><EFBFBD>?
|
||||||
</el-button>
|
</el-button>
|
||||||
<right-toolbar
|
<right-toolbar
|
||||||
v-model:showSearch="showSearch"
|
v-model:showSearch="showSearch"
|
||||||
@@ -63,7 +63,7 @@
|
|||||||
@order-change="handleColumnOrderChange"
|
@order-change="handleColumnOrderChange"
|
||||||
>
|
>
|
||||||
<template #trigger>
|
<template #trigger>
|
||||||
<el-tooltip class="item" effect="dark" content="列设置" placement="top">
|
<el-tooltip class="item" effect="dark" content="列设<EFBFBD><EFBFBD>? placement="top">
|
||||||
<el-button circle style="margin-left: 0;">
|
<el-button circle style="margin-left: 0;">
|
||||||
<el-icon><Menu /></el-icon>
|
<el-icon><Menu /></el-icon>
|
||||||
</el-button>
|
</el-button>
|
||||||
@@ -162,7 +162,7 @@ import TableColumnControl from '/@/components/TableColumnControl/index.vue'
|
|||||||
import FormDialog from './form.vue'
|
import FormDialog from './form.vue'
|
||||||
import { List, Calendar, Document, OfficeBuilding, Setting, Menu, Search } from '@element-plus/icons-vue'
|
import { List, Calendar, Document, OfficeBuilding, Setting, Menu, Search } from '@element-plus/icons-vue'
|
||||||
import { useTableColumnControl } from '/@/hooks/tableColumnControl'
|
import { useTableColumnControl } from '/@/hooks/tableColumnControl'
|
||||||
import '/@/styles/modern-page.scss'
|
|
||||||
|
|
||||||
// 定义变量内容
|
// 定义变量内容
|
||||||
const route = useRoute()
|
const route = useRoute()
|
||||||
@@ -172,9 +172,9 @@ const showSearch = ref(true)
|
|||||||
const deptList = ref<any[]>([])
|
const deptList = ref<any[]>([])
|
||||||
const formDialogRef = ref()
|
const formDialogRef = ref()
|
||||||
|
|
||||||
// 表格列配置
|
// 表格列配<EFBFBD><EFBFBD>?
|
||||||
const tableColumns = [
|
const tableColumns = [
|
||||||
{ prop: 'startTime', label: '开始时间', icon: Calendar, width: 180 },
|
{ prop: 'startTime', label: '开始时<EFBFBD><EFBFBD>?, icon: Calendar, width: 180 },
|
||||||
{ prop: 'endTime', label: '结束时间', icon: Calendar, width: 180 },
|
{ prop: 'endTime', label: '结束时间', icon: Calendar, width: 180 },
|
||||||
{ prop: 'reason', label: '请假事由', icon: Document },
|
{ prop: 'reason', label: '请假事由', icon: Document },
|
||||||
{ prop: 'deptName', label: '发起部门', icon: OfficeBuilding }
|
{ prop: 'deptName', label: '发起部门', icon: OfficeBuilding }
|
||||||
@@ -213,7 +213,7 @@ const {
|
|||||||
tableStyle
|
tableStyle
|
||||||
} = useTable(state)
|
} = useTable(state)
|
||||||
|
|
||||||
// 格式化日期时间
|
// 格式化日期时<EFBFBD><EFBFBD>?
|
||||||
const formatDateTime = (dateTime: string) => {
|
const formatDateTime = (dateTime: string) => {
|
||||||
if (!dateTime) return '-'
|
if (!dateTime) return '-'
|
||||||
// 如果包含时间部分,只显示日期部分
|
// 如果包含时间部分,只显示日期部分
|
||||||
@@ -243,7 +243,7 @@ const handleEdit = (row: any) => {
|
|||||||
// 删除
|
// 删除
|
||||||
const handleDelete = async (row: any) => {
|
const handleDelete = async (row: any) => {
|
||||||
try {
|
try {
|
||||||
await useMessageBox().confirm('确定要删除这条记录吗?')
|
await useMessageBox().confirm('确定要删除这条记录吗<EFBFBD><EFBFBD>?)
|
||||||
await delObj([row.id])
|
await delObj([row.id])
|
||||||
useMessage().success('删除成功')
|
useMessage().success('删除成功')
|
||||||
getDataList()
|
getDataList()
|
||||||
@@ -266,8 +266,12 @@ const getDeptListData = async () => {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// 初始化
|
// 初始<EFBFBD><EFBFBD>?
|
||||||
onMounted(() => {
|
onMounted(() => {
|
||||||
getDeptListData()
|
getDeptListData()
|
||||||
})
|
})
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
<style scoped lang="scss">
|
||||||
|
@import '/@/assets/styles/modern-page.scss';
|
||||||
|
</style>
|
||||||
|
|||||||
@@ -98,8 +98,8 @@
|
|||||||
placeholder="请选择住宿类型"
|
placeholder="请选择住宿类型"
|
||||||
clearable
|
clearable
|
||||||
style="width: 200px">
|
style="width: 200px">
|
||||||
<el-option label="走读生" value="0" />
|
<el-option label="走读" value="0" />
|
||||||
<el-option label="住宿生" value="1" />
|
<el-option label="住宿" value="1" />
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="是否住宿" prop="stayDorm">
|
<el-form-item label="是否住宿" prop="stayDorm">
|
||||||
@@ -144,10 +144,10 @@
|
|||||||
</el-option>
|
</el-option>
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="学工处审批" prop="schoolAudit">
|
<el-form-item label="学工处审核" prop="schoolAudit">
|
||||||
<el-select
|
<el-select
|
||||||
v-model="searchForm.schoolAudit"
|
v-model="searchForm.schoolAudit"
|
||||||
placeholder="请选择学工处审批"
|
placeholder="请选择学工处审核"
|
||||||
clearable
|
clearable
|
||||||
style="width: 200px">
|
style="width: 200px">
|
||||||
<el-option
|
<el-option
|
||||||
@@ -239,7 +239,7 @@
|
|||||||
:min-width="col.minWidth"
|
:min-width="col.minWidth"
|
||||||
:width="col.width">
|
:width="col.width">
|
||||||
<template #header>
|
<template #header>
|
||||||
<el-icon><component :is="columnConfigMap[col.prop]?.icon || Calendar" /></el-icon>
|
<el-icon><component :is="columnConfigMap[col.prop || '']?.icon || Calendar" /></el-icon>
|
||||||
<span style="margin-left: 4px">{{ col.label }}</span>
|
<span style="margin-left: 4px">{{ col.label }}</span>
|
||||||
</template>
|
</template>
|
||||||
<!-- 学期列特殊模板-->
|
<!-- 学期列特殊模板-->
|
||||||
@@ -303,8 +303,6 @@
|
|||||||
/>
|
/>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
</template>
|
</template>
|
||||||
<el-table-column label="操作" width="100" align="center" fixed="right">
|
<el-table-column label="操作" width="100" align="center" fixed="right">
|
||||||
<template #header>
|
<template #header>
|
||||||
@@ -351,8 +349,8 @@ import { useMessage, useMessageBox } from "/@/hooks/message";
|
|||||||
import TableColumnControl from '/@/components/TableColumnControl/index.vue'
|
import TableColumnControl from '/@/components/TableColumnControl/index.vue'
|
||||||
import FormDialog from './form.vue'
|
import FormDialog from './form.vue'
|
||||||
import { List, Calendar, Clock, OfficeBuilding, Avatar, Collection, Document, House, Warning, CircleCheck, EditPen, Setting, Menu, Search } from '@element-plus/icons-vue'
|
import { List, Calendar, Clock, OfficeBuilding, Avatar, Collection, Document, House, Warning, CircleCheck, EditPen, Setting, Menu, Search } from '@element-plus/icons-vue'
|
||||||
import { useTableColumnControl } from '/@/hooks/tableColumnControl'
|
import { useTableColumnControl } from '/@/hooks/tableColumn'
|
||||||
import '/@/styles/modern-page.scss'
|
|
||||||
import { defineAsyncComponent } from 'vue'
|
import { defineAsyncComponent } from 'vue'
|
||||||
const StatusTag = defineAsyncComponent(() => import('/@/components/StatusTag/index.vue'))
|
const StatusTag = defineAsyncComponent(() => import('/@/components/StatusTag/index.vue'))
|
||||||
|
|
||||||
@@ -384,7 +382,7 @@ const tableColumns = [
|
|||||||
{ prop: 'isFever', label: '是否发热' },
|
{ prop: 'isFever', label: '是否发热' },
|
||||||
{ prop: 'classAudit', label: '班主任审核' },
|
{ prop: 'classAudit', label: '班主任审核' },
|
||||||
{ prop: 'deptAudit', label: '学生科审核' },
|
{ prop: 'deptAudit', label: '学生科审核' },
|
||||||
{ prop: 'schoolAudit', label: '学工处审批' },
|
{ prop: 'schoolAudit', label: '学工处审核' },
|
||||||
{ prop: 'remarks', label: '备注', minWidth: 150 },
|
{ prop: 'remarks', label: '备注', minWidth: 150 },
|
||||||
{ prop: 'rejectReason', label: '驳回原因', minWidth: 150 }
|
{ prop: 'rejectReason', label: '驳回原因', minWidth: 150 }
|
||||||
]
|
]
|
||||||
@@ -415,7 +413,7 @@ const {
|
|||||||
checkColumnVisible,
|
checkColumnVisible,
|
||||||
handleColumnChange,
|
handleColumnChange,
|
||||||
handleColumnOrderChange
|
handleColumnOrderChange
|
||||||
} = useTableColumnControl(tableColumns, route.path)
|
} = useTableColumnControl(tableColumns)
|
||||||
|
|
||||||
// 搜索表单
|
// 搜索表单
|
||||||
const searchForm = reactive({
|
const searchForm = reactive({
|
||||||
@@ -652,10 +650,10 @@ onMounted(() => {
|
|||||||
getLeaveTypeDict()
|
getLeaveTypeDict()
|
||||||
getYesNoDict()
|
getYesNoDict()
|
||||||
getAuditTypeDict()
|
getAuditTypeDict()
|
||||||
nextTick(() => {
|
|
||||||
if (visibleColumns.value.length === 0) {
|
|
||||||
}
|
|
||||||
})
|
|
||||||
})
|
})
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
<style scoped lang="scss">
|
||||||
|
@import '/@/assets/styles/modern-page.scss';
|
||||||
|
</style>
|
||||||
|
|
||||||
|
|||||||
@@ -7,7 +7,7 @@
|
|||||||
<div class="card-header">
|
<div class="card-header">
|
||||||
<span class="card-title">
|
<span class="card-title">
|
||||||
<el-icon class="title-icon"><Search /></el-icon>
|
<el-icon class="title-icon"><Search /></el-icon>
|
||||||
筛选条件
|
筛选条<EFBFBD><EFBFBD>?
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
@@ -74,14 +74,14 @@
|
|||||||
<el-form-item label="姓名" prop="realName">
|
<el-form-item label="姓名" prop="realName">
|
||||||
<el-input
|
<el-input
|
||||||
v-model="searchForm.realName"
|
v-model="searchForm.realName"
|
||||||
placeholder="请输入姓名"
|
placeholder="请输入姓<EFBFBD><EFBFBD>?
|
||||||
clearable
|
clearable
|
||||||
style="width: 200px" />
|
style="width: 200px" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="学号" prop="stuNo">
|
<el-form-item label="学号" prop="stuNo">
|
||||||
<el-input
|
<el-input
|
||||||
v-model="searchForm.stuNo"
|
v-model="searchForm.stuNo"
|
||||||
placeholder="请输入学号"
|
placeholder="请输入学<EFBFBD><EFBFBD>?
|
||||||
clearable
|
clearable
|
||||||
style="width: 200px" />
|
style="width: 200px" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
@@ -129,14 +129,14 @@
|
|||||||
icon="FolderAdd"
|
icon="FolderAdd"
|
||||||
type="primary"
|
type="primary"
|
||||||
@click="formDialogRef.openDialog()">
|
@click="formDialogRef.openDialog()">
|
||||||
新 增
|
<EFBFBD><EFBFBD>?<EFBFBD><EFBFBD>?
|
||||||
</el-button>
|
</el-button>
|
||||||
<el-button
|
<el-button
|
||||||
icon="Download"
|
icon="Download"
|
||||||
type="success"
|
type="success"
|
||||||
class="ml10"
|
class="ml10"
|
||||||
@click="handleExport">
|
@click="handleExport">
|
||||||
导 出
|
<EFBFBD><EFBFBD>?<EFBFBD><EFBFBD>?
|
||||||
</el-button>
|
</el-button>
|
||||||
<right-toolbar
|
<right-toolbar
|
||||||
v-model:showSearch="showSearch"
|
v-model:showSearch="showSearch"
|
||||||
@@ -152,7 +152,7 @@
|
|||||||
@order-change="handleColumnOrderChange"
|
@order-change="handleColumnOrderChange"
|
||||||
>
|
>
|
||||||
<template #trigger>
|
<template #trigger>
|
||||||
<el-tooltip class="item" effect="dark" content="列设置" placement="top">
|
<el-tooltip class="item" effect="dark" content="列设<EFBFBD><EFBFBD>? placement="top">
|
||||||
<el-button circle style="margin-left: 0;">
|
<el-button circle style="margin-left: 0;">
|
||||||
<el-icon><Menu /></el-icon>
|
<el-icon><Menu /></el-icon>
|
||||||
</el-button>
|
</el-button>
|
||||||
@@ -193,13 +193,13 @@
|
|||||||
<el-icon><component :is="columnConfigMap[col.prop]?.icon || Calendar" /></el-icon>
|
<el-icon><component :is="columnConfigMap[col.prop]?.icon || Calendar" /></el-icon>
|
||||||
<span style="margin-left: 4px">{{ col.label }}</span>
|
<span style="margin-left: 4px">{{ col.label }}</span>
|
||||||
</template>
|
</template>
|
||||||
<!-- 学期列特殊模板 -->
|
<!-- 学期列特殊模<EFBFBD><EFBFBD>?-->
|
||||||
<template v-if="col.prop === 'schoolTerm'" #default="scope">
|
<template v-if="col.prop === 'schoolTerm'" #default="scope">
|
||||||
<el-tag size="small" type="primary" effect="plain">
|
<el-tag size="small" type="primary" effect="plain">
|
||||||
{{ formatSchoolTerm(scope.row.schoolTerm) }}
|
{{ formatSchoolTerm(scope.row.schoolTerm) }}
|
||||||
</el-tag>
|
</el-tag>
|
||||||
</template>
|
</template>
|
||||||
<!-- 处分时间列特殊模板 -->
|
<!-- 处分时间列特殊模<EFBFBD><EFBFBD>?-->
|
||||||
<template v-else-if="col.prop === 'punlishStartDate'" #default="scope">
|
<template v-else-if="col.prop === 'punlishStartDate'" #default="scope">
|
||||||
<span>{{ scope.row.punlishStartDate ? formatDate(scope.row.punlishStartDate) : '-' }}</span>
|
<span>{{ scope.row.punlishStartDate ? formatDate(scope.row.punlishStartDate) : '-' }}</span>
|
||||||
</template>
|
</template>
|
||||||
@@ -207,7 +207,7 @@
|
|||||||
<template v-else-if="col.prop === 'punlishEndDate'" #default="scope">
|
<template v-else-if="col.prop === 'punlishEndDate'" #default="scope">
|
||||||
<span>{{ scope.row.punlishEndDate ? formatDate(scope.row.punlishEndDate) : '-' }}</span>
|
<span>{{ scope.row.punlishEndDate ? formatDate(scope.row.punlishEndDate) : '-' }}</span>
|
||||||
</template>
|
</template>
|
||||||
<!-- 处分级别列特殊模板 -->
|
<!-- 处分级别列特殊模<EFBFBD><EFBFBD>?-->
|
||||||
<template v-else-if="col.prop === 'punlishLevel'" #default="scope">
|
<template v-else-if="col.prop === 'punlishLevel'" #default="scope">
|
||||||
<el-tag size="small" type="danger" effect="plain">
|
<el-tag size="small" type="danger" effect="plain">
|
||||||
{{ formatPunlishLevel(scope.row.punlishLevel) }}
|
{{ formatPunlishLevel(scope.row.punlishLevel) }}
|
||||||
@@ -217,7 +217,7 @@
|
|||||||
<template v-else-if="col.prop === 'publishStatus'" #default="scope">
|
<template v-else-if="col.prop === 'publishStatus'" #default="scope">
|
||||||
<StatusTag
|
<StatusTag
|
||||||
:value="scope.row.publishStatus"
|
:value="scope.row.publishStatus"
|
||||||
:options="[{ label: '有效', value: '1' }, { label: '已撤销', value: '2' }, { label: '已到期', value: '3' }]"
|
:options="[{ label: '有效', value: '1' }, { label: '已撤销', value: '2' }, { label: '已到<EFBFBD><EFBFBD>?, value: '3' }]"
|
||||||
:type-map="{ '1': { type: 'danger', effect: 'light' }, '2': { type: 'success', effect: 'light' }, '3': { type: 'info', effect: 'light' } }"
|
:type-map="{ '1': { type: 'danger', effect: 'light' }, '2': { type: 'success', effect: 'light' }, '3': { type: 'info', effect: 'light' } }"
|
||||||
/>
|
/>
|
||||||
</template>
|
</template>
|
||||||
@@ -290,7 +290,7 @@ import TableColumnControl from '/@/components/TableColumnControl/index.vue'
|
|||||||
import FormDialog from './form.vue'
|
import FormDialog from './form.vue'
|
||||||
import { List, Calendar, Clock, OfficeBuilding, Grid, Avatar, CreditCard, Warning, Document, CircleCheck, Setting, Menu, Search } from '@element-plus/icons-vue'
|
import { List, Calendar, Clock, OfficeBuilding, Grid, Avatar, CreditCard, Warning, Document, CircleCheck, Setting, Menu, Search } from '@element-plus/icons-vue'
|
||||||
import { useTableColumnControl } from '/@/hooks/tableColumnControl'
|
import { useTableColumnControl } from '/@/hooks/tableColumnControl'
|
||||||
import '/@/styles/modern-page.scss'
|
|
||||||
import { defineAsyncComponent } from 'vue'
|
import { defineAsyncComponent } from 'vue'
|
||||||
const StatusTag = defineAsyncComponent(() => import('/@/components/StatusTag/index.vue'))
|
const StatusTag = defineAsyncComponent(() => import('/@/components/StatusTag/index.vue'))
|
||||||
|
|
||||||
@@ -307,7 +307,7 @@ const punlishLevelList = ref<any[]>([])
|
|||||||
const publishStatusList = ref<any[]>([])
|
const publishStatusList = ref<any[]>([])
|
||||||
const formDialogRef = ref()
|
const formDialogRef = ref()
|
||||||
|
|
||||||
// 表格列配置
|
// 表格列配<EFBFBD><EFBFBD>?
|
||||||
const tableColumns = [
|
const tableColumns = [
|
||||||
{ prop: 'schoolYear', label: '学年' },
|
{ prop: 'schoolYear', label: '学年' },
|
||||||
{ prop: 'schoolTerm', label: '学期' },
|
{ prop: 'schoolTerm', label: '学期' },
|
||||||
@@ -316,13 +316,13 @@ const tableColumns = [
|
|||||||
{ prop: 'stuRealName', label: '姓名' },
|
{ prop: 'stuRealName', label: '姓名' },
|
||||||
{ prop: 'stuNo', label: '学号' },
|
{ prop: 'stuNo', label: '学号' },
|
||||||
{ prop: 'punlishStartDate', label: '处分时间', width: 180 },
|
{ prop: 'punlishStartDate', label: '处分时间', width: 180 },
|
||||||
{ prop: 'punlishEndDate', label: '到期日', width: 180 },
|
{ prop: 'punlishEndDate', label: '到期<EFBFBD><EFBFBD>?, width: 180 },
|
||||||
{ prop: 'punlishLevel', label: '处分级别' },
|
{ prop: 'punlishLevel', label: '处分级别' },
|
||||||
{ prop: 'punlishContent', label: '处分内容', minWidth: 150 },
|
{ prop: 'punlishContent', label: '处分内容', minWidth: 150 },
|
||||||
{ prop: 'publishStatus', label: '处分状态' }
|
{ prop: 'publishStatus', label: '处分状<EFBFBD><EFBFBD>? }
|
||||||
]
|
]
|
||||||
|
|
||||||
// 列配置映射(用于图标)
|
// 列配置映射(用于图标<EFBFBD><EFBFBD>?
|
||||||
const columnConfigMap: Record<string, { icon: any }> = {
|
const columnConfigMap: Record<string, { icon: any }> = {
|
||||||
schoolYear: { icon: Calendar },
|
schoolYear: { icon: Calendar },
|
||||||
schoolTerm: { icon: Clock },
|
schoolTerm: { icon: Clock },
|
||||||
@@ -363,7 +363,7 @@ const searchForm = reactive({
|
|||||||
const state: BasicTableProps = reactive<BasicTableProps>({
|
const state: BasicTableProps = reactive<BasicTableProps>({
|
||||||
queryForm: searchForm,
|
queryForm: searchForm,
|
||||||
pageList: async (params: any) => {
|
pageList: async (params: any) => {
|
||||||
// 处理处分月份参数,API需要数组格式
|
// 处理处分月份参数,API需要数组格<EFBFBD><EFBFBD>?
|
||||||
const queryParams = { ...params }
|
const queryParams = { ...params }
|
||||||
if (queryParams.punlishMonth) {
|
if (queryParams.punlishMonth) {
|
||||||
queryParams.punlishMonth = [queryParams.punlishMonth]
|
queryParams.punlishMonth = [queryParams.punlishMonth]
|
||||||
@@ -388,7 +388,7 @@ const {
|
|||||||
tableStyle
|
tableStyle
|
||||||
} = useTable(state)
|
} = useTable(state)
|
||||||
|
|
||||||
// 格式化学期
|
// 格式化学<EFBFBD><EFBFBD>?
|
||||||
const formatSchoolTerm = (value: string | number) => {
|
const formatSchoolTerm = (value: string | number) => {
|
||||||
if (value === null || value === undefined || value === '') {
|
if (value === null || value === undefined || value === '') {
|
||||||
return '-'
|
return '-'
|
||||||
@@ -397,7 +397,7 @@ const formatSchoolTerm = (value: string | number) => {
|
|||||||
return dictItem ? dictItem.label : value
|
return dictItem ? dictItem.label : value
|
||||||
}
|
}
|
||||||
|
|
||||||
// 格式化日期
|
// 格式化日<EFBFBD><EFBFBD>?
|
||||||
const formatDate = (dateStr: string) => {
|
const formatDate = (dateStr: string) => {
|
||||||
if (!dateStr) return '-'
|
if (!dateStr) return '-'
|
||||||
// 如果包含时间部分,只显示日期部分
|
// 如果包含时间部分,只显示日期部分
|
||||||
@@ -407,14 +407,14 @@ const formatDate = (dateStr: string) => {
|
|||||||
return dateStr
|
return dateStr
|
||||||
}
|
}
|
||||||
|
|
||||||
// 格式化处分级别
|
// 格式化处分级<EFBFBD><EFBFBD>?
|
||||||
const formatPunlishLevel = (value: string) => {
|
const formatPunlishLevel = (value: string) => {
|
||||||
if (!value) return '-'
|
if (!value) return '-'
|
||||||
const item = punlishLevelList.value.find((item: any) => item.value === value)
|
const item = punlishLevelList.value.find((item: any) => item.value === value)
|
||||||
return item ? item.label : value
|
return item ? item.label : value
|
||||||
}
|
}
|
||||||
|
|
||||||
// 格式化处分状态
|
// 格式化处分状<EFBFBD><EFBFBD>?
|
||||||
const formatPublishStatus = (value: string) => {
|
const formatPublishStatus = (value: string) => {
|
||||||
if (!value) return '-'
|
if (!value) return '-'
|
||||||
const item = publishStatusList.value.find((item: any) => item.value === value)
|
const item = publishStatusList.value.find((item: any) => item.value === value)
|
||||||
@@ -448,7 +448,7 @@ const handleEdit = (row: any) => {
|
|||||||
// 删除
|
// 删除
|
||||||
const handleDelete = async (row: any) => {
|
const handleDelete = async (row: any) => {
|
||||||
try {
|
try {
|
||||||
await useMessageBox().confirm('确定要删除这条记录吗?')
|
await useMessageBox().confirm('确定要删除这条记录吗<EFBFBD><EFBFBD>?)
|
||||||
await delObj([row.id])
|
await delObj([row.id])
|
||||||
useMessage().success('删除成功')
|
useMessage().success('删除成功')
|
||||||
getDataList()
|
getDataList()
|
||||||
@@ -461,7 +461,7 @@ const handleDelete = async (row: any) => {
|
|||||||
|
|
||||||
// 思想汇报
|
// 思想汇报
|
||||||
const handleReport = (row: any) => {
|
const handleReport = (row: any) => {
|
||||||
useMessage().info('思想汇报功能待实现')
|
useMessage().info('思想汇报功能待实<EFBFBD><EFBFBD>?)
|
||||||
// TODO: 实现思想汇报功能
|
// TODO: 实现思想汇报功能
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -469,16 +469,16 @@ const handleReport = (row: any) => {
|
|||||||
const handleCancel = async (row: any) => {
|
const handleCancel = async (row: any) => {
|
||||||
const { confirm } = useMessageBox()
|
const { confirm } = useMessageBox()
|
||||||
try {
|
try {
|
||||||
await confirm('确定要撤销该处分吗?')
|
await confirm('确定要撤销该处分吗<EFBFBD><EFBFBD>?)
|
||||||
|
|
||||||
// 获取完整的处分信息
|
// 获取完整的处分信<EFBFBD><EFBFBD>?
|
||||||
const res = await getDetail(row.id)
|
const res = await getDetail(row.id)
|
||||||
if (!res.data) {
|
if (!res.data) {
|
||||||
useMessage().error('获取处分信息失败')
|
useMessage().error('获取处分信息失败')
|
||||||
return
|
return
|
||||||
}
|
}
|
||||||
|
|
||||||
// 更新publishStatus为"0"来撤销处分
|
// 更新publishStatus<EFBFBD><EFBFBD>?0"来撤销处分
|
||||||
const updateData = {
|
const updateData = {
|
||||||
...res.data,
|
...res.data,
|
||||||
publishStatus: '0'
|
publishStatus: '0'
|
||||||
@@ -498,7 +498,7 @@ const handleCancel = async (row: any) => {
|
|||||||
const handleExport = async () => {
|
const handleExport = async () => {
|
||||||
try {
|
try {
|
||||||
const params: any = { ...searchForm }
|
const params: any = { ...searchForm }
|
||||||
// 处理处分月份参数,API需要数组格式
|
// 处理处分月份参数,API需要数组格<EFBFBD><EFBFBD>?
|
||||||
if (params.punlishMonth) {
|
if (params.punlishMonth) {
|
||||||
params.punlishMonth = [params.punlishMonth]
|
params.punlishMonth = [params.punlishMonth]
|
||||||
} else {
|
} else {
|
||||||
@@ -588,7 +588,7 @@ const getPunlishLevelDict = async () => {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// 获取处分状态字典
|
// 获取处分状态字<EFBFBD><EFBFBD>?
|
||||||
const getPublishStatusDict = async () => {
|
const getPublishStatusDict = async () => {
|
||||||
try {
|
try {
|
||||||
const res = await getDicts('publish_status')
|
const res = await getDicts('publish_status')
|
||||||
@@ -603,7 +603,7 @@ const getPublishStatusDict = async () => {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// 初始化
|
// 初始<EFBFBD><EFBFBD>?
|
||||||
onMounted(() => {
|
onMounted(() => {
|
||||||
getSchoolYearList()
|
getSchoolYearList()
|
||||||
getSchoolTermDict()
|
getSchoolTermDict()
|
||||||
@@ -618,3 +618,7 @@ onMounted(() => {
|
|||||||
})
|
})
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
<style scoped lang="scss">
|
||||||
|
@import '/@/assets/styles/modern-page.scss';
|
||||||
|
</style>
|
||||||
|
|
||||||
|
|||||||
@@ -7,7 +7,7 @@
|
|||||||
<div class="card-header">
|
<div class="card-header">
|
||||||
<span class="card-title">
|
<span class="card-title">
|
||||||
<el-icon class="title-icon"><Search /></el-icon>
|
<el-icon class="title-icon"><Search /></el-icon>
|
||||||
筛选条件
|
筛选条<EFBFBD><EFBFBD>?
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
@@ -45,7 +45,7 @@
|
|||||||
<el-form-item label="学号" prop="stuNo">
|
<el-form-item label="学号" prop="stuNo">
|
||||||
<el-input
|
<el-input
|
||||||
v-model="searchForm.stuNo"
|
v-model="searchForm.stuNo"
|
||||||
placeholder="请输入学号"
|
placeholder="请输入学<EFBFBD><EFBFBD>?
|
||||||
clearable
|
clearable
|
||||||
style="width: 200px" />
|
style="width: 200px" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
@@ -85,7 +85,7 @@
|
|||||||
@order-change="handleColumnOrderChange"
|
@order-change="handleColumnOrderChange"
|
||||||
>
|
>
|
||||||
<template #trigger>
|
<template #trigger>
|
||||||
<el-tooltip class="item" effect="dark" content="列设置" placement="top">
|
<el-tooltip class="item" effect="dark" content="列设<EFBFBD><EFBFBD>? placement="top">
|
||||||
<el-button circle style="margin-left: 0;">
|
<el-button circle style="margin-left: 0;">
|
||||||
<el-icon><Menu /></el-icon>
|
<el-icon><Menu /></el-icon>
|
||||||
</el-button>
|
</el-button>
|
||||||
@@ -184,7 +184,7 @@ import TableColumnControl from '/@/components/TableColumnControl/index.vue'
|
|||||||
import FormDialog from './form.vue'
|
import FormDialog from './form.vue'
|
||||||
import { List, Calendar, Clock, OfficeBuilding, Grid, CreditCard, Avatar, Document, UserFilled, Phone, EditPen, Setting, Menu, Search } from '@element-plus/icons-vue'
|
import { List, Calendar, Clock, OfficeBuilding, Grid, CreditCard, Avatar, Document, UserFilled, Phone, EditPen, Setting, Menu, Search } from '@element-plus/icons-vue'
|
||||||
import { useTableColumnControl } from '/@/hooks/tableColumnControl'
|
import { useTableColumnControl } from '/@/hooks/tableColumnControl'
|
||||||
import '/@/styles/modern-page.scss'
|
|
||||||
|
|
||||||
// 定义变量内容
|
// 定义变量内容
|
||||||
const route = useRoute()
|
const route = useRoute()
|
||||||
@@ -196,7 +196,7 @@ const classList = ref<any[]>([])
|
|||||||
const schoolTermList = ref<any[]>([])
|
const schoolTermList = ref<any[]>([])
|
||||||
const formDialogRef = ref()
|
const formDialogRef = ref()
|
||||||
|
|
||||||
// 表格列配置
|
// 表格列配<EFBFBD><EFBFBD>?
|
||||||
const tableColumns = [
|
const tableColumns = [
|
||||||
{ prop: 'schoolYear', label: '学年', icon: Calendar },
|
{ prop: 'schoolYear', label: '学年', icon: Calendar },
|
||||||
{ prop: 'schoolTerm', label: '学期', icon: Clock },
|
{ prop: 'schoolTerm', label: '学期', icon: Clock },
|
||||||
@@ -204,10 +204,10 @@ const tableColumns = [
|
|||||||
{ prop: 'classCode', label: '班级代码', icon: Grid },
|
{ prop: 'classCode', label: '班级代码', icon: Grid },
|
||||||
{ prop: 'stuNo', label: '学号', icon: CreditCard },
|
{ prop: 'stuNo', label: '学号', icon: CreditCard },
|
||||||
{ prop: 'realName', label: '姓名', icon: Avatar },
|
{ prop: 'realName', label: '姓名', icon: Avatar },
|
||||||
{ prop: 'startTime', label: '请假开始时间', icon: Calendar, width: 180 },
|
{ prop: 'startTime', label: '请假开始时<EFBFBD><EFBFBD>?, icon: Calendar, width: 180 },
|
||||||
{ prop: 'endTime', label: '请假结束时间', icon: Calendar, width: 180 },
|
{ prop: 'endTime', label: '请假结束时间', icon: Calendar, width: 180 },
|
||||||
{ prop: 'reason', label: '请假事由', icon: Document, minWidth: 150 },
|
{ prop: 'reason', label: '请假事由', icon: Document, minWidth: 150 },
|
||||||
{ prop: 'classTeach', label: '班主任', icon: UserFilled },
|
{ prop: 'classTeach', label: '班主<EFBFBD><EFBFBD>?, icon: UserFilled },
|
||||||
{ prop: 'stuPhote', label: '联系方式', icon: Phone },
|
{ prop: 'stuPhote', label: '联系方式', icon: Phone },
|
||||||
{ prop: 'remarks', label: '备注', icon: EditPen, minWidth: 150 }
|
{ prop: 'remarks', label: '备注', icon: EditPen, minWidth: 150 }
|
||||||
]
|
]
|
||||||
@@ -247,7 +247,7 @@ const {
|
|||||||
tableStyle
|
tableStyle
|
||||||
} = useTable(state)
|
} = useTable(state)
|
||||||
|
|
||||||
// 格式化学期
|
// 格式化学<EFBFBD><EFBFBD>?
|
||||||
const formatSchoolTerm = (value: string | number) => {
|
const formatSchoolTerm = (value: string | number) => {
|
||||||
if (value === null || value === undefined || value === '') {
|
if (value === null || value === undefined || value === '') {
|
||||||
return '-'
|
return '-'
|
||||||
@@ -256,10 +256,10 @@ const formatSchoolTerm = (value: string | number) => {
|
|||||||
return dictItem ? dictItem.label : value
|
return dictItem ? dictItem.label : value
|
||||||
}
|
}
|
||||||
|
|
||||||
// 格式化日期时间
|
// 格式化日期时<EFBFBD><EFBFBD>?
|
||||||
const formatDateTime = (dateTime: string) => {
|
const formatDateTime = (dateTime: string) => {
|
||||||
if (!dateTime) return '-'
|
if (!dateTime) return '-'
|
||||||
// 如果包含时间部分,只显示日期和时间
|
// 如果包含时间部分,只显示日期和时<EFBFBD><EFBFBD>?
|
||||||
if (dateTime.includes(' ')) {
|
if (dateTime.includes(' ')) {
|
||||||
return dateTime.split('.')[0] // 移除毫秒部分
|
return dateTime.split('.')[0] // 移除毫秒部分
|
||||||
}
|
}
|
||||||
@@ -331,7 +331,7 @@ const getSchoolTermDict = async () => {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// 初始化
|
// 初始<EFBFBD><EFBFBD>?
|
||||||
onMounted(() => {
|
onMounted(() => {
|
||||||
getDeptListData()
|
getDeptListData()
|
||||||
getClassListData()
|
getClassListData()
|
||||||
@@ -340,5 +340,6 @@ onMounted(() => {
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped lang="scss">
|
<style scoped lang="scss">
|
||||||
|
@import '/@/assets/styles/modern-page.scss';
|
||||||
</style>
|
</style>
|
||||||
|
|
||||||
|
|||||||
@@ -7,7 +7,7 @@
|
|||||||
<div class="card-header">
|
<div class="card-header">
|
||||||
<span class="card-title">
|
<span class="card-title">
|
||||||
<el-icon class="title-icon"><Search /></el-icon>
|
<el-icon class="title-icon"><Search /></el-icon>
|
||||||
筛选条件
|
筛选条<EFBFBD><EFBFBD>?
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
@@ -56,10 +56,10 @@
|
|||||||
</el-option>
|
</el-option>
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="原班级" prop="oldClassCode">
|
<el-form-item label="原班<EFBFBD><EFBFBD>? prop="oldClassCode">
|
||||||
<el-select
|
<el-select
|
||||||
v-model="searchForm.oldClassCode"
|
v-model="searchForm.oldClassCode"
|
||||||
placeholder="请选择原班级"
|
placeholder="请选择原班<EFBFBD><EFBFBD>?
|
||||||
clearable
|
clearable
|
||||||
filterable
|
filterable
|
||||||
style="width: 200px">
|
style="width: 200px">
|
||||||
@@ -74,14 +74,14 @@
|
|||||||
<el-form-item label="学号" prop="stuNo">
|
<el-form-item label="学号" prop="stuNo">
|
||||||
<el-input
|
<el-input
|
||||||
v-model="searchForm.stuNo"
|
v-model="searchForm.stuNo"
|
||||||
placeholder="请输入学号"
|
placeholder="请输入学<EFBFBD><EFBFBD>?
|
||||||
clearable
|
clearable
|
||||||
style="width: 200px" />
|
style="width: 200px" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="姓名" prop="realName">
|
<el-form-item label="姓名" prop="realName">
|
||||||
<el-input
|
<el-input
|
||||||
v-model="searchForm.realName"
|
v-model="searchForm.realName"
|
||||||
placeholder="请输入姓名"
|
placeholder="请输入姓<EFBFBD><EFBFBD>?
|
||||||
clearable
|
clearable
|
||||||
style="width: 200px" />
|
style="width: 200px" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
@@ -126,7 +126,7 @@
|
|||||||
type="success"
|
type="success"
|
||||||
class="ml10"
|
class="ml10"
|
||||||
@click="handleExport">
|
@click="handleExport">
|
||||||
导 出
|
<EFBFBD><EFBFBD>?<EFBFBD><EFBFBD>?
|
||||||
</el-button>
|
</el-button>
|
||||||
<right-toolbar
|
<right-toolbar
|
||||||
v-model:showSearch="showSearch"
|
v-model:showSearch="showSearch"
|
||||||
@@ -142,7 +142,7 @@
|
|||||||
@order-change="handleColumnOrderChange"
|
@order-change="handleColumnOrderChange"
|
||||||
>
|
>
|
||||||
<template #trigger>
|
<template #trigger>
|
||||||
<el-tooltip class="item" effect="dark" content="列设置" placement="top">
|
<el-tooltip class="item" effect="dark" content="列设<EFBFBD><EFBFBD>? placement="top">
|
||||||
<el-button circle style="margin-left: 0;">
|
<el-button circle style="margin-left: 0;">
|
||||||
<el-icon><Menu /></el-icon>
|
<el-icon><Menu /></el-icon>
|
||||||
</el-button>
|
</el-button>
|
||||||
@@ -183,23 +183,23 @@
|
|||||||
<el-icon><component :is="columnConfigMap[col.prop]?.icon || Calendar" /></el-icon>
|
<el-icon><component :is="columnConfigMap[col.prop]?.icon || Calendar" /></el-icon>
|
||||||
<span style="margin-left: 4px">{{ col.label }}</span>
|
<span style="margin-left: 4px">{{ col.label }}</span>
|
||||||
</template>
|
</template>
|
||||||
<!-- 学期列特殊模板 -->
|
<!-- 学期列特殊模<EFBFBD><EFBFBD>?-->
|
||||||
<template v-if="col.prop === 'schoolTerm'" #default="scope">
|
<template v-if="col.prop === 'schoolTerm'" #default="scope">
|
||||||
<el-tag size="small" type="primary" effect="plain">
|
<el-tag size="small" type="primary" effect="plain">
|
||||||
{{ formatSchoolTerm(scope.row.schoolTerm) }}
|
{{ formatSchoolTerm(scope.row.schoolTerm) }}
|
||||||
</el-tag>
|
</el-tag>
|
||||||
</template>
|
</template>
|
||||||
<!-- 异动时间列特殊模板 -->
|
<!-- 异动时间列特殊模<EFBFBD><EFBFBD>?-->
|
||||||
<template v-else-if="col.prop === 'turnoverDate'" #default="scope">
|
<template v-else-if="col.prop === 'turnoverDate'" #default="scope">
|
||||||
<span>{{ scope.row.turnoverDate ? formatDate(scope.row.turnoverDate) : '-' }}</span>
|
<span>{{ scope.row.turnoverDate ? formatDate(scope.row.turnoverDate) : '-' }}</span>
|
||||||
</template>
|
</template>
|
||||||
<!-- 异动类型列特殊模板 -->
|
<!-- 异动类型列特殊模<EFBFBD><EFBFBD>?-->
|
||||||
<template v-else-if="col.prop === 'turnoverType'" #default="scope">
|
<template v-else-if="col.prop === 'turnoverType'" #default="scope">
|
||||||
<el-tag size="small" type="warning" effect="plain">
|
<el-tag size="small" type="warning" effect="plain">
|
||||||
{{ formatTurnoverType(scope.row.turnoverType) }}
|
{{ formatTurnoverType(scope.row.turnoverType) }}
|
||||||
</el-tag>
|
</el-tag>
|
||||||
</template>
|
</template>
|
||||||
<!-- 转制类型列特殊模板 -->
|
<!-- 转制类型列特殊模<EFBFBD><EFBFBD>?-->
|
||||||
<template v-else-if="col.prop === 'turnYear'" #default="scope">
|
<template v-else-if="col.prop === 'turnYear'" #default="scope">
|
||||||
<el-tag size="small" type="info" effect="plain">
|
<el-tag size="small" type="info" effect="plain">
|
||||||
{{ formatTurnYear(scope.row.turnYear) }}
|
{{ formatTurnYear(scope.row.turnYear) }}
|
||||||
@@ -260,7 +260,7 @@ import TableColumnControl from '/@/components/TableColumnControl/index.vue'
|
|||||||
import FormDialog from './form.vue'
|
import FormDialog from './form.vue'
|
||||||
import { List, Calendar, Clock, OfficeBuilding, Grid, CreditCard, Avatar, Collection, Document, Setting, Menu, Search } from '@element-plus/icons-vue'
|
import { List, Calendar, Clock, OfficeBuilding, Grid, CreditCard, Avatar, Collection, Document, Setting, Menu, Search } from '@element-plus/icons-vue'
|
||||||
import { useTableColumnControl } from '/@/hooks/tableColumnControl'
|
import { useTableColumnControl } from '/@/hooks/tableColumnControl'
|
||||||
import '/@/styles/modern-page.scss'
|
|
||||||
|
|
||||||
// 定义变量内容
|
// 定义变量内容
|
||||||
const route = useRoute()
|
const route = useRoute()
|
||||||
@@ -275,13 +275,13 @@ const turnoverTypeList = ref<any[]>([])
|
|||||||
const turnYearList = ref<any[]>([])
|
const turnYearList = ref<any[]>([])
|
||||||
const formDialogRef = ref()
|
const formDialogRef = ref()
|
||||||
|
|
||||||
// 表格列配置
|
// 表格列配<EFBFBD><EFBFBD>?
|
||||||
const tableColumns = [
|
const tableColumns = [
|
||||||
{ prop: 'schoolYear', label: '学年' },
|
{ prop: 'schoolYear', label: '学年' },
|
||||||
{ prop: 'schoolTerm', label: '学期' },
|
{ prop: 'schoolTerm', label: '学期' },
|
||||||
{ prop: 'deptName', label: '学院' },
|
{ prop: 'deptName', label: '学院' },
|
||||||
{ prop: 'oldClassNo', label: '原班级' },
|
{ prop: 'oldClassNo', label: '原班<EFBFBD><EFBFBD>? },
|
||||||
{ prop: 'newClassNo', label: '现班级' },
|
{ prop: 'newClassNo', label: '现班<EFBFBD><EFBFBD>? },
|
||||||
{ prop: 'stuNo', label: '学号' },
|
{ prop: 'stuNo', label: '学号' },
|
||||||
{ prop: 'realName', label: '姓名' },
|
{ prop: 'realName', label: '姓名' },
|
||||||
{ prop: 'turnoverDate', label: '异动时间', width: 180 },
|
{ prop: 'turnoverDate', label: '异动时间', width: 180 },
|
||||||
@@ -290,7 +290,7 @@ const tableColumns = [
|
|||||||
{ prop: 'remarks', label: '异动原因', minWidth: 150 }
|
{ prop: 'remarks', label: '异动原因', minWidth: 150 }
|
||||||
]
|
]
|
||||||
|
|
||||||
// 列配置映射(用于图标)
|
// 列配置映射(用于图标<EFBFBD><EFBFBD>?
|
||||||
const columnConfigMap: Record<string, { icon: any }> = {
|
const columnConfigMap: Record<string, { icon: any }> = {
|
||||||
schoolYear: { icon: Calendar },
|
schoolYear: { icon: Calendar },
|
||||||
schoolTerm: { icon: Clock },
|
schoolTerm: { icon: Clock },
|
||||||
@@ -344,7 +344,7 @@ const {
|
|||||||
tableStyle
|
tableStyle
|
||||||
} = useTable(state)
|
} = useTable(state)
|
||||||
|
|
||||||
// 格式化学期
|
// 格式化学<EFBFBD><EFBFBD>?
|
||||||
const formatSchoolTerm = (value: string | number) => {
|
const formatSchoolTerm = (value: string | number) => {
|
||||||
if (value === null || value === undefined || value === '') {
|
if (value === null || value === undefined || value === '') {
|
||||||
return '-'
|
return '-'
|
||||||
@@ -353,7 +353,7 @@ const formatSchoolTerm = (value: string | number) => {
|
|||||||
return dictItem ? dictItem.label : value
|
return dictItem ? dictItem.label : value
|
||||||
}
|
}
|
||||||
|
|
||||||
// 格式化日期
|
// 格式化日<EFBFBD><EFBFBD>?
|
||||||
const formatDate = (dateStr: string) => {
|
const formatDate = (dateStr: string) => {
|
||||||
if (!dateStr) return '-'
|
if (!dateStr) return '-'
|
||||||
// 如果包含时间部分,只显示日期部分
|
// 如果包含时间部分,只显示日期部分
|
||||||
@@ -363,14 +363,14 @@ const formatDate = (dateStr: string) => {
|
|||||||
return dateStr
|
return dateStr
|
||||||
}
|
}
|
||||||
|
|
||||||
// 格式化异动类型
|
// 格式化异动类<EFBFBD><EFBFBD>?
|
||||||
const formatTurnoverType = (value: string) => {
|
const formatTurnoverType = (value: string) => {
|
||||||
if (!value) return '-'
|
if (!value) return '-'
|
||||||
const item = turnoverTypeList.value.find((item: any) => item.value === value)
|
const item = turnoverTypeList.value.find((item: any) => item.value === value)
|
||||||
return item ? item.label : value
|
return item ? item.label : value
|
||||||
}
|
}
|
||||||
|
|
||||||
// 格式化转制类型
|
// 格式化转制类<EFBFBD><EFBFBD>?
|
||||||
const formatTurnYear = (value: string) => {
|
const formatTurnYear = (value: string) => {
|
||||||
if (!value) return '-'
|
if (!value) return '-'
|
||||||
const item = turnYearList.value.find((item: any) => item.value === value)
|
const item = turnYearList.value.find((item: any) => item.value === value)
|
||||||
@@ -403,7 +403,7 @@ const handleEdit = (row: any) => {
|
|||||||
// 删除
|
// 删除
|
||||||
const handleDelete = async (row: any) => {
|
const handleDelete = async (row: any) => {
|
||||||
try {
|
try {
|
||||||
await useMessageBox().confirm('确定要删除这条记录吗?')
|
await useMessageBox().confirm('确定要删除这条记录吗<EFBFBD><EFBFBD>?)
|
||||||
await delObj([row.id])
|
await delObj([row.id])
|
||||||
useMessage().success('删除成功')
|
useMessage().success('删除成功')
|
||||||
getDataList()
|
getDataList()
|
||||||
@@ -515,7 +515,7 @@ const getTurnYearDict = async () => {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// 初始化
|
// 初始<EFBFBD><EFBFBD>?
|
||||||
onMounted(() => {
|
onMounted(() => {
|
||||||
getSchoolYearList()
|
getSchoolYearList()
|
||||||
getSchoolTermDict()
|
getSchoolTermDict()
|
||||||
@@ -530,3 +530,7 @@ onMounted(() => {
|
|||||||
})
|
})
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
<style scoped lang="scss">
|
||||||
|
@import '/@/assets/styles/modern-page.scss';
|
||||||
|
</style>
|
||||||
|
|
||||||
|
|||||||
@@ -7,7 +7,7 @@
|
|||||||
<div class="card-header">
|
<div class="card-header">
|
||||||
<span class="card-title">
|
<span class="card-title">
|
||||||
<el-icon class="title-icon"><Search /></el-icon>
|
<el-icon class="title-icon"><Search /></el-icon>
|
||||||
筛选条件
|
筛选条<EFBFBD><EFBFBD>?
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
@@ -30,21 +30,21 @@
|
|||||||
<el-form-item label="班号" prop="classNo">
|
<el-form-item label="班号" prop="classNo">
|
||||||
<el-input
|
<el-input
|
||||||
v-model="state.queryForm.classNo"
|
v-model="state.queryForm.classNo"
|
||||||
placeholder="请输入班号"
|
placeholder="请输入班<EFBFBD><EFBFBD>?
|
||||||
clearable
|
clearable
|
||||||
style="width: 200px" />
|
style="width: 200px" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="姓名" prop="realName">
|
<el-form-item label="姓名" prop="realName">
|
||||||
<el-input
|
<el-input
|
||||||
v-model="state.queryForm.realName"
|
v-model="state.queryForm.realName"
|
||||||
placeholder="请输入姓名"
|
placeholder="请输入姓<EFBFBD><EFBFBD>?
|
||||||
clearable
|
clearable
|
||||||
style="width: 200px" />
|
style="width: 200px" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="团员编号" prop="serNo">
|
<el-form-item label="团员编号" prop="serNo">
|
||||||
<el-input
|
<el-input
|
||||||
v-model="state.queryForm.serNo"
|
v-model="state.queryForm.serNo"
|
||||||
placeholder="请输入团员编号"
|
placeholder="请输入团员编<EFBFBD><EFBFBD>?
|
||||||
clearable
|
clearable
|
||||||
style="width: 200px" />
|
style="width: 200px" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
@@ -112,7 +112,7 @@
|
|||||||
@order-change="handleColumnOrderChange"
|
@order-change="handleColumnOrderChange"
|
||||||
>
|
>
|
||||||
<template #trigger>
|
<template #trigger>
|
||||||
<el-tooltip class="item" effect="dark" content="列设置" placement="top">
|
<el-tooltip class="item" effect="dark" content="列设<EFBFBD><EFBFBD>? placement="top">
|
||||||
<el-button circle style="margin-left: 0;">
|
<el-button circle style="margin-left: 0;">
|
||||||
<el-icon><Menu /></el-icon>
|
<el-icon><Menu /></el-icon>
|
||||||
</el-button>
|
</el-button>
|
||||||
@@ -153,11 +153,11 @@
|
|||||||
<el-icon><component :is="columnConfigMap[col.prop]?.icon || Calendar" /></el-icon>
|
<el-icon><component :is="columnConfigMap[col.prop]?.icon || Calendar" /></el-icon>
|
||||||
<span style="margin-left: 4px">{{ col.label }}</span>
|
<span style="margin-left: 4px">{{ col.label }}</span>
|
||||||
</template>
|
</template>
|
||||||
<!-- 入团时间列特殊模板 -->
|
<!-- 入团时间列特殊模<EFBFBD><EFBFBD>?-->
|
||||||
<template v-if="col.prop === 'enterTime'" #default="scope">
|
<template v-if="col.prop === 'enterTime'" #default="scope">
|
||||||
<span>{{ parseTime(scope.row.enterTime, '{y}-{m}-{d}') }}</span>
|
<span>{{ parseTime(scope.row.enterTime, '{y}-{m}-{d}') }}</span>
|
||||||
</template>
|
</template>
|
||||||
<!-- 团内职务列特殊模板 -->
|
<!-- 团内职务列特殊模<EFBFBD><EFBFBD>?-->
|
||||||
<template v-else-if="col.prop === 'position'" #default="scope">
|
<template v-else-if="col.prop === 'position'" #default="scope">
|
||||||
<el-tag v-if="scope.row.position" size="small" type="primary" effect="plain">
|
<el-tag v-if="scope.row.position" size="small" type="primary" effect="plain">
|
||||||
{{ scope.row.position }}
|
{{ scope.row.position }}
|
||||||
@@ -220,7 +220,7 @@
|
|||||||
drag>
|
drag>
|
||||||
<el-icon class="el-icon--upload"><upload-filled /></el-icon>
|
<el-icon class="el-icon--upload"><upload-filled /></el-icon>
|
||||||
<div class="el-upload__text">
|
<div class="el-upload__text">
|
||||||
将文件拖到此处,或<em>点击上传</em>
|
将文件拖到此处,<EFBFBD><EFBFBD>?em>点击上传</em>
|
||||||
</div>
|
</div>
|
||||||
<template #tip>
|
<template #tip>
|
||||||
<div class="el-upload__tip">
|
<div class="el-upload__tip">
|
||||||
@@ -230,8 +230,8 @@
|
|||||||
</el-upload>
|
</el-upload>
|
||||||
<template #footer>
|
<template #footer>
|
||||||
<span class="dialog-footer">
|
<span class="dialog-footer">
|
||||||
<el-button @click="importDialogVisible = false">取 消</el-button>
|
<el-button @click="importDialogVisible = false"><EFBFBD><EFBFBD>?<EFBFBD><EFBFBD>?/el-button>
|
||||||
<el-button type="primary" @click="handleImportSubmit" :loading="importLoading">确 认</el-button>
|
<el-button type="primary" @click="handleImportSubmit" :loading="importLoading"><EFBFBD><EFBFBD>?<EFBFBD><EFBFBD>?/el-button>
|
||||||
</span>
|
</span>
|
||||||
</template>
|
</template>
|
||||||
</el-dialog>
|
</el-dialog>
|
||||||
@@ -250,7 +250,7 @@ import { parseTime } from "/@/utils/formatTime";
|
|||||||
import TableColumnControl from '/@/components/TableColumnControl/index.vue'
|
import TableColumnControl from '/@/components/TableColumnControl/index.vue'
|
||||||
import { UploadFilled, List, OfficeBuilding, Grid, CreditCard, Avatar, Phone, Calendar, Postcard, Briefcase, Setting, Menu, Search, Document } from '@element-plus/icons-vue'
|
import { UploadFilled, List, OfficeBuilding, Grid, CreditCard, Avatar, Phone, Calendar, Postcard, Briefcase, Setting, Menu, Search, Document } from '@element-plus/icons-vue'
|
||||||
import { useTableColumnControl } from '/@/hooks/tableColumnControl'
|
import { useTableColumnControl } from '/@/hooks/tableColumnControl'
|
||||||
import '/@/styles/modern-page.scss'
|
|
||||||
import type { UploadFile, UploadFiles } from 'element-plus';
|
import type { UploadFile, UploadFiles } from 'element-plus';
|
||||||
import FormDialog from './form.vue'
|
import FormDialog from './form.vue'
|
||||||
|
|
||||||
@@ -267,7 +267,7 @@ const importDialogVisible = ref(false)
|
|||||||
const importLoading = ref(false)
|
const importLoading = ref(false)
|
||||||
const fileList = ref<UploadFile[]>([])
|
const fileList = ref<UploadFile[]>([])
|
||||||
|
|
||||||
// 表格列配置
|
// 表格列配<EFBFBD><EFBFBD>?
|
||||||
const tableColumns = [
|
const tableColumns = [
|
||||||
{ prop: 'deptName', label: '学院', minWidth: 150 },
|
{ prop: 'deptName', label: '学院', minWidth: 150 },
|
||||||
{ prop: 'classNo', label: '班级', width: 120 },
|
{ prop: 'classNo', label: '班级', width: 120 },
|
||||||
@@ -279,7 +279,7 @@ const tableColumns = [
|
|||||||
{ prop: 'position', label: '团内职务', width: 120 }
|
{ prop: 'position', label: '团内职务', width: 120 }
|
||||||
]
|
]
|
||||||
|
|
||||||
// 列配置映射(用于图标)
|
// 列配置映射(用于图标<EFBFBD><EFBFBD>?
|
||||||
const columnConfigMap: Record<string, { icon: any }> = {
|
const columnConfigMap: Record<string, { icon: any }> = {
|
||||||
deptName: { icon: OfficeBuilding },
|
deptName: { icon: OfficeBuilding },
|
||||||
classNo: { icon: Grid },
|
classNo: { icon: Grid },
|
||||||
@@ -375,7 +375,7 @@ const handleFileChange = (file: UploadFile, files: UploadFiles) => {
|
|||||||
|
|
||||||
// 文件超出限制
|
// 文件超出限制
|
||||||
const handleExceed = () => {
|
const handleExceed = () => {
|
||||||
useMessage().warning('只能上传一个文件')
|
useMessage().warning('只能上传一个文<EFBFBD><EFBFBD>?)
|
||||||
}
|
}
|
||||||
|
|
||||||
// 提交导入
|
// 提交导入
|
||||||
@@ -387,7 +387,7 @@ const handleImportSubmit = async () => {
|
|||||||
|
|
||||||
const file = fileList.value[0].raw
|
const file = fileList.value[0].raw
|
||||||
if (!file) {
|
if (!file) {
|
||||||
useMessage().warning('文件不存在')
|
useMessage().warning('文件不存<EFBFBD><EFBFBD>?)
|
||||||
return
|
return
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -452,7 +452,7 @@ const getGradeListData = async () => {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// 初始化
|
// 初始<EFBFBD><EFBFBD>?
|
||||||
onMounted(() => {
|
onMounted(() => {
|
||||||
getClassListData()
|
getClassListData()
|
||||||
getGradeListData()
|
getGradeListData()
|
||||||
@@ -464,5 +464,6 @@ onMounted(() => {
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped lang="scss">
|
<style scoped lang="scss">
|
||||||
|
@import '/@/assets/styles/modern-page.scss';
|
||||||
</style>
|
</style>
|
||||||
|
|
||||||
|
|||||||
@@ -7,7 +7,7 @@
|
|||||||
<div class="card-header">
|
<div class="card-header">
|
||||||
<span class="card-title">
|
<span class="card-title">
|
||||||
<el-icon class="title-icon"><Search /></el-icon>
|
<el-icon class="title-icon"><Search /></el-icon>
|
||||||
筛选条件
|
筛选条<EFBFBD><EFBFBD>?
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
@@ -59,21 +59,21 @@
|
|||||||
<el-form-item label="班号" prop="classNo">
|
<el-form-item label="班号" prop="classNo">
|
||||||
<el-input
|
<el-input
|
||||||
v-model="searchForm.classNo"
|
v-model="searchForm.classNo"
|
||||||
placeholder="请输入班号"
|
placeholder="请输入班<EFBFBD><EFBFBD>?
|
||||||
clearable
|
clearable
|
||||||
style="width: 200px" />
|
style="width: 200px" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="学号" prop="stuNo">
|
<el-form-item label="学号" prop="stuNo">
|
||||||
<el-input
|
<el-input
|
||||||
v-model="searchForm.stuNo"
|
v-model="searchForm.stuNo"
|
||||||
placeholder="请输入学号"
|
placeholder="请输入学<EFBFBD><EFBFBD>?
|
||||||
clearable
|
clearable
|
||||||
style="width: 200px" />
|
style="width: 200px" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="姓名" prop="realName">
|
<el-form-item label="姓名" prop="realName">
|
||||||
<el-input
|
<el-input
|
||||||
v-model="searchForm.realName"
|
v-model="searchForm.realName"
|
||||||
placeholder="请输入姓名"
|
placeholder="请输入姓<EFBFBD><EFBFBD>?
|
||||||
clearable
|
clearable
|
||||||
style="width: 200px" />
|
style="width: 200px" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
@@ -81,8 +81,8 @@
|
|||||||
<el-date-picker
|
<el-date-picker
|
||||||
v-model="searchForm.dateRange"
|
v-model="searchForm.dateRange"
|
||||||
type="daterange"
|
type="daterange"
|
||||||
range-separator="至"
|
range-separator="<EFBFBD><EFBFBD>?
|
||||||
start-placeholder="开始日期"
|
start-placeholder="开始日<EFBFBD><EFBFBD>?
|
||||||
end-placeholder="结束日期"
|
end-placeholder="结束日期"
|
||||||
format="YYYY-MM-DD"
|
format="YYYY-MM-DD"
|
||||||
value-format="YYYY-MM-DD"
|
value-format="YYYY-MM-DD"
|
||||||
@@ -109,7 +109,7 @@
|
|||||||
icon="FolderAdd"
|
icon="FolderAdd"
|
||||||
type="primary"
|
type="primary"
|
||||||
@click="formDialogRef.openDialog()">
|
@click="formDialogRef.openDialog()">
|
||||||
新 增
|
<EFBFBD><EFBFBD>?<EFBFBD><EFBFBD>?
|
||||||
</el-button>
|
</el-button>
|
||||||
<el-button
|
<el-button
|
||||||
icon="User"
|
icon="User"
|
||||||
@@ -132,7 +132,7 @@
|
|||||||
@order-change="handleColumnOrderChange"
|
@order-change="handleColumnOrderChange"
|
||||||
>
|
>
|
||||||
<template #trigger>
|
<template #trigger>
|
||||||
<el-tooltip class="item" effect="dark" content="列设置" placement="top">
|
<el-tooltip class="item" effect="dark" content="列设<EFBFBD><EFBFBD>? placement="top">
|
||||||
<el-button circle style="margin-left: 0;">
|
<el-button circle style="margin-left: 0;">
|
||||||
<el-icon><Menu /></el-icon>
|
<el-icon><Menu /></el-icon>
|
||||||
</el-button>
|
</el-button>
|
||||||
@@ -173,7 +173,7 @@
|
|||||||
<el-icon><component :is="columnConfigMap[col.prop]?.icon || Calendar" /></el-icon>
|
<el-icon><component :is="columnConfigMap[col.prop]?.icon || Calendar" /></el-icon>
|
||||||
<span style="margin-left: 4px">{{ col.label }}</span>
|
<span style="margin-left: 4px">{{ col.label }}</span>
|
||||||
</template>
|
</template>
|
||||||
<!-- 学期列特殊模板 -->
|
<!-- 学期列特殊模<EFBFBD><EFBFBD>?-->
|
||||||
<template v-if="col.prop === 'schoolTerm'" #default="scope">
|
<template v-if="col.prop === 'schoolTerm'" #default="scope">
|
||||||
<el-tag size="small" type="primary" effect="plain">
|
<el-tag size="small" type="primary" effect="plain">
|
||||||
{{ formatSchoolTerm(scope.row.schoolTerm) }}
|
{{ formatSchoolTerm(scope.row.schoolTerm) }}
|
||||||
@@ -183,11 +183,11 @@
|
|||||||
<template v-else-if="col.prop === 'startTime'" #default="scope">
|
<template v-else-if="col.prop === 'startTime'" #default="scope">
|
||||||
<span>{{ scope.row.startTime ? scope.row.startTime.split(' ')[0] : '-' }}</span>
|
<span>{{ scope.row.startTime ? scope.row.startTime.split(' ')[0] : '-' }}</span>
|
||||||
</template>
|
</template>
|
||||||
<!-- 工学交替结束时间列特殊模板 -->
|
<!-- 工学交替结束时间列特殊模<EFBFBD><EFBFBD>?-->
|
||||||
<template v-else-if="col.prop === 'endTime'" #default="scope">
|
<template v-else-if="col.prop === 'endTime'" #default="scope">
|
||||||
<span>{{ scope.row.endTime ? scope.row.endTime.split(' ')[0] : '-' }}</span>
|
<span>{{ scope.row.endTime ? scope.row.endTime.split(' ')[0] : '-' }}</span>
|
||||||
</template>
|
</template>
|
||||||
<!-- 带班教师列特殊模板 -->
|
<!-- 带班教师列特殊模<EFBFBD><EFBFBD>?-->
|
||||||
<template v-else-if="col.prop === 'attendanceTeacherName'" #default="scope">
|
<template v-else-if="col.prop === 'attendanceTeacherName'" #default="scope">
|
||||||
<span>{{ scope.row.attendanceTeacherName || '-' }}</span>
|
<span>{{ scope.row.attendanceTeacherName || '-' }}</span>
|
||||||
</template>
|
</template>
|
||||||
@@ -242,7 +242,7 @@ import FormDialog from './form.vue'
|
|||||||
import TeacherDialog from './teacher.vue'
|
import TeacherDialog from './teacher.vue'
|
||||||
import { List, Calendar, Clock, OfficeBuilding, CreditCard, Avatar, Grid, UserFilled, Setting, Menu, Search, Document } from '@element-plus/icons-vue'
|
import { List, Calendar, Clock, OfficeBuilding, CreditCard, Avatar, Grid, UserFilled, Setting, Menu, Search, Document } from '@element-plus/icons-vue'
|
||||||
import { useTableColumnControl } from '/@/hooks/tableColumnControl'
|
import { useTableColumnControl } from '/@/hooks/tableColumnControl'
|
||||||
import '/@/styles/modern-page.scss'
|
|
||||||
|
|
||||||
// 定义变量内容
|
// 定义变量内容
|
||||||
const route = useRoute()
|
const route = useRoute()
|
||||||
@@ -255,7 +255,7 @@ const schoolTermList = ref<any[]>([])
|
|||||||
const formDialogRef = ref()
|
const formDialogRef = ref()
|
||||||
const teacherDialogRef = ref()
|
const teacherDialogRef = ref()
|
||||||
|
|
||||||
// 表格列配置
|
// 表格列配<EFBFBD><EFBFBD>?
|
||||||
const tableColumns = [
|
const tableColumns = [
|
||||||
{ prop: 'schoolYear', label: '学年' },
|
{ prop: 'schoolYear', label: '学年' },
|
||||||
{ prop: 'schoolTerm', label: '学期' },
|
{ prop: 'schoolTerm', label: '学期' },
|
||||||
@@ -263,13 +263,13 @@ const tableColumns = [
|
|||||||
{ prop: 'stuNo', label: '学号' },
|
{ prop: 'stuNo', label: '学号' },
|
||||||
{ prop: 'realName', label: '姓名' },
|
{ prop: 'realName', label: '姓名' },
|
||||||
{ prop: 'classNo', label: '班号' },
|
{ prop: 'classNo', label: '班号' },
|
||||||
{ prop: 'className', label: '班级简称' },
|
{ prop: 'className', label: '班级简<EFBFBD><EFBFBD>? },
|
||||||
{ prop: 'startTime', label: '工学交替开始时间', width: 180 },
|
{ prop: 'startTime', label: '工学交替开始时<EFBFBD><EFBFBD>?, width: 180 },
|
||||||
{ prop: 'endTime', label: '工学交替结束时间', width: 180 },
|
{ prop: 'endTime', label: '工学交替结束时间', width: 180 },
|
||||||
{ prop: 'attendanceTeacherName', label: '带班教师' }
|
{ prop: 'attendanceTeacherName', label: '带班教师' }
|
||||||
]
|
]
|
||||||
|
|
||||||
// 列配置映射(用于图标)
|
// 列配置映射(用于图标<EFBFBD><EFBFBD>?
|
||||||
const columnConfigMap: Record<string, { icon: any }> = {
|
const columnConfigMap: Record<string, { icon: any }> = {
|
||||||
schoolYear: { icon: Calendar },
|
schoolYear: { icon: Calendar },
|
||||||
schoolTerm: { icon: Clock },
|
schoolTerm: { icon: Clock },
|
||||||
@@ -357,7 +357,7 @@ const handleReset = () => {
|
|||||||
// 删除
|
// 删除
|
||||||
const handleDelete = async (row: any) => {
|
const handleDelete = async (row: any) => {
|
||||||
try {
|
try {
|
||||||
await useMessageBox().confirm('确定要删除这条记录吗?')
|
await useMessageBox().confirm('确定要删除这条记录吗<EFBFBD><EFBFBD>?)
|
||||||
await delObj([row.id])
|
await delObj([row.id])
|
||||||
useMessage().success('删除成功')
|
useMessage().success('删除成功')
|
||||||
getDataList()
|
getDataList()
|
||||||
@@ -404,7 +404,7 @@ const getSchoolTermList = async () => {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// 初始化
|
// 初始<EFBFBD><EFBFBD>?
|
||||||
onMounted(() => {
|
onMounted(() => {
|
||||||
getDeptListData()
|
getDeptListData()
|
||||||
getSchoolYearList()
|
getSchoolYearList()
|
||||||
@@ -416,3 +416,7 @@ onMounted(() => {
|
|||||||
})
|
})
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
<style scoped lang="scss">
|
||||||
|
@import '/@/assets/styles/modern-page.scss';
|
||||||
|
</style>
|
||||||
|
|
||||||
|
|||||||
@@ -7,7 +7,7 @@
|
|||||||
<div class="card-header">
|
<div class="card-header">
|
||||||
<span class="card-title">
|
<span class="card-title">
|
||||||
<el-icon class="title-icon"><Document /></el-icon>
|
<el-icon class="title-icon"><Document /></el-icon>
|
||||||
教学楼管理列表
|
教学楼管理列<EFBFBD><EFBFBD>?
|
||||||
</span>
|
</span>
|
||||||
<div class="header-actions">
|
<div class="header-actions">
|
||||||
<el-button
|
<el-button
|
||||||
@@ -29,7 +29,7 @@
|
|||||||
@order-change="handleColumnOrderChange"
|
@order-change="handleColumnOrderChange"
|
||||||
>
|
>
|
||||||
<template #trigger>
|
<template #trigger>
|
||||||
<el-tooltip class="item" effect="dark" content="列设置" placement="top">
|
<el-tooltip class="item" effect="dark" content="列设<EFBFBD><EFBFBD>? placement="top">
|
||||||
<el-button circle style="margin-left: 0;">
|
<el-button circle style="margin-left: 0;">
|
||||||
<el-icon><Menu /></el-icon>
|
<el-icon><Menu /></el-icon>
|
||||||
</el-button>
|
</el-button>
|
||||||
@@ -121,20 +121,20 @@ import TableColumnControl from '/@/components/TableColumnControl/index.vue'
|
|||||||
import FormDialog from './form.vue'
|
import FormDialog from './form.vue'
|
||||||
import { List, OfficeBuilding, EditPen, Setting, Menu, Calendar, Document } from '@element-plus/icons-vue'
|
import { List, OfficeBuilding, EditPen, Setting, Menu, Calendar, Document } from '@element-plus/icons-vue'
|
||||||
import { useTableColumnControl } from '/@/hooks/tableColumnControl'
|
import { useTableColumnControl } from '/@/hooks/tableColumnControl'
|
||||||
import '/@/styles/modern-page.scss'
|
|
||||||
|
|
||||||
// 定义变量内容
|
// 定义变量内容
|
||||||
const route = useRoute()
|
const route = useRoute()
|
||||||
const formDialogRef = ref()
|
const formDialogRef = ref()
|
||||||
const columnControlRef = ref<any>()
|
const columnControlRef = ref<any>()
|
||||||
|
|
||||||
// 表格列配置
|
// 表格列配<EFBFBD><EFBFBD>?
|
||||||
const tableColumns = [
|
const tableColumns = [
|
||||||
{ prop: 'buildingNo', label: '楼号' },
|
{ prop: 'buildingNo', label: '楼号' },
|
||||||
{ prop: 'remarks', label: '备注', minWidth: 200 }
|
{ prop: 'remarks', label: '备注', minWidth: 200 }
|
||||||
]
|
]
|
||||||
|
|
||||||
// 列配置映射(用于图标)
|
// 列配置映射(用于图标<EFBFBD><EFBFBD>?
|
||||||
const columnConfigMap: Record<string, { icon: any }> = {
|
const columnConfigMap: Record<string, { icon: any }> = {
|
||||||
buildingNo: { icon: OfficeBuilding },
|
buildingNo: { icon: OfficeBuilding },
|
||||||
remarks: { icon: EditPen }
|
remarks: { icon: EditPen }
|
||||||
@@ -177,7 +177,7 @@ const handleEdit = (row: any) => {
|
|||||||
const handleDelete = async (row: any) => {
|
const handleDelete = async (row: any) => {
|
||||||
const { confirm } = useMessageBox()
|
const { confirm } = useMessageBox()
|
||||||
try {
|
try {
|
||||||
await confirm('确定要删除该教学楼吗?')
|
await confirm('确定要删除该教学楼吗<EFBFBD><EFBFBD>?)
|
||||||
await delObj([row.id])
|
await delObj([row.id])
|
||||||
useMessage().success('删除成功')
|
useMessage().success('删除成功')
|
||||||
getDataList()
|
getDataList()
|
||||||
@@ -188,7 +188,7 @@ const handleDelete = async (row: any) => {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// 初始化
|
// 初始<EFBFBD><EFBFBD>?
|
||||||
onMounted(() => {
|
onMounted(() => {
|
||||||
nextTick(() => {
|
nextTick(() => {
|
||||||
if (visibleColumns.value.length === 0) {
|
if (visibleColumns.value.length === 0) {
|
||||||
@@ -198,5 +198,6 @@ onMounted(() => {
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped lang="scss">
|
<style scoped lang="scss">
|
||||||
|
@import '/@/assets/styles/modern-page.scss';
|
||||||
</style>
|
</style>
|
||||||
|
|
||||||
|
|||||||
@@ -7,7 +7,7 @@
|
|||||||
<div class="card-header">
|
<div class="card-header">
|
||||||
<span class="card-title">
|
<span class="card-title">
|
||||||
<el-icon class="title-icon"><Search /></el-icon>
|
<el-icon class="title-icon"><Search /></el-icon>
|
||||||
筛选条件
|
筛选条<EFBFBD><EFBFBD>?
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
@@ -86,7 +86,7 @@
|
|||||||
@order-change="handleColumnOrderChange"
|
@order-change="handleColumnOrderChange"
|
||||||
>
|
>
|
||||||
<template #trigger>
|
<template #trigger>
|
||||||
<el-tooltip class="item" effect="dark" content="列设置" placement="top">
|
<el-tooltip class="item" effect="dark" content="列设<EFBFBD><EFBFBD>? placement="top">
|
||||||
<el-button circle style="margin-left: 0;">
|
<el-button circle style="margin-left: 0;">
|
||||||
<el-icon><Menu /></el-icon>
|
<el-icon><Menu /></el-icon>
|
||||||
</el-button>
|
</el-button>
|
||||||
@@ -187,7 +187,7 @@ import FormDialog from './form.vue'
|
|||||||
import BatchDialog from './batch.vue'
|
import BatchDialog from './batch.vue'
|
||||||
import { List, OfficeBuilding, Location, Setting, Menu, Calendar, Search, Document } from '@element-plus/icons-vue'
|
import { List, OfficeBuilding, Location, Setting, Menu, Calendar, Search, Document } from '@element-plus/icons-vue'
|
||||||
import { useTableColumnControl } from '/@/hooks/tableColumnControl'
|
import { useTableColumnControl } from '/@/hooks/tableColumnControl'
|
||||||
import '/@/styles/modern-page.scss'
|
|
||||||
|
|
||||||
// 定义变量内容
|
// 定义变量内容
|
||||||
const route = useRoute()
|
const route = useRoute()
|
||||||
@@ -200,14 +200,14 @@ const formDialogRef = ref()
|
|||||||
const batchDialogRef = ref()
|
const batchDialogRef = ref()
|
||||||
const selectedRows = ref<any[]>([])
|
const selectedRows = ref<any[]>([])
|
||||||
|
|
||||||
// 表格列配置
|
// 表格列配<EFBFBD><EFBFBD>?
|
||||||
const tableColumns = [
|
const tableColumns = [
|
||||||
{ prop: 'deptName', label: '学院' },
|
{ prop: 'deptName', label: '学院' },
|
||||||
{ prop: 'buildingNo', label: '楼号' },
|
{ prop: 'buildingNo', label: '楼号' },
|
||||||
{ prop: 'position', label: '教室位置' }
|
{ prop: 'position', label: '教室位置' }
|
||||||
]
|
]
|
||||||
|
|
||||||
// 列配置映射(用于图标)
|
// 列配置映射(用于图标<EFBFBD><EFBFBD>?
|
||||||
const columnConfigMap: Record<string, { icon: any }> = {
|
const columnConfigMap: Record<string, { icon: any }> = {
|
||||||
deptName: { icon: OfficeBuilding },
|
deptName: { icon: OfficeBuilding },
|
||||||
buildingNo: { icon: OfficeBuilding },
|
buildingNo: { icon: OfficeBuilding },
|
||||||
@@ -317,7 +317,7 @@ const getBuildingListData = async () => {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// 初始化
|
// 初始<EFBFBD><EFBFBD>?
|
||||||
onMounted(() => {
|
onMounted(() => {
|
||||||
getDeptListData()
|
getDeptListData()
|
||||||
getBuildingListData()
|
getBuildingListData()
|
||||||
@@ -329,5 +329,6 @@ onMounted(() => {
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped lang="scss">
|
<style scoped lang="scss">
|
||||||
|
@import '/@/assets/styles/modern-page.scss';
|
||||||
</style>
|
</style>
|
||||||
|
|
||||||
|
|||||||
@@ -7,7 +7,7 @@
|
|||||||
<div class="card-header">
|
<div class="card-header">
|
||||||
<span class="card-title">
|
<span class="card-title">
|
||||||
<el-icon class="title-icon"><Search /></el-icon>
|
<el-icon class="title-icon"><Search /></el-icon>
|
||||||
筛选条件
|
筛选条<EFBFBD><EFBFBD>?
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
@@ -60,7 +60,7 @@
|
|||||||
<el-form-item label="年纪" prop="gradeCurr">
|
<el-form-item label="年纪" prop="gradeCurr">
|
||||||
<el-input-number
|
<el-input-number
|
||||||
v-model="state.queryForm.gradeCurr"
|
v-model="state.queryForm.gradeCurr"
|
||||||
placeholder="请输入年纪"
|
placeholder="请输入年<EFBFBD><EFBFBD>?
|
||||||
:min="1"
|
:min="1"
|
||||||
:max="10"
|
:max="10"
|
||||||
clearable
|
clearable
|
||||||
@@ -81,10 +81,10 @@
|
|||||||
</el-option>
|
</el-option>
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="审核状态" prop="checkStatus">
|
<el-form-item label="审核状<EFBFBD><EFBFBD>? prop="checkStatus">
|
||||||
<el-select
|
<el-select
|
||||||
v-model="state.queryForm.checkStatus"
|
v-model="state.queryForm.checkStatus"
|
||||||
placeholder="请选择审核状态"
|
placeholder="请选择审核状<EFBFBD><EFBFBD>?
|
||||||
clearable
|
clearable
|
||||||
style="width: 200px">
|
style="width: 200px">
|
||||||
<el-option
|
<el-option
|
||||||
@@ -108,7 +108,7 @@
|
|||||||
<div class="card-header">
|
<div class="card-header">
|
||||||
<span class="card-title">
|
<span class="card-title">
|
||||||
<el-icon class="title-icon"><Document /></el-icon>
|
<el-icon class="title-icon"><Document /></el-icon>
|
||||||
免学费学生列表
|
免学费学生列<EFBFBD><EFBFBD>?
|
||||||
</span>
|
</span>
|
||||||
<div class="header-actions">
|
<div class="header-actions">
|
||||||
<el-button
|
<el-button
|
||||||
@@ -139,7 +139,7 @@
|
|||||||
@order-change="handleColumnOrderChange"
|
@order-change="handleColumnOrderChange"
|
||||||
>
|
>
|
||||||
<template #trigger>
|
<template #trigger>
|
||||||
<el-tooltip class="item" effect="dark" content="列设置" placement="top">
|
<el-tooltip class="item" effect="dark" content="列设<EFBFBD><EFBFBD>? placement="top">
|
||||||
<el-button circle style="margin-left: 0;">
|
<el-button circle style="margin-left: 0;">
|
||||||
<el-icon><Menu /></el-icon>
|
<el-icon><Menu /></el-icon>
|
||||||
</el-button>
|
</el-button>
|
||||||
@@ -180,32 +180,32 @@
|
|||||||
<el-icon><component :is="columnConfigMap[col.prop]?.icon || Calendar" /></el-icon>
|
<el-icon><component :is="columnConfigMap[col.prop]?.icon || Calendar" /></el-icon>
|
||||||
<span style="margin-left: 4px">{{ col.label }}</span>
|
<span style="margin-left: 4px">{{ col.label }}</span>
|
||||||
</template>
|
</template>
|
||||||
<!-- 年级列特殊模板 -->
|
<!-- 年级列特殊模<EFBFBD><EFBFBD>?-->
|
||||||
<template v-if="col.prop === 'gradeCurr'" #default="scope">
|
<template v-if="col.prop === 'gradeCurr'" #default="scope">
|
||||||
<el-tag v-if="scope.row.gradeCurr !== undefined && scope.row.gradeCurr !== null" size="small" type="primary" effect="plain">
|
<el-tag v-if="scope.row.gradeCurr !== undefined && scope.row.gradeCurr !== null" size="small" type="primary" effect="plain">
|
||||||
{{ scope.row.gradeCurr }}
|
{{ scope.row.gradeCurr }}
|
||||||
</el-tag>
|
</el-tag>
|
||||||
<span v-else>-</span>
|
<span v-else>-</span>
|
||||||
</template>
|
</template>
|
||||||
<!-- 性别列特殊模板 -->
|
<!-- 性别列特殊模<EFBFBD><EFBFBD>?-->
|
||||||
<template v-else-if="col.prop === 'gender'" #default="scope">
|
<template v-else-if="col.prop === 'gender'" #default="scope">
|
||||||
<GenderTag :sex="scope.row.gender" />
|
<GenderTag :sex="scope.row.gender" />
|
||||||
</template>
|
</template>
|
||||||
<!-- 生源列特殊模板 -->
|
<!-- 生源列特殊模<EFBFBD><EFBFBD>?-->
|
||||||
<template v-else-if="col.prop === 'education'" #default="scope">
|
<template v-else-if="col.prop === 'education'" #default="scope">
|
||||||
<el-tag v-if="scope.row.education" size="small" type="info" effect="plain">
|
<el-tag v-if="scope.row.education" size="small" type="info" effect="plain">
|
||||||
{{ formatEducation(scope.row.education) }}
|
{{ formatEducation(scope.row.education) }}
|
||||||
</el-tag>
|
</el-tag>
|
||||||
<span v-else>-</span>
|
<span v-else>-</span>
|
||||||
</template>
|
</template>
|
||||||
<!-- 层次列特殊模板 -->
|
<!-- 层次列特殊模<EFBFBD><EFBFBD>?-->
|
||||||
<template v-else-if="col.prop === 'majorLevel'" #default="scope">
|
<template v-else-if="col.prop === 'majorLevel'" #default="scope">
|
||||||
<el-tag v-if="scope.row.majorLevel" size="small" type="warning" effect="plain">
|
<el-tag v-if="scope.row.majorLevel" size="small" type="warning" effect="plain">
|
||||||
{{ formatMajorLevel(scope.row.majorLevel) }}
|
{{ formatMajorLevel(scope.row.majorLevel) }}
|
||||||
</el-tag>
|
</el-tag>
|
||||||
<span v-else>-</span>
|
<span v-else>-</span>
|
||||||
</template>
|
</template>
|
||||||
<!-- 金额列特殊模板 -->
|
<!-- 金额列特殊模<EFBFBD><EFBFBD>?-->
|
||||||
<template v-else-if="col.prop === 'money'" #default="scope">
|
<template v-else-if="col.prop === 'money'" #default="scope">
|
||||||
<el-tag v-if="scope.row.money !== undefined && scope.row.money !== null" size="small" type="success" effect="plain">
|
<el-tag v-if="scope.row.money !== undefined && scope.row.money !== null" size="small" type="success" effect="plain">
|
||||||
¥{{ scope.row.money }}
|
¥{{ scope.row.money }}
|
||||||
@@ -280,7 +280,7 @@ import {
|
|||||||
CreditCard, Avatar, Setting, Menu, Search, Document
|
CreditCard, Avatar, Setting, Menu, Search, Document
|
||||||
} from '@element-plus/icons-vue'
|
} from '@element-plus/icons-vue'
|
||||||
import { useTableColumnControl } from '/@/hooks/tableColumnControl'
|
import { useTableColumnControl } from '/@/hooks/tableColumnControl'
|
||||||
import '/@/styles/modern-page.scss'
|
|
||||||
|
|
||||||
// 引入组件
|
// 引入组件
|
||||||
const GenderTag = defineAsyncComponent(() => import('/@/components/GenderTag/index.vue'))
|
const GenderTag = defineAsyncComponent(() => import('/@/components/GenderTag/index.vue'))
|
||||||
@@ -301,15 +301,15 @@ const genderList = ref<any[]>([])
|
|||||||
const educationList = ref<any[]>([])
|
const educationList = ref<any[]>([])
|
||||||
const majorLevelList = ref<any[]>([])
|
const majorLevelList = ref<any[]>([])
|
||||||
const checkStatusList = ref<any[]>([
|
const checkStatusList = ref<any[]>([
|
||||||
{ label: '待审核', value: '0' },
|
{ label: '待审<EFBFBD><EFBFBD>?, value: '0' },
|
||||||
{ label: '审核通过', value: '1' }
|
{ label: '审核通过', value: '1' }
|
||||||
])
|
])
|
||||||
|
|
||||||
// 表格列配置
|
// 表格列配<EFBFBD><EFBFBD>?
|
||||||
const tableColumns = [
|
const tableColumns = [
|
||||||
{ prop: 'deptName', label: '学院', minWidth: 150 },
|
{ prop: 'deptName', label: '学院', minWidth: 150 },
|
||||||
{ prop: 'majorName', label: '专业', minWidth: 150 },
|
{ prop: 'majorName', label: '专业', minWidth: 150 },
|
||||||
{ prop: 'teacherName', label: '班主任', width: 100 },
|
{ prop: 'teacherName', label: '班主<EFBFBD><EFBFBD>?, width: 100 },
|
||||||
{ prop: 'grade', label: '入学年份', width: 100 },
|
{ prop: 'grade', label: '入学年份', width: 100 },
|
||||||
{ prop: 'gradeCurr', label: '年级', width: 80 },
|
{ prop: 'gradeCurr', label: '年级', width: 80 },
|
||||||
{ prop: 'classNo', label: '班级', width: 120 },
|
{ prop: 'classNo', label: '班级', width: 120 },
|
||||||
@@ -320,10 +320,10 @@ const tableColumns = [
|
|||||||
{ prop: 'majorLevel', label: '层次', width: 100 },
|
{ prop: 'majorLevel', label: '层次', width: 100 },
|
||||||
{ prop: 'phone', label: '联系电话', width: 120 },
|
{ prop: 'phone', label: '联系电话', width: 120 },
|
||||||
{ prop: 'money', label: '金额', width: 100 },
|
{ prop: 'money', label: '金额', width: 100 },
|
||||||
{ prop: 'checkStatus', label: '审核状态', width: 100 }
|
{ prop: 'checkStatus', label: '审核状<EFBFBD><EFBFBD>?, width: 100 }
|
||||||
]
|
]
|
||||||
|
|
||||||
// 列配置映射(用于图标)
|
// 列配置映射(用于图标<EFBFBD><EFBFBD>?
|
||||||
const columnConfigMap: Record<string, { icon: any }> = {
|
const columnConfigMap: Record<string, { icon: any }> = {
|
||||||
deptName: { icon: OfficeBuilding },
|
deptName: { icon: OfficeBuilding },
|
||||||
majorName: { icon: Reading },
|
majorName: { icon: Reading },
|
||||||
@@ -391,7 +391,7 @@ const formatGender = (value: string | number) => {
|
|||||||
return dictItem ? dictItem.label : value
|
return dictItem ? dictItem.label : value
|
||||||
}
|
}
|
||||||
|
|
||||||
// 格式化生源
|
// 格式化生<EFBFBD><EFBFBD>?
|
||||||
const formatEducation = (value: string | number) => {
|
const formatEducation = (value: string | number) => {
|
||||||
if (value === null || value === undefined || value === '') {
|
if (value === null || value === undefined || value === '') {
|
||||||
return '-'
|
return '-'
|
||||||
@@ -400,7 +400,7 @@ const formatEducation = (value: string | number) => {
|
|||||||
return dictItem ? dictItem.label : value
|
return dictItem ? dictItem.label : value
|
||||||
}
|
}
|
||||||
|
|
||||||
// 格式化层次
|
// 格式化层<EFBFBD><EFBFBD>?
|
||||||
const formatMajorLevel = (value: string | number) => {
|
const formatMajorLevel = (value: string | number) => {
|
||||||
if (value === null || value === undefined || value === '') {
|
if (value === null || value === undefined || value === '') {
|
||||||
return '-'
|
return '-'
|
||||||
@@ -409,7 +409,7 @@ const formatMajorLevel = (value: string | number) => {
|
|||||||
return dictItem ? dictItem.label : value
|
return dictItem ? dictItem.label : value
|
||||||
}
|
}
|
||||||
|
|
||||||
// 格式化审核状态
|
// 格式化审核状<EFBFBD><EFBFBD>?
|
||||||
const formatCheckStatus = (value: string | number) => {
|
const formatCheckStatus = (value: string | number) => {
|
||||||
if (value === null || value === undefined || value === '') {
|
if (value === null || value === undefined || value === '') {
|
||||||
return '-'
|
return '-'
|
||||||
@@ -432,13 +432,13 @@ const handleReset = () => {
|
|||||||
|
|
||||||
// 新增
|
// 新增
|
||||||
const handleAdd = () => {
|
const handleAdd = () => {
|
||||||
useMessage().info('新增功能待开发')
|
useMessage().info('新增功能待开<EFBFBD><EFBFBD>?)
|
||||||
// formDialogRef.value?.openDialog('add')
|
// formDialogRef.value?.openDialog('add')
|
||||||
}
|
}
|
||||||
|
|
||||||
// 编辑
|
// 编辑
|
||||||
const handleEdit = (row: any) => {
|
const handleEdit = (row: any) => {
|
||||||
useMessage().info('编辑功能待开发')
|
useMessage().info('编辑功能待开<EFBFBD><EFBFBD>?)
|
||||||
// formDialogRef.value?.openDialog('edit', row.id)
|
// formDialogRef.value?.openDialog('edit', row.id)
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -590,7 +590,7 @@ const getMajorLevelDict = async () => {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// 初始化
|
// 初始<EFBFBD><EFBFBD>?
|
||||||
onMounted(() => {
|
onMounted(() => {
|
||||||
getTermList()
|
getTermList()
|
||||||
getDeptListData()
|
getDeptListData()
|
||||||
@@ -607,4 +607,5 @@ onMounted(() => {
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped lang="scss">
|
<style scoped lang="scss">
|
||||||
|
@import '/@/assets/styles/modern-page.scss';
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
@@ -191,8 +191,7 @@ import { parseTime } from "/@/utils/formatTime";
|
|||||||
import TableColumnControl from '/@/components/TableColumnControl/index.vue'
|
import TableColumnControl from '/@/components/TableColumnControl/index.vue'
|
||||||
import FormDialog from './form.vue'
|
import FormDialog from './form.vue'
|
||||||
import { List, Document, Calendar, Clock, Collection, Setting, Menu, Search } from '@element-plus/icons-vue'
|
import { List, Document, Calendar, Clock, Collection, Setting, Menu, Search } from '@element-plus/icons-vue'
|
||||||
import { useTableColumnControl } from '/@/hooks/tableColumnControl'
|
import { useTableColumnControl } from '/@/hooks/tableColumn'
|
||||||
import '/@/styles/modern-page.scss'
|
|
||||||
|
|
||||||
// 定义变量内容
|
// 定义变量内容
|
||||||
const route = useRoute()
|
const route = useRoute()
|
||||||
@@ -368,5 +367,6 @@ onMounted(() => {
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped lang="scss">
|
<style scoped lang="scss">
|
||||||
|
@import '/@/assets/styles/modern-page.scss';
|
||||||
</style>
|
</style>
|
||||||
|
|
||||||
|
|||||||
@@ -7,7 +7,7 @@
|
|||||||
<div class="card-header">
|
<div class="card-header">
|
||||||
<span class="card-title">
|
<span class="card-title">
|
||||||
<el-icon class="title-icon"><Search /></el-icon>
|
<el-icon class="title-icon"><Search /></el-icon>
|
||||||
筛选条件
|
筛选条<EFBFBD><EFBFBD>?
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
@@ -46,7 +46,7 @@
|
|||||||
</el-option>
|
</el-option>
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="宿舍号" prop="roomNo">
|
<el-form-item label="宿舍<EFBFBD><EFBFBD>? prop="roomNo">
|
||||||
<el-input
|
<el-input
|
||||||
v-model="searchForm.roomNo"
|
v-model="searchForm.roomNo"
|
||||||
placeholder="请输入宿舍号"
|
placeholder="请输入宿舍号"
|
||||||
@@ -73,21 +73,21 @@
|
|||||||
icon="FolderAdd"
|
icon="FolderAdd"
|
||||||
type="primary"
|
type="primary"
|
||||||
@click="formDialogRef.openDialog()">
|
@click="formDialogRef.openDialog()">
|
||||||
新 增
|
<EFBFBD><EFBFBD>?<EFBFBD><EFBFBD>?
|
||||||
</el-button>
|
</el-button>
|
||||||
<el-button
|
<el-button
|
||||||
icon="Download"
|
icon="Download"
|
||||||
type="success"
|
type="success"
|
||||||
class="ml10"
|
class="ml10"
|
||||||
@click="handleExport">
|
@click="handleExport">
|
||||||
导 出
|
<EFBFBD><EFBFBD>?<EFBFBD><EFBFBD>?
|
||||||
</el-button>
|
</el-button>
|
||||||
<el-button
|
<el-button
|
||||||
icon="Setting"
|
icon="Setting"
|
||||||
type="warning"
|
type="warning"
|
||||||
class="ml10"
|
class="ml10"
|
||||||
@click="handleInitWaterOrder">
|
@click="handleInitWaterOrder">
|
||||||
初始化本期水电补贴
|
初始化本期水电补<EFBFBD><EFBFBD>?
|
||||||
</el-button>
|
</el-button>
|
||||||
<right-toolbar
|
<right-toolbar
|
||||||
v-model:showSearch="showSearch"
|
v-model:showSearch="showSearch"
|
||||||
@@ -103,7 +103,7 @@
|
|||||||
@order-change="handleColumnOrderChange"
|
@order-change="handleColumnOrderChange"
|
||||||
>
|
>
|
||||||
<template #trigger>
|
<template #trigger>
|
||||||
<el-tooltip class="item" effect="dark" content="列设置" placement="top">
|
<el-tooltip class="item" effect="dark" content="列设<EFBFBD><EFBFBD>? placement="top">
|
||||||
<el-button circle style="margin-left: 0;">
|
<el-button circle style="margin-left: 0;">
|
||||||
<el-icon><Menu /></el-icon>
|
<el-icon><Menu /></el-icon>
|
||||||
</el-button>
|
</el-button>
|
||||||
@@ -152,14 +152,14 @@
|
|||||||
</el-tag>
|
</el-tag>
|
||||||
<span v-else>-</span>
|
<span v-else>-</span>
|
||||||
</template>
|
</template>
|
||||||
<!-- 已住人数列特殊模板 -->
|
<!-- 已住人数列特殊模<EFBFBD><EFBFBD>?-->
|
||||||
<template v-else-if="col.prop === 'liveNum'" #default="scope">
|
<template v-else-if="col.prop === 'liveNum'" #default="scope">
|
||||||
<el-tag v-if="scope.row.liveNum !== undefined && scope.row.liveNum !== null" size="small" type="success" effect="plain">
|
<el-tag v-if="scope.row.liveNum !== undefined && scope.row.liveNum !== null" size="small" type="success" effect="plain">
|
||||||
{{ scope.row.liveNum }}
|
{{ scope.row.liveNum }}
|
||||||
</el-tag>
|
</el-tag>
|
||||||
<span v-else>-</span>
|
<span v-else>-</span>
|
||||||
</template>
|
</template>
|
||||||
<!-- 校园补贴列特殊模板 -->
|
<!-- 校园补贴列特殊模<EFBFBD><EFBFBD>?-->
|
||||||
<template v-else-if="col.prop === 'oddbMoney'" #default="scope">
|
<template v-else-if="col.prop === 'oddbMoney'" #default="scope">
|
||||||
<el-tag v-if="scope.row.oddbMoney" size="small" type="success" effect="plain">
|
<el-tag v-if="scope.row.oddbMoney" size="small" type="success" effect="plain">
|
||||||
¥{{ Number(scope.row.oddbMoney).toFixed(2) }}
|
¥{{ Number(scope.row.oddbMoney).toFixed(2) }}
|
||||||
@@ -173,14 +173,14 @@
|
|||||||
</el-tag>
|
</el-tag>
|
||||||
<span v-else>¥0.00</span>
|
<span v-else>¥0.00</span>
|
||||||
</template>
|
</template>
|
||||||
<!-- 消费金额列特殊模板 -->
|
<!-- 消费金额列特殊模<EFBFBD><EFBFBD>?-->
|
||||||
<template v-else-if="col.prop === 'costMoney'" #default="scope">
|
<template v-else-if="col.prop === 'costMoney'" #default="scope">
|
||||||
<el-tag v-if="scope.row.costMoney" size="small" type="warning" effect="plain">
|
<el-tag v-if="scope.row.costMoney" size="small" type="warning" effect="plain">
|
||||||
¥{{ Number(scope.row.costMoney).toFixed(2) }}
|
¥{{ Number(scope.row.costMoney).toFixed(2) }}
|
||||||
</el-tag>
|
</el-tag>
|
||||||
<span v-else>¥0.00</span>
|
<span v-else>¥0.00</span>
|
||||||
</template>
|
</template>
|
||||||
<!-- 可用余额列特殊模板 -->
|
<!-- 可用余额列特殊模<EFBFBD><EFBFBD>?-->
|
||||||
<template v-else-if="col.prop === 'effectiveMoney'" #default="scope">
|
<template v-else-if="col.prop === 'effectiveMoney'" #default="scope">
|
||||||
<el-tag size="small" :type="Number(scope.row.effectiveMoney) < 0 ? 'danger' : 'success'" effect="plain">
|
<el-tag size="small" :type="Number(scope.row.effectiveMoney) < 0 ? 'danger' : 'success'" effect="plain">
|
||||||
¥{{ scope.row.effectiveMoney ? Number(scope.row.effectiveMoney).toFixed(2) : '0.00' }}
|
¥{{ scope.row.effectiveMoney ? Number(scope.row.effectiveMoney).toFixed(2) : '0.00' }}
|
||||||
@@ -235,22 +235,22 @@
|
|||||||
<!-- 明细弹窗 -->
|
<!-- 明细弹窗 -->
|
||||||
<DetailDialog ref="detailDialogRef" />
|
<DetailDialog ref="detailDialogRef" />
|
||||||
|
|
||||||
<!-- 初始化水电补贴弹窗 -->
|
<!-- 初始化水电补贴弹<EFBFBD><EFBFBD>?-->
|
||||||
<el-dialog v-model="initDialogVisible" title="初始化本期水电补贴" :width="500" :close-on-click-modal="false" draggable>
|
<el-dialog v-model="initDialogVisible" title="初始化本期水电补<EFBFBD><EFBFBD>? :width="500" :close-on-click-modal="false" draggable>
|
||||||
<el-form ref="initFormRef" :model="initForm" :rules="initRules" label-width="120px">
|
<el-form ref="initFormRef" :model="initForm" :rules="initRules" label-width="120px">
|
||||||
<el-form-item label="补贴金额" prop="costMoney">
|
<el-form-item label="补贴金额" prop="costMoney">
|
||||||
<el-input-number
|
<el-input-number
|
||||||
v-model="initForm.costMoney"
|
v-model="initForm.costMoney"
|
||||||
:precision="2"
|
:precision="2"
|
||||||
:min="0"
|
:min="0"
|
||||||
placeholder="请输入补贴金额"
|
placeholder="请输入补贴金<EFBFBD><EFBFBD>?
|
||||||
style="width: 100%" />
|
style="width: 100%" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-form>
|
</el-form>
|
||||||
<template #footer>
|
<template #footer>
|
||||||
<span class="dialog-footer">
|
<span class="dialog-footer">
|
||||||
<el-button @click="initDialogVisible = false">取 消</el-button>
|
<el-button @click="initDialogVisible = false"><EFBFBD><EFBFBD>?<EFBFBD><EFBFBD>?/el-button>
|
||||||
<el-button type="primary" @click="confirmInit" :loading="initLoading">确 认</el-button>
|
<el-button type="primary" @click="confirmInit" :loading="initLoading"><EFBFBD><EFBFBD>?<EFBFBD><EFBFBD>?/el-button>
|
||||||
</span>
|
</span>
|
||||||
</template>
|
</template>
|
||||||
</el-dialog>
|
</el-dialog>
|
||||||
@@ -269,7 +269,7 @@ import FormDialog from './form.vue';
|
|||||||
import DetailDialog from './detail.vue';
|
import DetailDialog from './detail.vue';
|
||||||
import { List, OfficeBuilding, House, UserFilled, Money, Setting, Menu, Search, Document } from '@element-plus/icons-vue'
|
import { List, OfficeBuilding, House, UserFilled, Money, Setting, Menu, Search, Document } from '@element-plus/icons-vue'
|
||||||
import { useTableColumnControl } from '/@/hooks/tableColumnControl'
|
import { useTableColumnControl } from '/@/hooks/tableColumnControl'
|
||||||
import '/@/styles/modern-page.scss'
|
|
||||||
|
|
||||||
// 定义变量内容
|
// 定义变量内容
|
||||||
const route = useRoute()
|
const route = useRoute()
|
||||||
@@ -283,19 +283,19 @@ const buildingList = ref<any[]>([])
|
|||||||
const initDialogVisible = ref(false)
|
const initDialogVisible = ref(false)
|
||||||
const initLoading = ref(false)
|
const initLoading = ref(false)
|
||||||
|
|
||||||
// 表格列配置
|
// 表格列配<EFBFBD><EFBFBD>?
|
||||||
const tableColumns = [
|
const tableColumns = [
|
||||||
{ prop: 'buildNo', label: '楼号' },
|
{ prop: 'buildNo', label: '楼号' },
|
||||||
{ prop: 'roomNo', label: '宿舍号' },
|
{ prop: 'roomNo', label: '宿舍<EFBFBD><EFBFBD>? },
|
||||||
{ prop: 'bedNum', label: '几人间' },
|
{ prop: 'bedNum', label: '几人<EFBFBD><EFBFBD>? },
|
||||||
{ prop: 'liveNum', label: '已住人数' },
|
{ prop: 'liveNum', label: '已住人数' },
|
||||||
{ prop: 'oddbMoney', label: '校园补贴' },
|
{ prop: 'oddbMoney', label: '校园补贴' },
|
||||||
{ prop: 'rechargeMoney', label: '充值金额' },
|
{ prop: 'rechargeMoney', label: '充值金<EFBFBD><EFBFBD>? },
|
||||||
{ prop: 'costMoney', label: '消费金额' },
|
{ prop: 'costMoney', label: '消费金额' },
|
||||||
{ prop: 'effectiveMoney', label: '可用余额' }
|
{ prop: 'effectiveMoney', label: '可用余额' }
|
||||||
]
|
]
|
||||||
|
|
||||||
// 列配置映射(用于图标)
|
// 列配置映射(用于图标<EFBFBD><EFBFBD>?
|
||||||
const columnConfigMap: Record<string, { icon: any }> = {
|
const columnConfigMap: Record<string, { icon: any }> = {
|
||||||
buildNo: { icon: OfficeBuilding },
|
buildNo: { icon: OfficeBuilding },
|
||||||
roomNo: { icon: House },
|
roomNo: { icon: House },
|
||||||
@@ -324,15 +324,15 @@ const searchForm = reactive({
|
|||||||
roomNo: ''
|
roomNo: ''
|
||||||
})
|
})
|
||||||
|
|
||||||
// 初始化表单
|
// 初始化表<EFBFBD><EFBFBD>?
|
||||||
const initForm = reactive({
|
const initForm = reactive({
|
||||||
costMoney: 0
|
costMoney: 0
|
||||||
})
|
})
|
||||||
|
|
||||||
// 初始化表单验证规则
|
// 初始化表单验证规<EFBFBD><EFBFBD>?
|
||||||
const initRules = {
|
const initRules = {
|
||||||
costMoney: [
|
costMoney: [
|
||||||
{ required: true, message: '请输入补贴金额', trigger: 'blur' },
|
{ required: true, message: '请输入补贴金<EFBFBD><EFBFBD>?, trigger: 'blur' },
|
||||||
{ type: 'number', min: 0, message: '补贴金额必须大于等于0', trigger: 'blur' }
|
{ type: 'number', min: 0, message: '补贴金额必须大于等于0', trigger: 'blur' }
|
||||||
]
|
]
|
||||||
}
|
}
|
||||||
@@ -402,13 +402,13 @@ const handleExport = () => {
|
|||||||
useMessage().warning('导出功能开发中')
|
useMessage().warning('导出功能开发中')
|
||||||
}
|
}
|
||||||
|
|
||||||
// 初始化本期水电补贴
|
// 初始化本期水电补<EFBFBD><EFBFBD>?
|
||||||
const handleInitWaterOrder = () => {
|
const handleInitWaterOrder = () => {
|
||||||
initDialogVisible.value = true
|
initDialogVisible.value = true
|
||||||
initForm.costMoney = 0
|
initForm.costMoney = 0
|
||||||
}
|
}
|
||||||
|
|
||||||
// 确认初始化
|
// 确认初始<EFBFBD><EFBFBD>?
|
||||||
const confirmInit = async () => {
|
const confirmInit = async () => {
|
||||||
if (!initFormRef.value) return
|
if (!initFormRef.value) return
|
||||||
|
|
||||||
@@ -418,11 +418,11 @@ const confirmInit = async () => {
|
|||||||
initLoading.value = true
|
initLoading.value = true
|
||||||
try {
|
try {
|
||||||
await initWaterOrder({ costMoney: initForm.costMoney })
|
await initWaterOrder({ costMoney: initForm.costMoney })
|
||||||
useMessage().success('初始化成功')
|
useMessage().success('初始化成<EFBFBD><EFBFBD>?)
|
||||||
initDialogVisible.value = false
|
initDialogVisible.value = false
|
||||||
getDataList()
|
getDataList()
|
||||||
} catch (err: any) {
|
} catch (err: any) {
|
||||||
useMessage().error(err.msg || '初始化失败')
|
useMessage().error(err.msg || '初始化失<EFBFBD><EFBFBD>?)
|
||||||
} finally {
|
} finally {
|
||||||
initLoading.value = false
|
initLoading.value = false
|
||||||
}
|
}
|
||||||
@@ -441,7 +441,7 @@ const getBuildingListData = async () => {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// 初始化
|
// 初始<EFBFBD><EFBFBD>?
|
||||||
onMounted(() => {
|
onMounted(() => {
|
||||||
getBuildingListData()
|
getBuildingListData()
|
||||||
nextTick(() => {
|
nextTick(() => {
|
||||||
@@ -451,3 +451,7 @@ onMounted(() => {
|
|||||||
})
|
})
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
<style scoped lang="scss">
|
||||||
|
@import '/@/assets/styles/modern-page.scss';
|
||||||
|
</style>
|
||||||
|
|
||||||
|
|||||||
@@ -7,12 +7,12 @@
|
|||||||
<div class="card-header">
|
<div class="card-header">
|
||||||
<span class="card-title">
|
<span class="card-title">
|
||||||
<el-icon class="title-icon"><Search /></el-icon>
|
<el-icon class="title-icon"><Search /></el-icon>
|
||||||
筛选条件
|
筛选条<EFBFBD><EFBFBD>?
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<el-form :model="searchForm" ref="searchFormRef" :inline="true" @keyup.enter="handleSearch" class="search-form">
|
<el-form :model="searchForm" ref="searchFormRef" :inline="true" @keyup.enter="handleSearch" class="search-form">
|
||||||
<el-form-item label="宿舍号" prop="roomNo">
|
<el-form-item label="宿舍<EFBFBD><EFBFBD>? prop="roomNo">
|
||||||
<el-input
|
<el-input
|
||||||
v-model="searchForm.roomNo"
|
v-model="searchForm.roomNo"
|
||||||
placeholder="请输入宿舍号"
|
placeholder="请输入宿舍号"
|
||||||
@@ -68,7 +68,7 @@
|
|||||||
icon="FolderAdd"
|
icon="FolderAdd"
|
||||||
type="primary"
|
type="primary"
|
||||||
@click="formDialogRef.openDialog()">
|
@click="formDialogRef.openDialog()">
|
||||||
新 增
|
<EFBFBD><EFBFBD>?<EFBFBD><EFBFBD>?
|
||||||
</el-button>
|
</el-button>
|
||||||
<right-toolbar
|
<right-toolbar
|
||||||
v-model:showSearch="showSearch"
|
v-model:showSearch="showSearch"
|
||||||
@@ -84,7 +84,7 @@
|
|||||||
@order-change="handleColumnOrderChange"
|
@order-change="handleColumnOrderChange"
|
||||||
>
|
>
|
||||||
<template #trigger>
|
<template #trigger>
|
||||||
<el-tooltip class="item" effect="dark" content="列设置" placement="top">
|
<el-tooltip class="item" effect="dark" content="列设<EFBFBD><EFBFBD>? placement="top">
|
||||||
<el-button circle style="margin-left: 0;">
|
<el-button circle style="margin-left: 0;">
|
||||||
<el-icon><Menu /></el-icon>
|
<el-icon><Menu /></el-icon>
|
||||||
</el-button>
|
</el-button>
|
||||||
@@ -124,13 +124,13 @@
|
|||||||
<el-icon><component :is="columnConfigMap[col.prop]?.icon || Calendar" /></el-icon>
|
<el-icon><component :is="columnConfigMap[col.prop]?.icon || Calendar" /></el-icon>
|
||||||
<span style="margin-left: 4px">{{ col.label }}</span>
|
<span style="margin-left: 4px">{{ col.label }}</span>
|
||||||
</template>
|
</template>
|
||||||
<!-- 学期列特殊模板 -->
|
<!-- 学期列特殊模<EFBFBD><EFBFBD>?-->
|
||||||
<template v-if="col.prop === 'period'" #default="scope">
|
<template v-if="col.prop === 'period'" #default="scope">
|
||||||
<el-tag size="small" type="primary" effect="plain">
|
<el-tag size="small" type="primary" effect="plain">
|
||||||
{{ formatSchoolTerm(scope.row.period) }}
|
{{ formatSchoolTerm(scope.row.period) }}
|
||||||
</el-tag>
|
</el-tag>
|
||||||
</template>
|
</template>
|
||||||
<!-- 类型列特殊模板 -->
|
<!-- 类型列特殊模<EFBFBD><EFBFBD>?-->
|
||||||
<template v-else-if="col.prop === 'type'" #default="scope">
|
<template v-else-if="col.prop === 'type'" #default="scope">
|
||||||
<el-tag size="small" type="info" effect="plain">
|
<el-tag size="small" type="info" effect="plain">
|
||||||
{{ formatType(scope.row.type) }}
|
{{ formatType(scope.row.type) }}
|
||||||
@@ -142,7 +142,7 @@
|
|||||||
{{ formatPaymentType(scope.row.paymentCode) }}
|
{{ formatPaymentType(scope.row.paymentCode) }}
|
||||||
</el-tag>
|
</el-tag>
|
||||||
</template>
|
</template>
|
||||||
<!-- 金额列特殊模板 -->
|
<!-- 金额列特殊模<EFBFBD><EFBFBD>?-->
|
||||||
<template v-else-if="col.prop === 'money'" #default="scope">
|
<template v-else-if="col.prop === 'money'" #default="scope">
|
||||||
<el-tag v-if="scope.row.money" size="small" type="success" effect="plain">
|
<el-tag v-if="scope.row.money" size="small" type="success" effect="plain">
|
||||||
¥{{ scope.row.money }}
|
¥{{ scope.row.money }}
|
||||||
@@ -216,7 +216,7 @@ import TableColumnControl from '/@/components/TableColumnControl/index.vue'
|
|||||||
import FormDialog from './form.vue';
|
import FormDialog from './form.vue';
|
||||||
import { List, House, Calendar, Clock, Document, Collection, CreditCard, Money, User, Avatar, CircleCheck, Setting, Menu, Search } from '@element-plus/icons-vue'
|
import { List, House, Calendar, Clock, Document, Collection, CreditCard, Money, User, Avatar, CircleCheck, Setting, Menu, Search } from '@element-plus/icons-vue'
|
||||||
import { useTableColumnControl } from '/@/hooks/tableColumnControl'
|
import { useTableColumnControl } from '/@/hooks/tableColumnControl'
|
||||||
import '/@/styles/modern-page.scss'
|
|
||||||
import { defineAsyncComponent } from 'vue'
|
import { defineAsyncComponent } from 'vue'
|
||||||
const StatusTag = defineAsyncComponent(() => import('/@/components/StatusTag/index.vue'))
|
const StatusTag = defineAsyncComponent(() => import('/@/components/StatusTag/index.vue'))
|
||||||
|
|
||||||
@@ -233,22 +233,22 @@ const paymentTypeList = ref<any[]>([])
|
|||||||
const chargeStateList = ref<any[]>([])
|
const chargeStateList = ref<any[]>([])
|
||||||
const stateList = ref<any[]>([])
|
const stateList = ref<any[]>([])
|
||||||
|
|
||||||
// 表格列配置
|
// 表格列配<EFBFBD><EFBFBD>?
|
||||||
const tableColumns = [
|
const tableColumns = [
|
||||||
{ prop: 'roomNo', label: '宿舍号' },
|
{ prop: 'roomNo', label: '宿舍<EFBFBD><EFBFBD>? },
|
||||||
{ prop: 'year', label: '学年' },
|
{ prop: 'year', label: '学年' },
|
||||||
{ prop: 'period', label: '学期' },
|
{ prop: 'period', label: '学期' },
|
||||||
{ prop: 'orderNum', label: '订单号' },
|
{ prop: 'orderNum', label: '订单<EFBFBD><EFBFBD>? },
|
||||||
{ prop: 'type', label: '类型' },
|
{ prop: 'type', label: '类型' },
|
||||||
{ prop: 'paymentCode', label: '充值类型' },
|
{ prop: 'paymentCode', label: '充值类<EFBFBD><EFBFBD>? },
|
||||||
{ prop: 'money', label: '金额' },
|
{ prop: 'money', label: '金额' },
|
||||||
{ prop: 'chargeAccount', label: '充值人的账户' },
|
{ prop: 'chargeAccount', label: '充值人的账<EFBFBD><EFBFBD>? },
|
||||||
{ prop: 'chargeRealname', label: '充值人的真实姓名' },
|
{ prop: 'chargeRealname', label: '充值人的真实姓<EFBFBD><EFBFBD>? },
|
||||||
{ prop: 'chargeState', label: '充值结果' },
|
{ prop: 'chargeState', label: '充值结<EFBFBD><EFBFBD>? },
|
||||||
{ prop: 'state', label: '状态' }
|
{ prop: 'state', label: '状<EFBFBD><EFBFBD>? }
|
||||||
]
|
]
|
||||||
|
|
||||||
// 列配置映射(用于图标)
|
// 列配置映射(用于图标<EFBFBD><EFBFBD>?
|
||||||
const columnConfigMap: Record<string, { icon: any }> = {
|
const columnConfigMap: Record<string, { icon: any }> = {
|
||||||
roomNo: { icon: House },
|
roomNo: { icon: House },
|
||||||
year: { icon: Calendar },
|
year: { icon: Calendar },
|
||||||
@@ -333,7 +333,7 @@ const handleDelete = async (row: any) => {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// 格式化学期
|
// 格式化学<EFBFBD><EFBFBD>?
|
||||||
const formatSchoolTerm = (value: string | number) => {
|
const formatSchoolTerm = (value: string | number) => {
|
||||||
if (value === null || value === undefined || value === '') {
|
if (value === null || value === undefined || value === '') {
|
||||||
return '-'
|
return '-'
|
||||||
@@ -342,7 +342,7 @@ const formatSchoolTerm = (value: string | number) => {
|
|||||||
return dictItem ? dictItem.label : value
|
return dictItem ? dictItem.label : value
|
||||||
}
|
}
|
||||||
|
|
||||||
// 格式化类型
|
// 格式化类<EFBFBD><EFBFBD>?
|
||||||
const formatType = (value: string | number) => {
|
const formatType = (value: string | number) => {
|
||||||
if (value === null || value === undefined || value === '') {
|
if (value === null || value === undefined || value === '') {
|
||||||
return '-'
|
return '-'
|
||||||
@@ -351,7 +351,7 @@ const formatType = (value: string | number) => {
|
|||||||
return dictItem ? dictItem.label : value
|
return dictItem ? dictItem.label : value
|
||||||
}
|
}
|
||||||
|
|
||||||
// 格式化充值类型
|
// 格式化充值类<EFBFBD><EFBFBD>?
|
||||||
const formatPaymentType = (value: string | number) => {
|
const formatPaymentType = (value: string | number) => {
|
||||||
if (value === null || value === undefined || value === '') {
|
if (value === null || value === undefined || value === '') {
|
||||||
return '-'
|
return '-'
|
||||||
@@ -360,7 +360,7 @@ const formatPaymentType = (value: string | number) => {
|
|||||||
return dictItem ? dictItem.label : value
|
return dictItem ? dictItem.label : value
|
||||||
}
|
}
|
||||||
|
|
||||||
// 格式化充值结果
|
// 格式化充值结<EFBFBD><EFBFBD>?
|
||||||
const formatChargeState = (value: string | number) => {
|
const formatChargeState = (value: string | number) => {
|
||||||
if (value === null || value === undefined || value === '') {
|
if (value === null || value === undefined || value === '') {
|
||||||
return '-'
|
return '-'
|
||||||
@@ -369,7 +369,7 @@ const formatChargeState = (value: string | number) => {
|
|||||||
return dictItem ? dictItem.label : value
|
return dictItem ? dictItem.label : value
|
||||||
}
|
}
|
||||||
|
|
||||||
// 格式化状态
|
// 格式化状<EFBFBD><EFBFBD>?
|
||||||
const formatState = (value: string | number) => {
|
const formatState = (value: string | number) => {
|
||||||
if (value === null || value === undefined || value === '') {
|
if (value === null || value === undefined || value === '') {
|
||||||
return '-'
|
return '-'
|
||||||
@@ -420,7 +420,7 @@ const getTypeDict = async () => {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// 获取充值类型字典
|
// 获取充值类型字<EFBFBD><EFBFBD>?
|
||||||
const getPaymentTypeDict = async () => {
|
const getPaymentTypeDict = async () => {
|
||||||
try {
|
try {
|
||||||
const res = await getDicts('dorm_water_payment_type')
|
const res = await getDicts('dorm_water_payment_type')
|
||||||
@@ -435,7 +435,7 @@ const getPaymentTypeDict = async () => {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// 获取充值结果字典
|
// 获取充值结果字<EFBFBD><EFBFBD>?
|
||||||
const getChargeStateDict = async () => {
|
const getChargeStateDict = async () => {
|
||||||
try {
|
try {
|
||||||
const res = await getDicts('dorm_water_charge_state')
|
const res = await getDicts('dorm_water_charge_state')
|
||||||
@@ -450,7 +450,7 @@ const getChargeStateDict = async () => {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// 获取状态字典
|
// 获取状态字<EFBFBD><EFBFBD>?
|
||||||
const getStateDict = async () => {
|
const getStateDict = async () => {
|
||||||
try {
|
try {
|
||||||
const res = await getDicts('dorm_water_state')
|
const res = await getDicts('dorm_water_state')
|
||||||
@@ -465,7 +465,7 @@ const getStateDict = async () => {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// 初始化
|
// 初始<EFBFBD><EFBFBD>?
|
||||||
onMounted(() => {
|
onMounted(() => {
|
||||||
getSchoolYearList()
|
getSchoolYearList()
|
||||||
getSchoolTermDict()
|
getSchoolTermDict()
|
||||||
@@ -480,3 +480,7 @@ onMounted(() => {
|
|||||||
})
|
})
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
<style scoped lang="scss">
|
||||||
|
@import '/@/assets/styles/modern-page.scss';
|
||||||
|
</style>
|
||||||
|
|
||||||
|
|||||||
@@ -7,7 +7,7 @@
|
|||||||
<div class="card-header">
|
<div class="card-header">
|
||||||
<span class="card-title">
|
<span class="card-title">
|
||||||
<el-icon class="title-icon"><Search /></el-icon>
|
<el-icon class="title-icon"><Search /></el-icon>
|
||||||
筛选条件
|
筛选条<EFBFBD><EFBFBD>?
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
@@ -84,7 +84,7 @@
|
|||||||
@order-change="handleColumnOrderChange"
|
@order-change="handleColumnOrderChange"
|
||||||
>
|
>
|
||||||
<template #trigger>
|
<template #trigger>
|
||||||
<el-tooltip class="item" effect="dark" content="列设置" placement="top">
|
<el-tooltip class="item" effect="dark" content="列设<EFBFBD><EFBFBD>? placement="top">
|
||||||
<el-button circle style="margin-left: 0;">
|
<el-button circle style="margin-left: 0;">
|
||||||
<el-icon><Menu /></el-icon>
|
<el-icon><Menu /></el-icon>
|
||||||
</el-button>
|
</el-button>
|
||||||
@@ -125,19 +125,19 @@
|
|||||||
<el-icon><component :is="columnConfigMap[col.prop]?.icon || Calendar" /></el-icon>
|
<el-icon><component :is="columnConfigMap[col.prop]?.icon || Calendar" /></el-icon>
|
||||||
<span style="margin-left: 4px">{{ col.label }}</span>
|
<span style="margin-left: 4px">{{ col.label }}</span>
|
||||||
</template>
|
</template>
|
||||||
<!-- 学期列特殊模板 -->
|
<!-- 学期列特殊模<EFBFBD><EFBFBD>?-->
|
||||||
<template v-if="col.prop === 'schoolTerm'" #default="scope">
|
<template v-if="col.prop === 'schoolTerm'" #default="scope">
|
||||||
<el-tag size="small" type="primary" effect="plain">
|
<el-tag size="small" type="primary" effect="plain">
|
||||||
{{ formatSchoolTerm(scope.row.schoolTerm) }}
|
{{ formatSchoolTerm(scope.row.schoolTerm) }}
|
||||||
</el-tag>
|
</el-tag>
|
||||||
</template>
|
</template>
|
||||||
<!-- 考勤类型列特殊模板 -->
|
<!-- 考勤类型列特殊模<EFBFBD><EFBFBD>?-->
|
||||||
<template v-else-if="col.prop === 'attendanceType'" #default="scope">
|
<template v-else-if="col.prop === 'attendanceType'" #default="scope">
|
||||||
<el-tag size="small" type="warning" effect="plain">
|
<el-tag size="small" type="warning" effect="plain">
|
||||||
{{ formatAttendanceType(scope.row.attendanceType) }}
|
{{ formatAttendanceType(scope.row.attendanceType) }}
|
||||||
</el-tag>
|
</el-tag>
|
||||||
</template>
|
</template>
|
||||||
<!-- 落实情况列特殊模板 -->
|
<!-- 落实情况列特殊模<EFBFBD><EFBFBD>?-->
|
||||||
<template v-else-if="col.prop === 'remarks'" #default="scope">
|
<template v-else-if="col.prop === 'remarks'" #default="scope">
|
||||||
<span>{{ scope.row.remarks || '-' }}</span>
|
<span>{{ scope.row.remarks || '-' }}</span>
|
||||||
</template>
|
</template>
|
||||||
@@ -183,7 +183,7 @@ import { useMessage } from "/@/hooks/message";
|
|||||||
import TableColumnControl from '/@/components/TableColumnControl/index.vue'
|
import TableColumnControl from '/@/components/TableColumnControl/index.vue'
|
||||||
import { List, Calendar, Clock, OfficeBuilding, Grid, Document, CreditCard, Avatar, Collection, Setting, Menu, Search } from '@element-plus/icons-vue'
|
import { List, Calendar, Clock, OfficeBuilding, Grid, Document, CreditCard, Avatar, Collection, Setting, Menu, Search } from '@element-plus/icons-vue'
|
||||||
import { useTableColumnControl } from '/@/hooks/tableColumnControl'
|
import { useTableColumnControl } from '/@/hooks/tableColumnControl'
|
||||||
import '/@/styles/modern-page.scss'
|
|
||||||
|
|
||||||
// 定义变量内容
|
// 定义变量内容
|
||||||
const route = useRoute()
|
const route = useRoute()
|
||||||
@@ -194,13 +194,13 @@ const deptList = ref<any[]>([])
|
|||||||
const classList = ref<any[]>([])
|
const classList = ref<any[]>([])
|
||||||
const showRemarks = ref(false) // 控制落实情况列的显示
|
const showRemarks = ref(false) // 控制落实情况列的显示
|
||||||
|
|
||||||
// 表格列配置
|
// 表格列配<EFBFBD><EFBFBD>?
|
||||||
const tableColumns = [
|
const tableColumns = [
|
||||||
{ prop: 'schoolYear', label: '学年' },
|
{ prop: 'schoolYear', label: '学年' },
|
||||||
{ prop: 'schoolTerm', label: '学期' },
|
{ prop: 'schoolTerm', label: '学期' },
|
||||||
{ prop: 'deptName', label: '系部名称' },
|
{ prop: 'deptName', label: '系部名称' },
|
||||||
{ prop: 'classCode', label: '班级代码' },
|
{ prop: 'classCode', label: '班级代码' },
|
||||||
{ prop: 'classNo', label: '班级简称' },
|
{ prop: 'classNo', label: '班级简<EFBFBD><EFBFBD>? },
|
||||||
{ prop: 'classProName', label: '班级规范名称', minWidth: 200 },
|
{ prop: 'classProName', label: '班级规范名称', minWidth: 200 },
|
||||||
{ prop: 'stuNo', label: '学号' },
|
{ prop: 'stuNo', label: '学号' },
|
||||||
{ prop: 'realName', label: '姓名' },
|
{ prop: 'realName', label: '姓名' },
|
||||||
@@ -208,7 +208,7 @@ const tableColumns = [
|
|||||||
{ prop: 'remarks', label: '落实情况', minWidth: 150 }
|
{ prop: 'remarks', label: '落实情况', minWidth: 150 }
|
||||||
]
|
]
|
||||||
|
|
||||||
// 列配置映射(用于图标)
|
// 列配置映射(用于图标<EFBFBD><EFBFBD>?
|
||||||
const columnConfigMap: Record<string, { icon: any }> = {
|
const columnConfigMap: Record<string, { icon: any }> = {
|
||||||
schoolYear: { icon: Calendar },
|
schoolYear: { icon: Calendar },
|
||||||
schoolTerm: { icon: Clock },
|
schoolTerm: { icon: Clock },
|
||||||
@@ -260,12 +260,12 @@ const {
|
|||||||
// 格式化考勤类型
|
// 格式化考勤类型
|
||||||
const formatAttendanceType = (value: string | number) => {
|
const formatAttendanceType = (value: string | number) => {
|
||||||
if (value === '1' || value === 1) return '到岗'
|
if (value === '1' || value === 1) return '到岗'
|
||||||
if (value === '2' || value === 2) return '未到岗'
|
if (value === '2' || value === 2) return '未到<EFBFBD><EFBFBD>?
|
||||||
if (value === '3' || value === 3) return '请假'
|
if (value === '3' || value === 3) return '请假'
|
||||||
return '-'
|
return '-'
|
||||||
}
|
}
|
||||||
|
|
||||||
// 学院变化时更新班级列表
|
// 学院变化时更新班级列<EFBFBD><EFBFBD>?
|
||||||
const handleDeptChange = () => {
|
const handleDeptChange = () => {
|
||||||
searchForm.classCode = ''
|
searchForm.classCode = ''
|
||||||
getClassListData()
|
getClassListData()
|
||||||
@@ -274,7 +274,7 @@ const handleDeptChange = () => {
|
|||||||
// 来源选择变化
|
// 来源选择变化
|
||||||
const handleSourceChange = async (value: string) => {
|
const handleSourceChange = async (value: string) => {
|
||||||
if (value === 'history') {
|
if (value === 'history') {
|
||||||
// 选择考勤记录时,显示落实情况列
|
// 选择考勤记录时,显示落实情况<EFBFBD><EFBFBD>?
|
||||||
showRemarks.value = true
|
showRemarks.value = true
|
||||||
// 查询考勤记录(不强制要求学院和班级)
|
// 查询考勤记录(不强制要求学院和班级)
|
||||||
try {
|
try {
|
||||||
@@ -308,7 +308,7 @@ const handleSourceChange = async (value: string) => {
|
|||||||
state.loading = false
|
state.loading = false
|
||||||
}
|
}
|
||||||
} else if (value === 'attendance') {
|
} else if (value === 'attendance') {
|
||||||
// 选择考勤时,不显示落实情况列,使用普通列表接口
|
// 选择考勤时,不显示落实情况列,使用普通列表接<EFBFBD><EFBFBD>?
|
||||||
showRemarks.value = false
|
showRemarks.value = false
|
||||||
getDataList()
|
getDataList()
|
||||||
} else {
|
} else {
|
||||||
@@ -340,7 +340,7 @@ const handleReset = () => {
|
|||||||
|
|
||||||
// 查看详情
|
// 查看详情
|
||||||
const handleView = (row: any) => {
|
const handleView = (row: any) => {
|
||||||
useMessage().warning('查看详情功能待实现')
|
useMessage().warning('查看详情功能待实<EFBFBD><EFBFBD>?)
|
||||||
}
|
}
|
||||||
|
|
||||||
// 获取学院列表
|
// 获取学院列表
|
||||||
@@ -372,7 +372,7 @@ const getClassListData = async () => {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// 初始化
|
// 初始<EFBFBD><EFBFBD>?
|
||||||
onMounted(() => {
|
onMounted(() => {
|
||||||
getDeptListData()
|
getDeptListData()
|
||||||
getClassListData()
|
getClassListData()
|
||||||
@@ -383,3 +383,7 @@ onMounted(() => {
|
|||||||
})
|
})
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
<style scoped lang="scss">
|
||||||
|
@import '/@/assets/styles/modern-page.scss';
|
||||||
|
</style>
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user