mirror of
https://github.com/NoFxAiOS/nofx.git
synced 2026-07-02 18:41:01 +08:00
ed737e08d6
* fix: 修复删除模型/交易所时界面卡死问题并增强依赖检查 ## 问题描述 1. 删除唯一的AI模型或交易所配置时，界面会卡死数秒 2. 删除后配置仍然显示在列表中 3. 可以删除被交易员使用的配置，导致数据不一致 ## 修复内容 ### 后端性能优化 (manager/trader_manager.go) - 将循环内的重复数据库查询移到循环外 - 减少N次重复查询（GetAIModels + GetExchanges）为1次查询 - 大幅减少锁持有时间，从数秒降至毫秒级 ### 前端显示修复 (web/src/components/AITradersPage.tsx) - 过滤显示列表，只显示真正配置过的模型/交易所（有apiKey的） - 删除后重新从后端获取最新数据，确保界面同步 ### 前端依赖检查 (web/src/components/AITradersPage.tsx) - 新增完整的依赖检查，包括停止状态的交易员 - 删除前检查是否有交易员使用该配置 - 显示使用该配置的交易员名称列表 - 阻止删除被使用的配置，保证数据一致性 ### 多语言支持 (web/src/i18n/translations.ts) - 添加依赖检查相关的中英文提示文本 - cannotDeleteModelInUse / cannotDeleteExchangeInUse - tradersUsing / pleaseDeleteTradersFirst ## 测试建议 1. 创建交易员后尝试删除其使用的模型/交易所，应显示警告并阻止删除 2. 删除未使用的模型/交易所，应立即从列表消失且界面不卡死 3. 刷新页面后，已删除的配置不应再出现 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com> * refactor: 重构删除配置函数减少重复代码 ## 重构内容 - 创建通用的 handleDeleteConfig 函数 - 使用配置对象模式处理模型和交易所的删除逻辑 - 消除 handleDeleteModelConfig 和 handleDeleteExchangeConfig 之间的重复代码 ## 重构效果 - 减少代码行数约 40% - 提高代码可维护性和可读性 - 便于未来添加新的配置类型 ## 功能保持不变 - 依赖检查逻辑完全相同 - 删除流程完全相同 - 用户体验完全相同 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com> --------- Co-authored-by: Claude <noreply@anthropic.com>
NOFX Web Dashboard
基于 Vite + React + TypeScript 的AI自动交易监控面板
技术栈
- React 18 - UI框架
- TypeScript - 类型安全
- Vite - 构建工具
- Tailwind CSS - 样式框架
- SWR - 数据获取和缓存
- Zustand - 状态管理
- Recharts - 图表库
安装依赖
npm install
运行开发服务器
npm run dev
构建生产版本
npm run build
功能特性
实时监控
- 系统状态 - 运行状态、AI提供商、周期数
- 账户信息 - 净值、可用余额、总盈亏、保证金使用率
- 持仓列表 - 实时价格、盈亏、杠杆、强平价
- 决策日志 - 完整的AI思维链（可展开）、决策动作、执行结果
AI思维链分析
每个决策记录都包含完整的AI思考过程：
- 第一步：现有持仓分析（技术指标、盈亏评估）
- 第二步：账户风险评估（保证金使用率、可用余额）
- 第三步：新机会评估（候选币种筛选、技术形态分析）
- 第四步：最终决策总结（平仓/开仓/持有决策）
点击 "💭 AI思维链分析" 即可展开查看完整分析过程！
自动刷新
- 系统状态、账户、持仓：每5秒刷新
- 决策日志、统计：每10秒刷新
API集成
前端通过Vite代理访问后端API（http://localhost:8080）
API端点：
GET /api/status- 系统状态GET /api/account- 账户信息GET /api/positions- 持仓列表GET /api/decisions- 决策日志（最近30条）GET /api/decisions/latest- 最新决策（最近5条）GET /api/statistics- 统计信息
项目结构
web/
├── src/
│ ├── components/ # React组件（待扩展）
│ ├── lib/
│ │ └── api.ts # API调用函数
│ ├── store/ # Zustand状态管理（待扩展）
│ ├── types/
│ │ └── index.ts # TypeScript类型定义
│ ├── App.tsx # 主应用组件
│ ├── main.tsx # 入口文件
│ └── index.css # 全局样式
├── index.html # HTML模板
├── vite.config.ts # Vite配置
├── tailwind.config.js # Tailwind配置
├── tsconfig.json # TypeScript配置
└── package.json # 依赖配置
注意事项
- 确保后端API服务已启动（默认端口8080）
- Node.js版本要求：>= 18.0.0
- 网络连接：需要访问Binance API
开发计划
- 添加图表展示（账户净值走势、盈亏曲线）
- 添加决策详情页面（完整的CoT分析）
- 添加手动交易控制
- 添加参数配置页面
- 添加通知和告警系统