RISE/school-developer
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

评优和安全教育功能

Browse Source
This commit is contained in:
yaojian
2026-03-02 16:12:23 +08:00
parent 755721a2c7
commit ffe3923cf2
4 changed files with 371 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/api/stuwork/classsafeedu.ts
View File

@@ -73,3 +73,16 @@ export const exportExcel = (query?: any) => {
});
};
/**
* 按学年学期统计各班级安全教育次数
* @param schoolYear 学年
* @param schoolTerm 学期
*/
export const statisticsByYearTerm = (schoolYear?: string, schoolTerm?: string) => {
return request({
url: '/stuwork/classsafeedu/statistics',
method: 'get',
params: { schoolYear, schoolTerm }
});
};

36
src/api/stuwork/rewardstudent.ts
View File

@@ -25,3 +25,39 @@ export const exportExcel = (query?: any) => {
});
};
/**
* 更新学生评优奖项
* @param data
*/
export const updateStuAward = (data: any) => {
return request({
url: '/stuwork/rewardstudent/updateStuAward',
method: 'post',
data
});
};
/**
* 查询学生评优记录
* @param stuNo 学号
* @param schoolYear 学年
* @param schoolTerm 学期
*/
export const getStuRewardList = (stuNo: string, schoolYear: string, schoolTerm: string) => {
return request({
url: '/stuwork/rewardstudent/getStuRewardList',
method: 'get',
params: { stuNo, schoolYear, schoolTerm }
});
};
/**
* 获取奖项规则列表
*/
export const getRewardRuleList = () => {
return request({
url: '/stuwork/rewardrule/getRewardRule',
method: 'get'
});
};

127
src/views/stuwork/classsafeedu/index.vue
View File

