yindongqi
be85d94ad7
- 将2D地图升级为3D地图展示，增强视觉效果 - 添加渐变炫彩边框样式提升UI美观度 - 修复类型检查错误并优化代码结构 - 更新vite配置允许特定主机访问 - 移除无用导入和注释代码
食品安全综合指数分析系统
项目简介
本项目为"食品安全综合指数分析系统"，基于Vue3、TypeScript、Element Plus、ECharts等技术栈开发，旨在通过多维度数据可视化，直观展示上海市及各区、各街道的食品安全综合指数、风险评估、抽检监测、投诉举报等信息，助力食品安全监管与决策。
主要功能
- 上海地图主界面：区级地图可视化，展示各区食品安全综合指数。
- 上海街道地图：街道级地图可视化，细化到各街道的食品安全数据。
- 综合指数分析：
- 各环节食品安全综合指数（柱状图）
- 各区食品安全综合指数（雷达图）
- 各街道食品安全综合指数（雷达图）
- 风险评估地图：上海及全国范围的食品安全风险评估（可选）。
- 指数智能预警：对食品安全指数进行智能预警分析。
- Mock数据支持：内置mock数据，便于前端独立开发和演示。
安装与运行
1. 克隆项目
git clone <your-repo-url>
cd Map
2. 安装依赖
npm install
3. 启动开发环境
npm run dev
4. 打包构建
npm run build
5. 预览构建结果
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
私有项目，未经授权不得使用。