战训平台

猿急送>其他前端兼职程序员>沐墨染.>

案例列表

基本信息

案例ID：241404

技术顾问：沐墨染. - 5年经验 - 云下信息技术有限公司

联系沟通

微信扫码，建群沟通

项目名称：战训平台

所属行业：企业服务 - 安全服务

->查看更多案例

案例介绍

项目简介：战训平台系统主要是对检材分析、案件分析、警情信息、情报线索、黑词发现等进行统
一管理，实现对警力资源的调度、案件处置流程的监控、预警信息的统计分析等各个模块的集成与
管理。
· 技术栈：Vue、vuex、element-ui、vue-router、axios、Echarts、router.beforeEach
· 职责描述：
· 使用 Vue配合Element-UI完成项目的整体架构搭建与开发
· 运用 Vue 组件间通讯方式及 Vuex 进行全局状态管理，实现各组件之间高效数据传递
· 对 Axios 进行二次封装，统一处理请求和响应的拦截、错误提示及 Token 管理
· 使用 router.beforeEach 实现路由守卫，根据用户角色和登录状态控制页面访问权限
· 集成 ECharts，结合后台数据完成柱状图、折线图等可视化图表，对警情趋势、案件类型分布进行
实时分析
· 实现用户注册及登录管理，通过路由守卫控制游客模式只能查看公共信息，登录用户根据权限访问
相应模块
· 完成首页警情/案件信息的动态渲染、列表跳转详情、警情指派、加入重点关注等核心交互模块
· 封装路由表，利用 router.beforeEach 对案件分析、黑词发现等敏感页面进行操作权限拦截
· 根据案件处置状态（待受理、处置中、已办结）分别展示不同案件列表及详情，处置状态变化时通
过 Antd 组件库的 success 提示框给予用户明确反馈
· 负责案件管理模块：案件处置需后台管理员审核，审核通过后前端可见完整信息；支持对案件信息
的搜索、删除等操作
· 开发警力/设备管理系统：对警力资源、安防设备进行搜索、筛选，并调用接口实现新增、编辑、调
度等功能
· 进行页面性能优化，如首页警情数据的分页加载、图片/视频资源的懒加载处理
· 参与项目后期维护、代码优化及功能迭代升级，确保系统稳定性和可扩展性