@@ -81,6 +81,12 @@
安全教育列表
</span>
<div class="header-actions">
<el-button
icon="DataAnalysis"
type="success"
@click="handleStatistics">
统计汇总
</el-button>
<el-button
icon="Plus"
type="primary"
@@ -235,13 +241,87 @@
<!-- 查看详情弹窗 -->
<detail-dialog ref="detailDialogRef" />
<!-- 统计对话框 -->
<el-dialog
v-model="statisticsDialogVisible"
title="安全教育统计汇总"
width="800px"
destroy-on-close>
<!-- 搜索条件 -->
<el-form :inline="true" class="statistics-form">
<el-form-item label="学年">
<el-select
v-model="statisticsQuery.schoolYear"
placeholder="请选择学年"
clearable
filterable
style="width: 180px">
<el-option
v-for="item in schoolYearList"
:key="item.year"
:label="item.year"
:value="item.year">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="学期">
<el-select
v-model="statisticsQuery.schoolTerm"
placeholder="请选择学期"
clearable
style="width: 180px">
<el-option
v-for="item in schoolTermList"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</el-form-item>
<el-form-item>
<el-button type="primary" icon="Search" @click="getStatisticsData">查询</el-button>
</el-form-item>
</el-form>
<!-- 统计表格 -->
<el-table
:data="statisticsData"
v-loading="statisticsLoading"
stripe
max-height="400px"
:cell-style="tableStyle.cellStyle"
:header-cell-style="tableStyle.headerCellStyle">
<el-table-column type="index" label="序号" width="70" align="center" />
<el-table-column prop="classNo" label="班号" align="center" />
<el-table-column prop="schoolYear" label="学年" align="center" />
<el-table-column prop="schoolTerm" label="学期" align="center">
<template #default="{ row }">
<el-tag size="small" type="primary" effect="plain" round>
{{ formatSchoolTerm(row.schoolTerm) }}
</el-tag>
</template>
</el-table-column>
<el-table-column prop="eduCount" label="安全教育次数" align="center">
<template #default="{ row }">
<el-tag size="small" type="success" effect="plain" round>
{{ row.eduCount }} 次
</el-tag>
</template>
</el-table-column>
</el-table>
<template #footer>
<el-button @click="statisticsDialogVisible = false">关闭</el-button>
</template>
</el-dialog>
</div>
</template>
<script setup lang="ts" name="ClassSafeEdu">
import { reactive, ref, onMounted } from 'vue'
import { BasicTableProps, useTable } from "/@/hooks/table";
import { fetchList, delObj, exportExcel } from "/@/api/stuwork/classsafeedu";
import { fetchList, delObj, exportExcel, statisticsByYearTerm } from "/@/api/stuwork/classsafeedu";
import { getClassListByRole } from "/@/api/basic/basicclass";
import { queryAllSchoolYear } from "/@/api/basic/basicyear";
import { getDicts } from "/@/api/admin/dict";
@@ -249,7 +329,7 @@ import { useMessage, useMessageBox } from "/@/hooks/message";
import TableColumnControl from '/@/components/TableColumnControl/index.vue'
import FormDialog from './form.vue'
import DetailDialog from './detail.vue'
import { List, Calendar, Clock, Grid, Trophy, User, Location, UserFilled, Setting, Menu, Search, Document } from '@element-plus/icons-vue'
import { List, Calendar, Clock, Grid, Trophy, User, Location, UserFilled, Setting, Menu, Search, Document, DataAnalysis } from '@element-plus/icons-vue'
import { useTableColumnControl } from '/@/hooks/tableColumn'
// 定义变量内容
@@ -262,6 +342,15 @@ const schoolYearList = ref<any[]>([])
const schoolTermList = ref<any[]>([])
const classList = ref<any[]>([])
// 统计相关变量
const statisticsDialogVisible = ref(false)
const statisticsLoading = ref(false)
const statisticsData = ref<any[]>([])
const statisticsQuery = reactive({
schoolYear: '',
schoolTerm: ''
})
// 表格列配置
const tableColumns = [
{ prop: 'schoolYear', label: '学年', icon: Calendar },
@@ -449,6 +538,40 @@ const getClassListData = async () => {
}
}
// 打开统计对话框
const handleStatistics = () => {
// 使用当前搜索条件的学年和学期
statisticsQuery.schoolYear = state.queryForm.schoolYear || ''
statisticsQuery.schoolTerm = state.queryForm.schoolTerm || ''
statisticsData.value = []
statisticsDialogVisible.value = true
}
// 获取统计数据
const getStatisticsData = async () => {
// 必须选择学年或学期才能查询
if (!statisticsQuery.schoolYear && !statisticsQuery.schoolTerm) {
useMessage().warning('请选择学年或学期进行查询')
return
}
statisticsLoading.value = true
try {
const res = await statisticsByYearTerm(
statisticsQuery.schoolYear || undefined,
statisticsQuery.schoolTerm || undefined
)
if (res.data && Array.isArray(res.data)) {
statisticsData.value = res.data
} else {
statisticsData.value = []
}
} catch (err) {
statisticsData.value = []
} finally {
statisticsLoading.value = false
}
}
// 初始化
onMounted(() => {
getSchoolYearList()

191
src/views/stuwork/rewardstudent/index.vue
View File

@@ -176,16 +176,105 @@
</template>
</el-table-column>
</template>
<!-- 操作列 -->
<el-table-column label="操作" width="180" align="center" fixed="right">
<template #header>
<el-icon><Setting /></el-icon>
<span style="margin-left: 4px">操作</span>
</template>
<template #default="scope">
<el-button link type="primary" icon="Trophy" @click="handleAward(scope.row)">评优</el-button>
<el-button link type="success" icon="View" @click="handleViewRecord(scope.row)">记录</el-button>
</template>
</el-table-column>
</el-table>
</el-card>
</div>
<!-- 评优对话框 -->
<el-dialog
title="学生评优"
v-model="awardDialogVisible"
:width="500"
:close-on-click-modal="false"
draggable>
<el-form :model="awardForm" label-width="80px">
<el-form-item label="学号">
<el-input v-model="awardForm.stuNo" disabled />
</el-form-item>
<el-form-item label="姓名">
<el-input v-model="awardForm.realName" disabled />
</el-form-item>
<el-form-item label="奖项">
<el-select
v-model="awardForm.ruleName"
multiple
placeholder="请选择奖项"
filterable
style="width: 100%">
<el-option
v-for="item in rewardRuleList"
:key="item.id"
:label="item.ruleName"
:value="item.id">
</el-option>
</el-select>
</el-form-item>
</el-form>
<template #footer>
<el-button @click="awardDialogVisible = false">取 消</el-button>
<el-button type="primary" @click="handleAwardSubmit" :loading="awardLoading">确 定</el-button>
</template>
</el-dialog>
<!-- 评优记录对话框 -->
<el-dialog
title="评优记录"
v-model="recordDialogVisible"
:width="600"
:close-on-click-modal="false"
draggable>
<div v-if="currentRow" class="record-header">
<el-descriptions :column="2" border size="small">
<el-descriptions-item label="学号">{{ currentRow.stuNo }}</el-descriptions-item>
<el-descriptions-item label="姓名">{{ currentRow.realName }}</el-descriptions-item>
<el-descriptions-item label="学年">{{ queryForm.schoolYear || '-' }}</el-descriptions-item>
<el-descriptions-item label="学期">{{ formatSchoolTerm(queryForm.schoolTerm) }}</el-descriptions-item>
</el-descriptions>
</div>
<el-table
:data="rewardRecordList"
v-loading="recordLoading"
stripe
border
style="margin-top: 15px;">
<el-table-column type="index" label="序号" width="60" align="center" />
<el-table-column prop="ruleId" label="奖项ID" align="center" />
<el-table-column prop="ruleName" label="奖项名称" align="center">
<template #default="scope">
{{ getRuleNameById(scope.row.ruleId) || scope.row.ruleId || '-' }}
</template>
</el-table-column>
<el-table-column prop="createTime" label="评选时间" align="center" width="180">
<template #default="scope">
{{ parseTime(scope.row.createTime, dateTimeFormat) }}
</template>
</el-table-column>
</el-table>
<template #empty>
<el-empty description="暂无评优记录" :image-size="80" />
</template>
<template #footer>
<el-button @click="recordDialogVisible = false">关 闭</el-button>
</template>
</el-dialog>
</div>
</template>
<script setup lang="ts" name="RewardStudent">
import { reactive, ref, onMounted, computed, nextTick } from 'vue'
import { useRoute } from 'vue-router'
import { fetchList, exportExcel } from "/@/api/stuwork/rewardstudent";
import { fetchList, exportExcel, updateStuAward, getStuRewardList, getRewardRuleList } from "/@/api/stuwork/rewardstudent";
import { getDeptList } from "/@/api/basic/basicclass";
import { queryAllSchoolYear } from "/@/api/basic/basicyear";
import { getClassListByRole } from "/@/api/basic/basicclass";
@@ -193,7 +282,7 @@ import { getDicts } from "/@/api/admin/dict";
import { useMessage } from "/@/hooks/message";
import { parseTime } from "/@/utils/formatTime";
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, Setting, View } from '@element-plus/icons-vue'
import { useTableColumnControl } from '/@/hooks/tableColumn'
const dateTimeFormat = '{y}-{m}-{d} {h}:{i}:{s}'
@@ -210,6 +299,24 @@ const schoolTermList = ref<any[]>([])
const deptList = ref<any[]>([])
const classList = ref<any[]>([])
// 评优相关
const awardDialogVisible = ref(false)
const awardLoading = ref(false)
const awardForm = reactive({
stuNo: '',
realName: '',
schoolYear: '',
schoolTerm: '',
ruleName: [] as string[]
})
const rewardRuleList = ref<any[]>([])
// 评优记录相关
const recordDialogVisible = ref(false)
const recordLoading = ref(false)
const currentRow = ref<any>(null)
const rewardRecordList = ref<any[]>([])
// 表格列配置
const tableColumns = [
{ prop: 'departName', label: '学院名称' },
@@ -391,12 +498,88 @@ const getClassListData = async () => {
}
}
// 获取奖项规则列表
const getRewardRuleListData = async () => {
try {
const res = await getRewardRuleList()
if (res.data && Array.isArray(res.data)) {
rewardRuleList.value = res.data
} else {
rewardRuleList.value = []
}
} catch (err) {
rewardRuleList.value = []
}
}
// 根据ruleId获取奖项名称
const getRuleNameById = (ruleId: string) => {
const rule = rewardRuleList.value.find(item => item.id === ruleId)
return rule ? rule.ruleName : null
}
// 打开评优对话框
const handleAward = (row: any) => {
if (!queryForm.schoolYear || !queryForm.schoolTerm) {
useMessage().warning('请先选择学年 and 学期')
return
}
awardForm.stuNo = row.stuNo
awardForm.realName = row.realName
awardForm.schoolYear = queryForm.schoolYear
awardForm.schoolTerm = queryForm.schoolTerm
// 如果已有奖项，设置默认值
awardForm.ruleName = row.ruleName && Array.isArray(row.ruleName) ? [...row.ruleName] : []
awardDialogVisible.value = true
}
// 提交评优
const handleAwardSubmit = async () => {
awardLoading.value = true
try {
await updateStuAward(awardForm)
useMessage().success('评优成功')
awardDialogVisible.value = false
getDataList()
} catch (err: any) {
useMessage().error(err.msg || '评优失败')
} finally {
awardLoading.value = false
}
}
// 查看评优记录
const handleViewRecord = async (row: any) => {
if (!queryForm.schoolYear || !queryForm.schoolTerm) {
useMessage().warning('请先选择学年 and 学期')
return
}
currentRow.value = row
recordDialogVisible.value = true
recordLoading.value = true
rewardRecordList.value = []
try {
const res = await getStuRewardList(row.stuNo, queryForm.schoolYear, queryForm.schoolTerm)
if (res.data && Array.isArray(res.data)) {
rewardRecordList.value = res.data
} else {
rewardRecordList.value = []
}
} catch (err: any) {
useMessage().error(err.msg || '获取记录失败')
rewardRecordList.value = []
} finally {
recordLoading.value = false
}
}
// 初始化
onMounted(() => {
getSchoolYearList()
getSchoolTermDict()
getDeptListData()
getClassListData()
getRewardRuleListData()
getDataList()
nextTick(() => {
if (visibleColumns.value.length === 0) {
@@ -407,5 +590,9 @@ onMounted(() => {
<style scoped lang="scss">
@import '/@/assets/styles/modern-page.scss';
.record-header {
margin-bottom: 10px;
}
</style>