← 返回项目库

江苏地震台站环境监测系统

江苏地震台站环境监测系统的中文本地演示版,提供省级总览、城市台站、设备台账和数据导出工作流。

本交付以固定上游提交为基础,加入可离线运行的脱敏演示数据适配器,保留原有深色数据大屏信息架构,并把登录、监测总览、台站详情、设备管理和 TEC 数据获取串成可验收的浏览器流程。真实摄像头、后端 API 与设备写入在演示模式下不会被调用。

真实界面

项目截图

共 6 张

地震台站环境监测
设备台账
数据预览
盐城中心台
演示监控画面
数据获取 · 空状态

Capabilities

核心功能

省级设备统计与城市网络状态总览
城市台站拓扑与区域报警状态
设备台账搜索、状态与巡检信息
脱敏登录与本地演示 API 适配器
TEC 数据参数输入、预览和 JSON 下载
台站详情中的环境曲线与演示全景画面
中文界面提示与演示模式边界标识

适用场景

评审地震台站数据大屏的信息架构
学习 Vue 2 + DataV 的监测大屏组件组织
在没有真实设备和后端的环境中验证交互流程

适合谁

地震监测系统产品、物联网设备台账和数据大屏交互的学习者、原型评审人员与前端开发者。

商业化思路

用于行业软件原型验证、社群学习和项目技术评审;接入真实设备与后端前须由使用者完成部署、权限与合规配置。

你会拿到什么

  • 固定上游提交源码与 package-lock.json
  • 中文本地演示适配器、脱敏 fixtures 与依赖修复
  • 7 张 1440×900 真实运行功能截图及审计 manifest

部署流程

  1. 1安装 Node.js 22+,进入源码包根目录并执行 npm ci --legacy-peer-deps。
  2. 2执行 npm run build 验证生产构建,随后执行 npm run serve -- --port 18074 启动本地演示。
  3. 3浏览器访问 /login,使用预填的演示账号登录,并依次检查总览、设备、数据工具与台站详情。

真实验证结果

已通过 npm install 的锁文件解析、npm run build 生产构建、Chromium 1440×900 浏览器验收及登录、总览、设备台账、数据下载、城市台站和台站详情流程。演示模式下 API 请求由本地适配器返回,数据工具实际生成并下载 JSON;最终截图控制台无产品错误、无破图、无横向溢出。

部署前须知

演示数据不代表真实监测结果;真实设备视频、后端服务、账号权限和设备写入需要另行配置。上游未声明许可证,商业再分发或接入生产环境前必须取得权利人授权。

部署难度

中等

最低配置

Node.js 22+、npm 与现代浏览器;执行 npm ci 后可用 npm run build 构建,npm run serve 启动本地演示。

开源许可证

上游未声明许可证

最后验证

2026-09-06

技术栈

Vue 2Vue CLI 4Element UIEChartsDataVAxios

授权说明

上游固定提交未提供明确许可证文件。交付包附带研究用途与权利声明;超出学习研究、内部评审或原型验证范围前,请向权利人取得书面授权。本地演示适配代码为本次中文交付新增内容。

Release notes

版本记录

1 个已发布版本

vcn-ebd734ac26ca 当前推荐

基于固定上游提交增加脱敏本地 API 演示适配、中文演示标识、数据预览与 JSON 下载;修复 Sass 构建兼容性和异步统计组件刷新。

部署要求:Node.js 22+、npm 和现代浏览器;真实后端与设备能力不随包提供。

已知问题:演示模式为离线 fixtures,不连接真实摄像头、设备和后端;许可证边界以权利人授权为准。

登录后领取