-
-
-
-
-
-
-
-
-
-```
-
-#### 前端修改3: 添加数据处理逻辑
-**文件**: `web/src/views/cw/application/form.vue`
-
-**计算属性**:
-```javascript
-// 分年度预算明细数据
-const budgetBreakdownData = computed(() => {
- const currentYear = form.year || new Date().getFullYear()
- return [
- {
- yearLabel: `${currentYear}年`,
- field: 'currentYear',
- total: form.currentYearTotal || 0,
- municipal: form.currentYearMunicipal || 0,
- self: form.currentYearSelf || 0,
- other: form.currentYearOther || 0
- },
- {
- yearLabel: `${parseInt(currentYear) + 1}年`,
- field: 'nextYear',
- total: form.nextYearTotal || 0,
- municipal: form.nextYearMunicipal || 0,
- self: form.nextYearSelf || 0,
- other: form.nextYearOther || 0
- },
- {
- yearLabel: '以后年度',
- field: 'futureYear',
- total: form.futureYearTotal || 0,
- municipal: form.futureYearMunicipal || 0,
- self: form.futureYearSelf || 0,
- other: form.futureYearOther || 0
- }
- ]
-})
-```
-
-**数据更新方法**:
-```javascript
-// 更新分年度预算明细
-const updateBudgetBreakdown = (index: number) => {
- const breakdown = budgetBreakdownData.value[index]
- const fieldPrefix = breakdown.field
-
- // 更新form中对应的字段
- form[`${fieldPrefix}Total`] = breakdown.total || 0
- form[`${fieldPrefix}Municipal`] = breakdown.municipal || 0
- form[`${fieldPrefix}Self`] = breakdown.self || 0
- form[`${fieldPrefix}Other`] = breakdown.other || 0
-
- // 重新计算总投资
- recalculateTotalFromBreakdown()
-}
-
-// 从分年度明细重新计算总投资
-const recalculateTotalFromBreakdown = () => {
- const totalMunicipal = (form.currentYearMunicipal || 0) + (form.nextYearMunicipal || 0) + (form.futureYearMunicipal || 0)
- const totalSelf = (form.currentYearSelf || 0) + (form.nextYearSelf || 0) + (form.futureYearSelf || 0)
- const totalOther = (form.currentYearOther || 0) + (form.nextYearOther || 0) + (form.futureYearOther || 0)
-
- form.totalMunicipalFiscal = totalMunicipal
- form.totalSelfFunding = totalSelf
- form.totalOtherFunding = totalOther
- form.totalInvestment = totalMunicipal + totalSelf + totalOther
-}
-```
-
-#### 前端修改4: 添加CSS样式
-**文件**: `web/src/views/cw/application/form.vue`
-
-**样式定义**:
-```scss
-// 分年度预算明细
-.budget-breakdown-section {
- margin-bottom: 32px;
- padding: 20px;
- background: #f8f9fa;
- border-radius: 6px;
- border: 1px solid #e9ecef;
-
- :deep(.el-table) {
- .el-input-number {
- width: 100%;
-
- :deep(.el-input__inner) {
- text-align: right;
- }
- }
- }
-
- .budget-breakdown-note {
- margin-top: 16px;
-=======
-**修改时间**: 2025-01-27 14:30:00
-**修改人**: Cursor AI
-**修改原因**: 提升学生信息查询功能，支持更丰富的高级搜索条件
-
-# 学生照片加载效果增强 - 变更记录
-
-**变更时间**: 2025-01-27 15:30:00
-**变更人员**: Cursor AI
-**变更文件**: `web/src/views/xg/xsjcxx/studentMsg/studentMsg/index.vue`
-
-## 📋 变更概述
-
-在学生信息管理页面的照片显示功能中增加了加载效果，提升用户体验。
-
-## 🔧 具体修改内容
-
-### 1. 模板修改
-
-#### 1.1 编辑对话框照片上传区域
-- **位置**: 第238-242行
-- **修改前**: 直接显示照片或无照片占位符
-- **修改后**: 增加加载状态判断，显示加载动画
-
-```vue
-
-
-
- 暂无照片
-
-
-
-
-暂无照片
-```
-
-#### 1.2 详情对话框照片显示区域
-- **位置**: 第918-922行
-- **修改前**: 直接显示照片或无照片占位符
-- **修改后**: 增加加载状态判断，显示加载动画
-
-```vue
-
-暂无照片
-
-
-
-
-暂无照片
-```
-
-### 2. 脚本修改
-
-#### 2.1 图标导入
-- **位置**: 第1477行
-- **修改**: 添加Loading图标导入
-```typescript
-import { Plus, ArrowDown, InfoFilled, Loading } from '@element-plus/icons-vue';
-```
-
-#### 2.2 响应式变量
-- **位置**: 第1765-1766行
-- **新增**: 添加照片加载状态变量
-```typescript
-const photoLoading = ref
-
-
-
- 加载中...
-
-
-```
-
-### CSS样式新增
-```css
-/* 照片加载中状态文字样式 */
-.photo-loading-text {
- margin-top: 8px;
- text-align: center;
- padding: 4px 8px;
- background-color: #f0f9ff;
- border: 1px solid #b3d8ff;
- border-radius: 12px;
- transition: all 0.3s ease;
- animation: pulse 2s infinite;
-}
-
-.photo-loading-text .el-text {
- font-weight: 500;
- color: #409eff;
-}
-
-.photo-loading-text .el-icon {
- animation: rotate 1s linear infinite;
-}
-
-@keyframes pulse {
- 0%, 100% {
- opacity: 1;
- transform: scale(1);
- }
- 50% {
- opacity: 0.8;
- transform: scale(1.05);
- }
-}
-```
-
-### 移动端响应式样式
-```css
-/* 移动端照片加载中文字样式调整 */
-.photo-loading-text {
- margin-top: 6px;
- padding: 3px 6px;
- font-size: 11px;
-}
-
-.photo-loading-text .el-icon {
- font-size: 10px !important;
-}
-```
-
-## 用户体验改进
-
-1. **更清晰的加载状态反馈**
- - 用户能够清楚地看到照片正在加载
- - 避免了头像内部文字显示不清晰的问题
-
-2. **更好的视觉层次**
- - 加载状态文字独立显示，不会与头像内容混淆
- - 使用动画效果提升了视觉吸引力
-
-3. **响应式友好**
- - 在不同设备上都有良好的显示效果
- - 移动端适配更加完善
-
-## 测试建议
-
-1. **功能测试**
- - 验证照片加载过程中是否正确显示加载中状态
- - 确认加载完成后加载中状态是否正确消失
-
-2. **视觉测试**
- - 检查加载中动画效果是否流畅
- - 验证在不同屏幕尺寸下的显示效果
-
-3. **性能测试**
- - 确认新增的动画效果不会影响页面性能
- - 验证大量学生数据时的显示效果
-
-## 相关文件
-
-- **主要文件**: `web/src/views/xg/xsjcxx/stuRoster/index.vue`
-- **相关组件**: 学生花名册卡片视图组件
-- **样式文件**: 内联样式，无需额外文件
-
-## 备注
-
-此次优化提升了学生花名册卡片视图的用户体验，特别是在照片加载过程中的状态反馈更加清晰和友好。通过将加载状态文字从头像内部移到外部，避免了视觉混乱，同时添加了动画效果提升了界面的现代感。
-
-# 学生信息审核界面照片加载功能优化
-
-**变更时间**: 2025-01-27 15:30:00
-**变更人员**: Cursor AI
-**变更类型**: 功能优化
-
-## 📋 变更概述
-
-参考学生信息完善界面的照片加载方式，优化学生信息审核界面的照片加载功能，实现异步加载和更好的用户体验。
-
-## 🔧 具体变更内容
-
-### 1. 照片显示逻辑优化
-**文件**: `web/src/views/xg/xsjcxx/stuMsgAudit/stuMsgDetailDialog.vue`
-
-#### 变更前
-```vue
-
- ![]()
-
-```
-
-#### 变更后
-```vue
-暂无照片
-
- ![]()
-
-```
-
-### 2. 新增响应式数据
-```typescript
-const photoLoading = ref(false); // 照片加载状态
-const asyncPhotoUrl = ref(''); // 异步加载的照片URL
-```
-
-### 3. 新增照片加载方法
-```typescript
-// 通过认证请求获取图片数据并转换为blob URL
-const getImageBlobUrl = async (imageUrl: string): Promise
-
- 暂无照片
-
- {{ file.name }}
-
-```
-
-**修改后**:
-```vue
-
- {{ formatFileName(file.name) }}
-
-```
-
-### 3. 修改详情对话框中的附件文件名显示
-**修改位置**: 工单详情对话框中的附件信息
-
-**原代码**:
-```vue
-
-```
-
-**修改后**:
-```vue
-
-```
-
-### 4. 修改附件查看对话框中的文件名显示
-**修改位置**: 附件查看对话框中的文件信息
-
-**原代码**:
-```vue
-{{ attachment.fileName }}
-```
-
-**修改后**:
-```vue
-{{ formatFileName(attachment.fileName) }}
-```
-
-## 功能说明
-
-### 文件名格式化规则
-1. **最大显示长度**: 15个字符（包含后缀名）
-2. **保留后缀名**: 无论文件名多长，都会保留完整的文件后缀名
-3. **省略号处理**: 当文件名超过限制时，在文件名中间添加"..."，后缀名完整显示
-4. **无后缀处理**: 对于没有后缀名的文件，直接在末尾添加"..."
-
-### 示例效果
-- `very_long_filename_that_is_too_long.txt` → `very_long...txt`
-- `short.txt` → `short.txt` (不变)
-- `no_extension_file` → `no_extension...` (无后缀)
-- `medium_length_file.pdf` → `medium_length...pdf`
-
-## 技术实现
-- 使用 `lastIndexOf('.')` 查找最后一个点号位置
-- 分离文件名和后缀名
-- 计算可用长度（总长度 - 后缀名长度 - 省略号长度）
-- 截断文件名并添加省略号
-- 保持 `title` 属性显示完整文件名，便于用户查看
-
-## 影响范围
-- 编辑报修单弹窗中的附件上传区域
-- 工单详情对话框中的附件信息显示
-- 附件查看对话框中的文件列表
-
-## 测试建议
-1. 上传不同长度的文件名进行测试
-2. 验证后缀名是否正确保留
-3. 检查鼠标悬停时是否显示完整文件名
-4. 测试无后缀名文件的显示效果
-
-## 备注
-- 最大显示长度设置为15个字符，可根据实际UI需求调整
-- 保持了原有的 `title` 属性，用户仍可通过鼠标悬停查看完整文件名
-- 函数具有良好的容错性，处理空字符串和异常情况
-
-# 学生请假申请对话框请假类型下拉选择功能实现
-
-**变更时间**: 2025-01-27 15:30:00
-**变更人员**: Cursor AI
-**变更类型**: 功能优化
-
-## 📋 变更概述
-
-将学生请假申请对话框中的请假类型字段从输入框改为下拉选择模式，通过调用后端API获取启用的请假类型配置数据。
-
-## 🔧 具体修改内容
-
-### 1. 前端界面修改 (web/src/views/xg/xsjcxx/xsqj/dialog.vue)
-
-#### 模板部分修改
-- **请假类型字段**: 将 `el-input` 改为 `el-select` 下拉选择框
-- **添加功能**:
- - 支持清空选择 (`clearable`)
- - 添加选择变更事件处理 (`@change="handleLeaveTypeChange"`)
- - 动态渲染请假类型选项
-
-#### 脚本部分修改
-- **新增导入**: 添加 `onMounted` 生命周期钩子
-- **新增响应式数据**: `leaveTypeList` 用于存储请假类型列表
-- **新增方法**:
- - `handleLeaveTypeChange()`: 处理请假类型选择变更，自动填充类型编码
- - `getLeaveTypeList()`: 调用API获取请假类型列表
-- **生命周期**: 在组件挂载时自动获取请假类型数据
-
-### 2. 后端查询条件优化 (backend/ruoyi-modules/ruoyi-xg/src/main/java/org/dromara/xg/service/impl/XgLeaveTypeConfigServiceImpl.java)
-
-#### 查询条件增强
-- **新增排序**: 按 `sortOrder` 升序排列，然后按 `id` 升序排列
-- **新增过滤条件**: 添加 `isEnabled` 字段查询条件
-- **查询逻辑**: `deleted = 0` 且 `isEnabled = 1` 的记录
-
-### 3. 前端类型定义完善 (web/src/api/xg/xsjcxx/xgLeaveTypeConfig/xgLeaveTypeConfig/types.ts)
-
-#### 查询接口类型扩展
-- **新增字段**: 在 `XgLeaveTypeConfigQuery` 接口中添加 `isEnabled?: string` 字段
-- **类型安全**: 确保API调用参数类型正确
-
-## 🎯 功能特性
-
-### 下拉选择功能
-- ✅ **数据源**: 从后端API动态获取启用的请假类型
-- ✅ **自动填充**: 选择请假类型后自动填充对应的类型编码
-- ✅ **同步清空**: 清空请假类型选择时，类型编码也同步清空
-- ✅ **清空功能**: 支持清空选择
-- ✅ **排序显示**: 按配置的排序号显示选项
-
-### API调用规范
-- ✅ **请求方法**: 使用 `request` 方法调用API
-- ✅ **参数设置**:
- - `deleted: 0` (未删除)
- - `isEnabled: '1'` (已启用)
- - `pageSize: 1000` (获取所有数据)
-- ✅ **错误处理**: 完善的错误提示和异常处理
-
-### 数据同步
-- ✅ **实时更新**: 组件挂载时自动获取最新数据
-- ✅ **状态同步**: 选择变更时自动更新相关字段
-- ✅ **数据验证**: 确保数据格式正确
-
-## 🔄 技术实现细节
-
-### 前端实现
-```typescript
-// 请假类型列表数据
-const leaveTypeList = ref([]);
-
-// 获取请假类型列表
-const getLeaveTypeList = async () => {
- const response = await request({
- url: '/xgLeaveTypeConfig/xgLeaveTypeConfig/list',
- method: 'get',
- params: {
- deleted: 0,
- isEnabled: '1',
- pageSize: 1000
- }
- });
- leaveTypeList.value = response.rows || [];
-};
-
-// 请假类型变更处理 - 支持同步清空
-const handleLeaveTypeChange = (value: string) => {
- if (value) {
- // 有选择值时，查找对应的请假类型并填充编码
- const leaveType = leaveTypeList.value.find(item => item.leaveTypeName === value);
- if (leaveType) {
- props.form.leaveTypeCode = leaveType.leaveTypeCode;
- }
- } else {
- // 清空选择时，同时清空类型编码
- props.form.leaveTypeCode = '';
- }
-};
-```
-
-### 后端查询优化
-```java
-private LambdaQueryWrapper