# 食品安全综合指数分析系统

## 项目简介

本项目为"食品安全综合指数分析系统"，基于Vue3、TypeScript、Element Plus、ECharts等技术栈开发，旨在通过多维度数据可视化，直观展示上海市及各区、各街道的食品安全综合指数、风险评估、抽检监测、投诉举报等信息，助力食品安全监管与决策。

## 主要功能
- **上海地图主界面**：区级地图可视化，展示各区食品安全综合指数。
- **上海街道地图**：街道级地图可视化，细化到各街道的食品安全数据。
- **综合指数分析**：
  - 各环节食品安全综合指数（柱状图）
  - 各区食品安全综合指数（雷达图）
  - 各街道食品安全综合指数（雷达图）
- **风险评估地图**：上海及全国范围的食品安全风险评估（可选）。
- **指数智能预警**：对食品安全指数进行智能预警分析。
- **Mock数据支持**：内置mock数据，便于前端独立开发和演示。

## 安装与运行

### 1. 克隆项目
```bash
git clone <your-repo-url>
cd Map
```

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

### 3. 启动开发环境
```bash
npm run dev
```

### 4. 打包构建
```bash
npm run build
```

### 5. 预览构建结果
```bash
npm run preview
```

## 依赖环境
- Node.js 20+（推荐）
- Vue 3.x
- TypeScript 4.x
- Vite 4.x
- Element Plus 2.x
- ECharts 5.x
- NutUI 4.x
- 其他依赖详见`package.json`

## Mock数据说明
- mock数据位于`public/mock/`目录，支持多种mock方式，详见`public/mock/README.md`。
- 支持axios-mock-adapter、API函数劫持等多种mock方案。

## 目录结构
```
Map/
  ├── public/           # 静态资源与mock数据
  ├── src/              # 源码目录
  │   ├── api/          # API接口
  │   ├── assets/       # 静态资源
  │   ├── components/   # 组件
  │   ├── views/        # 主要页面
  │   ├── mapjson/      # 地图GeoJSON等
  │   └── ...
  ├── package.json      # 依赖与脚本
  ├── vite.config.ts    # Vite配置
  └── ...
```

## 开发者信息
- 作者：weiyu
- 邮箱：<your-email@example.com>
- 反馈与建议：欢迎提issue或邮件联系

## License
私有项目，未经授权不得使用。