该项目是面向日本市场的SaaS级防灾安防管理平台，主要服务于两类核心业务场景：
1.跨国企业外派人员安全保障：针对在中国出差的日本员工，通过后台实时追踪其行动轨迹，提供紧急SOS呼叫、日常报告接收及异常预警功能，保障外派人员安全。
2.日本校园安全与防灾：福冈市小学签约使用，系统在发生地震时自动触发预警推送，同时提供学生上下学路线监控，家长可实时查看孩子位置，确保通学安全。
项目后台需处理高并发的地震监测数据、节点触发数据及海量用户状态，界面采用日系简洁风格，支持中日文双语切换。
项目主要包含以下核心功能模块：
1.数据看板（首页）：实时汇总展示节点触发通知、报告监测通知、聊天通知及SOS紧急告警，支持按时间轴滚动展示最新动态，对紧急事件进行高亮标红提醒。
2.实时监控与轨迹模块：集成地图SDK，实时展示外派人员或学生的行动轨迹，支持历史轨迹回放，提供电子围栏与越界预警功能。
3.灾害预警与推送模块（核心业务）：
·对接日本气象厅（JMA）及外部数据源，实时获取地震、海啸、台风、暴雨等自然灾害信息
·规则引擎配置：支持运营人员按灾害类型自定义预警阈值，如地震设置“震度2以上”、海啸设置“0.3m/1m以上”，台风/暴雨按风力等级或降雨量设置。
·精准推送范围：支持“全员推送”或“基于灾害发生地指定半径（米）内用户推送”，实现精准触达。
·多端推送：灾害触发后，系统自动向签约学校、家长及外派人员推送预警通知，确保紧急消息触达。
4.SOS 紧急呼叫模块：支持用户一键发起SOS求助，后台实时弹窗告警并显示来电号码及时间，支持客服跟进处理。
5.节点管理与触发模块：管理各类监测节点，记录节点被触发的次数、时间及关联报告，支持节点状态查询与配置。
6.多语言与通知中心：支持中日文切换，集成站内信、短信及App推送，确保消息触达。
1.具体任务：
·主导前端技术选型与工程搭建，采用 Vue + TypeScript + ES6 开发，配合 Element UI 构建中后台管理系统。
·负责首页数据看板、实时监控地图、多灾种预警配置、SOS告警、节点管理等核心模块的组件化开发。
·对接后端 RESTful API，处理高频率数据更新与 WebSocket 实时消息推送。
·负责多语言（中文/日文）国际化适配，确保日文长文本在表格、通知栏中排版无乱码。
2.技术栈、架构与亮点：
·使用 Vue 全家桶（Vue Router + Vuex/Pinia）构建 SPA 应用，封装通用表格、图表、地图等业务组件，提升开发效率。
·通过 WebSocket 实现地震、海啸、台风等灾害预警及 SOS 告警的实时推送，确保紧急消息毫秒级触达。
·难点攻克一（规则引擎）：实现了复杂灾害预警规则的前端配置逻辑（如地震震度、海啸高度、灾害发生地半径等），支持动态表单渲染与条件校验，大幅提升运营配置效率。
·难点攻克二（精准推送）：配合后端实现了“基于灾害发生地指定半径（m）内用户”的精准筛选与推送逻辑，需处理大量用户位置数据的计算与展示，确保推送范围准确无误。
·难点攻克三（性能优化）：针对后台大量实时数据渲染，实施了虚拟滚动、数据分页及防抖节流策略，优化页面性能；解决了中日文混合排版下的样式兼容性问题。
评论