评优和安全教育功能

src/views/stuwork/rewardstudent/index.vue

@@ -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>