量子Ising求解系统 - Vue重构版

基于Vue 3和Element Plus重构的现代化量子优化问题求解平台。

🚀 功能特性

核心功能

• 图分割问题 (MaxCut): 支持邻接矩阵编辑、随机生成、文件导入
• 数字分割问题: 动态规划、贪心算法等多种求解方案
• 图着色问题: 贪心、回溯、遗传算法等着色算法
• 旅行商问题 (TSP): 最近邻、模拟退火等路径优化算法
• 任务管理: 完整的任务历史记录、搜索、分页功能
• 系统设置: 主题切换、性能配置、数据管理

技术特性

• 🎨 现代化UI设计，基于Element Plus组件库
• 📱 响应式布局，支持多种屏幕尺寸
• 🔄 实时状态更新和动画效果
• 💾 本地数据持久化存储
• 🎯 模块化架构，易于扩展

🛠️ 技术栈

• 前端框架: Vue 3.3+ (Composition API)
• UI组件库: Element Plus 2.3+
• 路由管理: Vue Router 4.2+
• 构建工具: Vite 4.4+
• 图形可视化: D3.js 7.8+
• HTTP客户端: Axios 1.4+

📦 项目结构

src/
├── components/          # 可复用组件
│   ├── Sidebar.vue     # 侧边导航栏
│   ├── TopBar.vue      # 顶部工具栏
│   ├── GraphVisualization.vue  # 图形可视化
│   ├── ColoringGraph.vue       # 图着色可视化
│   └── TSPGraph.vue            # TSP图形显示
├── views/              # 页面组件
│   ├── MaxCut.vue      # 图分割问题
│   ├── Number.vue      # 数字分割问题
│   ├── Coloring.vue    # 图着色问题
│   ├── TSP.vue         # 旅行商问题
│   ├── Tasks.vue       # 任务管理
│   └── Settings.vue    # 系统设置
├── router/             # 路由配置
├── utils/              # 工具函数
├── assets/             # 静态资源
├── App.vue             # 根组件
└── main.js            # 应用入口

🚀 快速开始

环境要求

• Node.js 14.15.4+
• npm 6.14.10+

安装依赖

cd /root/workspace/3
npm install

启动开发服务器

npm run dev

访问 http://localhost:3000 查看应用

构建生产版本

npm run build

🎯 主要页面功能

图分割问题 (MaxCut)

• 邻接矩阵可视化编辑
• 支持自定义、随机生成、文件导入
• 三种求解模型：经典计算、量子芯片模拟、量子云服务
• 实时求解状态显示和结果导出

数字分割问题

• 灵活的数字输入和解析
• 多种算法选择：动态规划、贪心、分支定界
• 可视化结果展示和性能统计
• 最优解验证和平衡度分析

图着色问题

• 多种图类型生成：随机图、完全图、环图、星图、网格图
• 智能着色算法：贪心、回溯、遗传算法
• 交互式颜色选择和冲突检测
• 详细的统计信息和优化建议

旅行商问题

• 多种城市分布模式
• 经典算法实现：最近邻、模拟退火、遗传算法
• 路径可视化和距离统计
• 单步优化和算法比较

任务管理

• 完整的任务历史记录
• 高级搜索和过滤功能
• 分页浏览和快速导航
• 任务详情查看和结果分析

🎨 设计特色

• 现代化界面: 采用卡片式设计，清晰的视觉层次
• 渐变配色: 科技感十足的蓝紫色渐变主题
• 交互友好: 丰富的动画效果和状态反馈
• 响应式布局: 适配不同屏幕尺寸的设备

📈 性能优化

• 组件懒加载，减少初始包大小
• 虚拟滚动，处理大量数据列表
• 智能缓存，提升页面响应速度
• 代码分割，按需加载资源

🔧 配置说明

项目支持多种配置选项：

• 主题设置: 浅色/深色/自动切换
• 性能配置: 并发任务数、超时时间、内存限制
• 数据管理: 存储路径、历史记录数量、自动清理

🤝 贡献指南

1. Fork 项目
2. 创建功能分支 (git checkout -b feature/AmazingFeature)
3. 提交更改 (git commit -m 'Add some AmazingFeature')
4. 推送到分支 (git push origin feature/AmazingFeature)
5. 打开 Pull Request

📄 许可证

本项目采用 ISC 许可证。详情请查看 LICENSE 文件。

🎉 致谢

• Vue.js 团队提供优秀的前端框架
• Element Plus 团队提供精美的UI组件
• D3.js 团队提供强大的可视化能力

---

注意: 这是原有静态HTML版本的Vue重构版，保持了所有核心功能的同时，提供了更好的用户体验和代码可维护性。