基金实时估算工具

一个基于 Vue 3 + TypeScript + Element Plus 的基金实时估算涨幅工具，提供基金搜索、持仓管理、实时数据监控等功能。

✨ 功能特性

• 🔍 基金搜索: 支持基金代码搜索，快速找到目标基金
• 📊 实时数据: 显示基金实时估算涨幅和净值信息
• 💼 持仓管理: 管理个人基金持仓，计算收益情况
• 📈 收益分析: 实时计算总资产、总收益、收益率等指标
• 🔄 自动刷新: 交易时间内自动刷新数据
• 💾 本地存储: 持仓数据自动保存到本地
• 📱 响应式设计: 支持桌面端和移动端访问
• 🌐 跨域解决: 使用Vite代理解决跨域问题

🛠️ 技术栈

• 前端框架: Vue 3 (Composition API)
• 开发语言: TypeScript
• UI 组件库: Element Plus
• 状态管理: Pinia
• 构建工具: Vite
• HTTP 客户端: Axios
• 日期处理: Day.js

🚀 快速开始

环境要求

• Node.js >= 16.0.0
• npm >= 8.0.0

安装依赖

npm install

启动开发服务器

npm run dev

然后在浏览器中访问 http://localhost:3001

构建生产版本

npm run build

📁 项目结构

src/
├── api/              # API 接口
│   └── fund.ts       # 基金相关 API
├── components/       # 组件
│   ├── AddFundForm.vue      # 添加基金表单
│   ├── FundPositionList.vue # 持仓列表
│   ├── FundTracker.vue      # 主组件
│   └── RealTimeData.vue     # 实时数据
├── config/           # 配置文件
│   └── api.ts        # API 配置
├── stores/           # 状态管理
│   └── fundStore.ts  # 基金状态管理
├── types/            # 类型定义
│   └── fund.ts       # 基金相关类型
├── App.vue           # 根组件
├── main.ts           # 入口文件
└── style.css         # 全局样式

📊 数据来源

本工具使用以下真实API获取基金数据：

1. 天天基金网API (主要数据源)
   • 基金实时净值估算
   • 基金搜索
   • 基金历史数据

⏰ 市场交易时间

• 交易时间: 周一至周五 9:30-11:30, 13:00-15:00
• 自动刷新: 仅在交易时间内进行
• 数据更新: 每个交易日15:00后更新前一日净值

📝 使用说明

1. 添加基金: 输入基金代码搜索，选择基金后输入持有份额和成本
2. 查看数据: 实时查看基金估算涨幅、净值等信息
3. 管理持仓: 编辑或删除持仓基金
4. 收益分析: 查看总资产、总收益、收益率等指标

⚠️ 注意事项

1. 投资风险: 基金投资有风险，请根据自身情况谨慎决策
2. 数据参考: 本工具数据仅供参考，实际投资请以基金公司公布为准
3. 实时估算: 基于当日股票市场表现估算，与实际净值可能有差异
4. 网络要求: 需要稳定的网络连接获取实时数据
5. 跨域处理: 已通过Vite代理解决跨域问题，无需额外配置

🔧 开发计划

• [x] 接入真实基金数据 API
• [x] 实现基金搜索和添加功能
• [x] 实时数据估算和显示
• [x] 持仓管理和本地存储
• [x] 响应式设计和移动端支持
• [x] 自动刷新和错误处理
• [x] 解决跨域问题
• [ ] 添加基金历史走势图表
• [ ] 支持基金分类和筛选
• [ ] 添加收益分析报告
• [ ] 支持数据导出功能
• [ ] 添加基金提醒功能

�� 许可证

MIT License