82 lines
2.2 KiB
Markdown
82 lines
2.2 KiB
Markdown
# 食品安全综合指数分析系统
|
||
|
||
## 项目简介
|
||
|
||
本项目为"食品安全综合指数分析系统"，基于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
|
||
MIT |