# 双色球智能推测系统

这是一个基于Vue 3开发的双色球智能推测前端应用，提供智能算法分析、开奖信息查询等功能。

## 功能特性

### 🎯 主要功能
- **智能推测**: 5步推测流程，包含首球算法、跟随球分析、蓝球分析
- **开奖查询**: 支持期号查询和日期范围查询
- **用户中心**: 个人信息管理和会员权益展示

### 📱 页面结构
1. **首页** - 智能推测功能
   - 选择算法级别（高位/中位/低位）
   - 输入上期开奖号码
   - 首球算法分析
   - 跟随球分析
   - 蓝球分析
   - 最终号码确认

2. **开奖信息** - 查询历史开奖
   - 期号精确查询
   - 日期范围查询
   - 近期开奖记录展示

3. **我的页面** - 用户信息管理
   - 用户信息展示
   - 会员权益介绍
   - 功能菜单导航
   - 使用统计数据

## 技术栈

- **框架**: Vue 3
- **路由**: Vue Router 4
- **HTTP客户端**: Axios
- **构建工具**: Vite
- **CSS**: 原生CSS + Scoped Styles

## 后端接口

应用连接到SpringBoot后端服务，接口前缀：`http://localhost:8123/api`

### 主要接口
- `GET /ball-analysis/recent-draws` - 获取近期开奖信息
- `GET /ball-analysis/query-draws` - 按日期范围查询
- `GET /ball-analysis/draw/{drawId}` - 根据期号查询
- `POST /ball-analysis/analyze` - 首球算法分析
- `POST /ball-analysis/fallow` - 跟随球分析
- `POST /ball-analysis/blue-ball` - 蓝球分析
- `POST /ball-analysis/create-predict` - 创建推测记录

## 快速开始

### 安装依赖
```bash
npm install
```

### 开发环境运行
```bash
npm run dev
```

### 构建生产版本
```bash
npm run build
```

### 预览生产构建
```bash
npm run preview
```

## 项目结构

```
src/
├── api/
│   └── index.js          # API接口封装
├── components/           # 公共组件
├── router/
│   └── index.js         # 路由配置
├── views/
│   ├── Home.vue         # 主页 - 智能推测
│   ├── LotteryInfo.vue  # 开奖信息页
│   └── Profile.vue      # 我的页面
├── App.vue              # 根组件
└── main.js              # 入口文件
```

## 使用说明

### 推测流程

1. **第一步**: 选择推测级别（高位/中位/低位），输入开奖期号、日期和上期中奖号码
2. **第二步**: 查看首球算法推荐的11个红球号码，选择1个首球和2个随球
3. **第三步**: 查看跟随球分析推荐的8个号码，组合完整的6个红球
4. **第四步**: 选择2个蓝球进行分析，获得4个推荐蓝球，选择最终蓝球
5. **第五步**: 确认推测号码并提交

### 开奖查询

- **期号查询**: 输入具体期号（如2025056）进行精确查询
- **日期查询**: 设置日期范围进行批量查询
- **历史记录**: 自动加载最近15期开奖信息

## 注意事项

⚠️ **重要提醒**: 彩票开奖系统随机，本应用提供的推测结果仅供参考，不保证中奖。投注需谨慎，请理性购彩。

## 浏览器支持

- Chrome >= 87
- Firefox >= 78
- Safari >= 14
- Edge >= 88

## 开发指南

### 代码规范
- 使用ES6+语法
- 组件采用SFC（Single File Component）格式
- CSS使用scoped样式避免污染
- 遵循Vue 3 Composition API最佳实践

### API集成
所有API调用都封装在`src/api/index.js`中，统一处理请求和响应。

### 样式规范
- 采用移动端优先的响应式设计
- 主色调：红色(#e53e3e)，蓝色(#3182ce)
- 遵循Material Design设计原则