环保公众监督系统

Spring BootVueMySQL

功能介绍

环保公众监督系统围绕空气质量监督反馈、实地检测与结果确认建立协作流程,面向公众监督员、AQI 网格员及系统管理员。公众监督员可注册和登录,提交空气质量监督信息、查看个人反馈列表及详情,并维护个人资料;网格员查看分派的检测任务、任务详情并提交实测 AQI 数据。

业务流程从公众提交监督信息开始,管理员在公众监督数据页面审核和跟进上报,结合网格员开展检测任务流转,最后在 AQI 确认入口处理检测结果。监督员可返回“我的反馈”查看处理情况,网格员在任务页面了解待办与具体任务信息,各角色通过独立工作台开展操作。

管理员还可维护管理员、监督员与网格员资料,使用统计看板查看监督业务数据;公开大屏提供集中展示入口。系统适用于社区空气质量线索收集、网格化环保巡查、公众反馈跟踪和教学中的多角色业务协作演示。本文依据实际前端角色路由及已有截图描述功能,不将平台记录替代官方环境监测结论。

用例图/使用场景

公众监督员提交线索并查看反馈,管理员审核监督数据并组织派单,网格员处理检测任务,管理员确认 AQI 并查看统计。以下用例图和全量现有页面截图覆盖主要角色入口。

演示截图

管理员登录页

管理员登录页

管理员统计看板

管理员统计看板

首页

首页

管理员登录页

管理员登录页

网格员登录页

网格员登录页

监督员登录页

监督员登录页

监督员注册页

监督员注册页

公开大屏页

公开大屏页

管理员统计看板页

管理员统计看板页

管理员监督数据页

管理员监督数据页

管理员AQI确认页

管理员AQI确认页

管理员网格员管理页

管理员网格员管理页

管理员个人资料页

管理员个人资料页

网格员任务列表页

网格员任务列表页

网格员任务详情页

网格员任务详情页

网格员个人资料页

网格员个人资料页

监督员反馈列表页

监督员反馈列表页

监督员反馈详情页

监督员反馈详情页

监督员提交反馈页

监督员提交反馈页

监督员个人资料页

监督员个人资料页

技术栈

后端采用 Spring Boot、MySQL、MyBatis-Plus、Sa-Token,声明 SpringDoc OpenAPI、Jackson、Lombok、AOP、邮件及 Bouncy Castle 等依赖。前端采用 Vue 3、TypeScript、Vite、Element Plus、Axios、Vue Router、Pinia,结合 ECharts、Day.js、VueUse 和 Motion V 等依赖构建业务页面与数据展示。

项目资料附件

分片附件需全部下载并解压,按包内重组说明将同组 .part 文件按编号顺序二进制拼接,恢复原 ZIP 后解压。

定制服务:+v pink996611