增加班费使用汇总

src/api/stuwork/classfeelog.ts

@@ -73,3 +73,16 @@ export const exportExcel = (query?: any) => {
   });
 };
 
+/**
+ * 班费使用汇总
+ * @param schoolYear 学年
+ * @param schoolTerm 学期
+ */
+export const getSummary = (schoolYear: string, schoolTerm: string) => {
+  return request({
+    url: '/stuwork/classfeelog/summary',
+    method: 'get',
+    params: { schoolYear, schoolTerm }
+  });
+};
+

src/views/stuwork/classfeelog/index.vue

@@ -107,16 +107,23 @@
               班费记录列表
             </span>
             <div class="header-actions">
-              <el-button 
+              <el-button
-                icon="Plus" 
+                icon="Plus"
-                type="primary" 
+                type="primary"
                 @click="formDialogRef.openDialog()">
                 新增
               </el-button>
-              <el-button 
+              <el-button
-                icon="Download" 
+                icon="DataAnalysis"
-                type="success" 
+                type="warning"
-                class="ml10" 
+                class="ml10"
+                @click="handleSummary">
+                班费汇总
+              </el-button>
+              <el-button
+                icon="Download"
+                type="success"
+                class="ml10"
                 @click="handleExport">
                 导出
               </el-button>
@@ -254,13 +261,133 @@
 
     <!-- 新增/编辑表单弹窗 -->
     <form-dialog ref="formDialogRef" @refresh="getDataList" />
+
+    <!-- 班费汇总弹窗 -->
+    <el-dialog
+      title="班费使用汇总"
+      v-model="summaryDialogVisible"
+      :width="900"
+      :close-on-click-modal="false"
+      draggable>
+      <!-- 查询条件 -->
+      <el-form :inline="true" class="summary-form">
+        <el-form-item label="学年">
+          <el-select
+            v-model="summaryQuery.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="summaryQuery.schoolTerm"
+            placeholder="请选择学期"
+            clearable
+            style="width: 150px">
+            <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="handleSummaryQuery">查询</el-button>
+        </el-form-item>
+      </el-form>
+
+      <!-- 汇总表格 -->
+      <el-table
+        :data="summaryData"
+        v-loading="summaryLoading"
+        stripe
+        border
+        max-height="400"
+        style="width: 100%">
+        <el-table-column type="index" label="序号" width="60" align="center" />
+        <el-table-column prop="deptName" label="学院" min-width="120" show-overflow-tooltip />
+        <el-table-column prop="classNo" label="班级" width="100" show-overflow-tooltip />
+        <el-table-column prop="totalIncome" label="总收入" width="100" align="right">
+          <template #default="scope">
+            <span style="color: #67c23a; font-weight: bold;">
+              {{ scope.row.totalIncome ? '¥' + scope.row.totalIncome.toFixed(2) : '¥0.00' }}
+            </span>
+          </template>
+        </el-table-column>
+        <el-table-column prop="totalExpense" label="总支出" width="100" align="right">
+          <template #default="scope">
+            <span style="color: #f56c6c; font-weight: bold;">
+              {{ scope.row.totalExpense ? '¥' + scope.row.totalExpense.toFixed(2) : '¥0.00' }}
+            </span>
+          </template>
+        </el-table-column>
+        <el-table-column prop="openingBalance" label="期初结余" width="100" align="right">
+          <template #default="scope">
+            <span style="color: #409eff; font-weight: bold;">
+              {{ scope.row.openingBalance ? '¥' + scope.row.openingBalance.toFixed(2) : '¥0.00' }}
+            </span>
+          </template>
+        </el-table-column>
+        <el-table-column prop="totalBalance" label="总结余" width="100" align="right">
+          <template #default="scope">
+            <span :style="{ color: scope.row.totalBalance >= 0 ? '#67c23a' : '#f56c6c', fontWeight: 'bold' }">
+              {{ scope.row.totalBalance ? '¥' + scope.row.totalBalance.toFixed(2) : '¥0.00' }}
+            </span>
+          </template>
+        </el-table-column>
+        <el-table-column prop="recordCount" label="记录数" width="80" align="center" />
+      </el-table>
+
+      <!-- 汇总统计 -->
+      <div v-if="summaryData.length > 0" class="summary-total">
+        <el-row :gutter="20">
+          <el-col :span="6">
+            <div class="total-item">
+              <span class="label">班级总数：</span>
+              <span class="value">{{ summaryData.length }}</span>
+            </div>
+          </el-col>
+          <el-col :span="6">
+            <div class="total-item">
+              <span class="label">总收入合计：</span>
+              <span class="value income">¥{{ totalSummary.totalIncome.toFixed(2) }}</span>
+            </div>
+          </el-col>
+          <el-col :span="6">
+            <div class="total-item">
+              <span class="label">总支出合计：</span>
+              <span class="value expense">¥{{ totalSummary.totalExpense.toFixed(2) }}</span>
+            </div>
+          </el-col>
+          <el-col :span="6">
+            <div class="total-item">
+              <span class="label">总结余合计：</span>
+              <span class="value balance">¥{{ totalSummary.totalBalance.toFixed(2) }}</span>
+            </div>
+          </el-col>
+        </el-row>
+      </div>
+
+      <template #footer>
+        <el-button @click="summaryDialogVisible = false">关 闭</el-button>
+      </template>
+    </el-dialog>
   </div>
 </template>
 
 <script setup lang="ts" name="ClassFeeLog">
