da4488dccc
1. 新增支出 (Add.vue):
- 增加图片附件上传功能（限制为图片类型）
- 支持最多上传 9 张图片
- 实现图片预览和删除功能
- 将图片转 base64 格式提交到后端 attachments 字段
2. 支出列表 (List.vue):
- 重构卡片布局为 5 行展示：
* 第一行：标题 + 支出时间（右侧对齐）
* 第二行：支出类型（左）+ 支出金额（右，红色突出显示）
* 第三行：收款单位
* 第四行：支付描述（可选，有内容时显示）
* 第五行：查看附件按钮（有附件时显示，蓝色可点击）
- 添加 formatDateTime 函数格式化日期时间
- 添加 getAttachmentCount 函数计算附件数量
- 添加 previewAttachments 函数实现图片预览
- 优化样式：分隔线、图标、标签等细节美化
技术实现:
- 使用 Vant 的 van-uploader 组件上传图片
- 使用 ImagePreview 组件预览图片
- 附件以 base64 逗号分隔字符串形式存储
- 响应式布局适配移动端
Vue 3 + TypeScript + Vite
This template should help get you started developing with Vue 3 and TypeScript in Vite. The template uses Vue 3 <script setup> SFCs, check out the script setup docs to learn more.
Learn more about the recommended Project Setup and IDE Support in the Vue Docs TypeScript Guide.