Initial_commit_SecMPS_v2

This commit is contained in:
2026-05-15 23:22:48 +08:00
commit 23ea4fe05f
13830 changed files with 298675 additions and 0 deletions

View File

@@ -0,0 +1,99 @@
# 视频监控改造 - 共识文档
## 1. 需求描述
### 1.1 功能模块
将视频监控系统改造为三个版块:
#### 1.1.1 轮巡版块
- **布局**支持多种宫格排列方式3x3, 3x4, 4x4, 5x5等
- **功能**:用户可以自行选择宫格排列方式
- **操作**:保持原有视频墙的操作方式
- **适用场景**:正常情况下使用
#### 1.1.2 追踪版块
- **布局**:一主六副的方式排列
- **功能**:用于跟踪异常事物
- **操作**:自动切换,无需手动操作
- **适用场景**:发现异常时使用
#### 1.1.3 特情版块
- **布局**左侧70%显示一主六副监控画面右侧30%显示特情处置预案
- **功能**:用于处理特殊情况
- **操作**:自动切换,无需手动操作
- **适用场景**:出现特情时使用
### 1.2 自动切换逻辑
- **正常状态**:显示轮巡版块
- **异常状态**:自动切换到追踪版块
- **特情状态**:自动切换到特情版块
- **状态切换**可以通过API或事件触发
## 2. 技术实现方案
### 2.1 前端框架
- 使用现有Vue 3 + TypeScript + Vite技术栈
- 基于Element Plus组件库开发
- 使用Pinia进行状态管理
### 2.2 核心组件改造
1. **VideoWall.vue**改造:
- 添加三个版块的布局模板
- 实现版块切换逻辑
- 保持原有功能完整性
### 2.3 数据流转
1. **轮巡版块**
- 用户选择布局 → 切换视频墙布局 → 显示对应宫格的视频画面
2. **追踪版块**
- 外部事件触发异常 → 自动切换到追踪版块 → 显示一主六副监控画面
3. **特情版块**
- 外部事件触发特情 → 自动切换到特情版块 → 左侧显示一主六副监控画面,右侧显示特情处置预案
## 3. 验收标准
1. **轮巡版块**
- 支持多种宫格排列方式
- 布局切换功能正常
- 视频画面显示正常
2. **追踪版块**
- 一主六副布局显示正常
- 主画面和副画面比例协调
- 自动切换功能正常
3. **特情版块**
- 左右分栏布局显示正常7:3比例
- 左侧一主六副监控画面显示正常
- 右侧特情处置预案显示正常
- 自动切换功能正常
4. **自动切换逻辑**
- 正常状态显示轮巡版块
- 异常状态自动切换到追踪版块
- 特情状态自动切换到特情版块
- 状态切换响应及时
5. **原有功能**:所有原有功能保持正常运行
## 4. 技术约束
1. **API兼容性**保持与现有后端API的兼容性不修改API接口
2. **性能要求**页面加载时间不超过3秒交互响应时间不超过500ms
3. **用户体验**:操作流程简洁明了,减少用户点击次数
4. **代码质量**:保持原有代码风格和架构,添加必要的注释
## 5. 依赖关系
- 依赖现有VideoWall组件
- 依赖现有视频监控功能
- 依赖Element Plus组件库
## 6. 风险评估
1. **布局适配**:不同屏幕尺寸下的布局适配
2. **性能问题**:多个视频画面同时显示可能导致性能问题
3. **状态管理**:三个版块的状态切换逻辑需要清晰可靠
4. **特情处置预案**:数据来源和格式需要明确
## 7. 项目计划
- **启动时间**2025-12-25
- **完成时间**2025-12-26
- **测试时间**2025-12-26
- **交付时间**2025-12-26