-import { reactive, ref, onMounted } from 'vue'
+import { reactive, ref, onMounted, computed } from 'vue'
 import { BasicTableProps, useTable } from "/@/hooks/table";
-import { fetchList, delObj, exportExcel } from "/@/api/stuwork/classfeelog";
+import { fetchList, delObj, exportExcel, getSummary } from "/@/api/stuwork/classfeelog";
 import { getDeptList } from "/@/api/basic/basicclass";
 import { queryAllSchoolYear } from "/@/api/basic/basicyear";
 import { getClassListByRole } from "/@/api/basic/basicclass";
@@ -268,7 +395,7 @@ import { getDicts } from "/@/api/admin/dict";
 import { useMessage, useMessageBox } from "/@/hooks/message";
 import TableColumnControl from '/@/components/TableColumnControl/index.vue'
 import FormDialog from './form.vue'
-import { List, Calendar, Clock, OfficeBuilding, Grid, Collection, Money, User, Document, Setting, Menu, Search, FolderAdd, EditPen } from '@element-plus/icons-vue'
+import { List, Calendar, Clock, OfficeBuilding, Grid, Collection, Money, User, Document, Setting, Menu, Search, FolderAdd, EditPen, DataAnalysis } from '@element-plus/icons-vue'
 import { useTableColumnControl } from '/@/hooks/tableColumn'
 
 // 定义变量内容
@@ -282,6 +409,15 @@ const deptList = ref<any[]>([])
 const classList = ref<any[]>([])
 const typeList = ref<any[]>([])
 
+// 班费汇总相关
+const summaryDialogVisible = ref(false)
+const summaryLoading = ref(false)
+const summaryData = ref<any[]>([])
+const summaryQuery = reactive({
+  schoolYear: '',
+  schoolTerm: ''
+})
+
 // 表格列配置
 const tableColumns = [
   { prop: 'schoolYear', label: '学年', icon: Calendar },
@@ -492,6 +628,73 @@ const getTypeDict = async () => {
   }
 }
 
+// 打开班费汇总弹窗
+const handleSummary = () => {
+  // 默认选择当前学年学期
+  const now = new Date()
+  const year = now.getFullYear()
+  const month = now.getMonth() + 1
+
+  // 计算当前学年
+  let currentYear: string
+  if (month >= 9) {
+    currentYear = `${year}-${year + 1}`
+  } else {
+    currentYear = `${year - 1}-${year}`
+  }
+
+  // 计算当前学期
+  const currentTerm = (month >= 9 || month <= 1) ? '1' : '2'
+
+  summaryQuery.schoolYear = currentYear
+  summaryQuery.schoolTerm = currentTerm
+
+  summaryDialogVisible.value = true
+  handleSummaryQuery()
+}
+
+// 查询班费汇总数据
+const handleSummaryQuery = async () => {
+  if (!summaryQuery.schoolYear || !summaryQuery.schoolTerm) {
+    useMessage().warning('请选择学年 and 学期')
+    return
+  }
+
+  summaryLoading.value = true
+  try {
+    const res = await getSummary(summaryQuery.schoolYear, summaryQuery.schoolTerm)
+    if (res.data && Array.isArray(res.data)) {
+      summaryData.value = res.data
+    } else {
+      summaryData.value = []
+    }
+  } catch (err: any) {
+    useMessage().error(err.msg || '获取汇总数据失败')
+    summaryData.value = []
+  } finally {
+    summaryLoading.value = false
+  }
+}
+
+// 汇总统计数据
+const totalSummary = computed(() => {
+  let totalIncome = 0
+  let totalExpense = 0
+  let totalBalance = 0
+
+  summaryData.value.forEach(item => {
+    totalIncome += item.totalIncome || 0
+    totalExpense += item.totalExpense || 0
+    totalBalance += item.totalBalance || 0
+  })
+
+  return {
+    totalIncome,
+    totalExpense,
+    totalBalance
+  }
+})
+
 // 初始化
 onMounted(() => {
   getSchoolYearList()
@@ -504,4 +707,42 @@ onMounted(() => {
 
 <style scoped lang="scss">
 @import '/@/assets/styles/modern-page.scss';
+
+.summary-form {
+  margin-bottom: 15px;
+}
+
+.summary-total {
+  margin-top: 15px;
+  padding: 15px;
+  background: #f5f7fa;
+  border-radius: 4px;
+
+  .total-item {
+    text-align: center;
+
+    .label {
+      color: #909399;
+      font-size: 14px;
+    }
+
+    .value {
+      font-size: 18px;
+      font-weight: bold;
+      margin-left: 5px;
+
+      &.income {
+        color: #67c23a;
+      }
+
+      &.expense {
+        color: #f56c6c;
+      }
+
+      &.balance {
+        color: #409eff;
+      }
+    }
+  }
+}
 </style>