# 接报警登记页面原型（非经侦类警情登记）PRD

## 1. 产品概述

本页面为公安机关**非经侦类（普通刑事/治安）警情接报警登记系统**的核心录入界面，用于民警在接到群众报警或发现警情时，快速、规范地完成警情信息的采集与登记。区别于经侦类案件（经济犯罪），本页面聚焦于一般刑事案件、治安案件、纠纷调解、求助服务等日常警务场景。

- **目标用户**：派出所/分局一线执勤民警、接警员
- **核心价值**：标准化警情信息采集流程，提升接处警效率，确保信息完整性和可追溯性

## 2. 核心功能

### 2.1 用户角色

| 角色 | 使用场景 | 核心权限 |
|------|----------|----------|
| 接警员 | 110指挥中心接听报警电话 | 创建、编辑、分派警情 |
| 民警 | 现场处置、派出所接待报案 | 查看、补充信息、关联处置结果 |
| 所领导 | 审核审批 | 审批、退回、归档 |

### 2.2 功能模块

1. **警情基本信息模块**：报警时间、警情来源、警情类别（非经侦）、事发地点等核心字段
2. **报警人/当事人信息模块**：姓名、联系方式、身份证件、与案事件关系等
3. **警情内容描述模块**：简要案情、详细经过、涉及人员/财物等
4. **处警信息模块**：出警单位、出警民警、到达时间、初步处置意见
5. **附件材料模块**：现场照片、录音录像、文书材料上传
6. **操作功能模块**：暂存、提交、打印回执

### 2.3 页面详情

| 页面名称 | 模块名称 | 功能描述 |
|-----------|----------|----------|
| 接报警登记表单 | 警情基本信息 | 报警时间（必填）、警情来源下拉（110接警/现场报案/移送/信访转办/上级交办/其他）、警情类别下拉（刑事/治安/纠纷/求助/其他）、事发地址（含行政区划级联选择）、是否紧急标识 |
| 接报警登记表单 | 报警人信息 | 报警人类型（本人/代理人/匿名）、姓名、性别、身份证号、联系电话、现住址、与当事人关系 |
| 接报警登记表单 | 当事人信息（可多条） | 当事人姓名、性别、身份证号、联系电话、角色（受害人/嫌疑人/证人/其他） |
| 接报警登记表单 | 警情内容 | 简要案情摘要（限200字）、详细经过描述（多行文本框，支持富文本）、涉案财物简述、伤亡情况说明 |
| 接报警登记表单 | 处警信息 | 出警单位（自动填充当前登录人所属单位）、出警民警（多选）、到达现场时间、初步处置措施（下拉+自定义）、处置结果备注 |
| 接报警登记表单 | 附件上传 | 支持拖拽上传图片/视频/文档，显示已传文件列表，支持预览和删除 |

## 3. 核心流程

### 3.1 警情登记主流程

```
接警员/民警打开登记页面 → 填写警情基本信息 → 录入报警人信息 → 补充当事人信息 → 填写警情内容详述 → 记录处警信息 → 上传相关附件 → 校验必填项 → 提交保存 → 生成警情编号 → 打印接报警回执（可选）
```

### 3.2 流程图

```mermaid
flowchart TD
    A[打开接报警登记页面] --> B{选择警情来源}
    B --> C[110接警]
    B --> D[现场报案]
    B --> E[移送/转办]
    C --> F[填写报警时间]
    D --> F
    E --> F
    F --> G[选择警情类别 - 非经侦]
    G --> H[填写事发地点]
    H --> I[录入报警人信息]
    I --> J{是否有其他当事人?}
    J -->|是| K[添加当事人信息]
    J -->|否| L[填写警情内容]
    K --> L
    L --> M[记录处警信息]
    M --> N[上传附件材料]
    N --> O{校验通过?}
    O -->|否| P[提示补全必填项]
    P --> I
    O -->|是| Q[提交保存]
    Q --> R[生成警情编号]
    R --> S{需要打印回执?}
    S -->|是| T[打印接报警回执]
    S -->|否| U[完成登记]
    T --> U
```

## 4. 界面设计

### 4.1 设计风格

- **主色调**：深蓝色系 `#0d47a1` ~ `#1976d2`（公安蓝，传达权威、专业感）
- **辅助色**：橙色 `#e65100` 用于紧急标识，绿色 `#2e7d32` 用于成功状态，红色 `#c62828` 用于警告/删除
- **按钮样式**：圆角6px，主操作按钮带渐变背景和微妙阴影，次要操作使用描边或浅灰底
- **字体**：中文使用"思源黑体"/系统默认无衬线字体，标题加粗，正文14px，标签13px
- **布局风格**：分区卡片式布局，左右双栏 + 底部全宽区域，每个区块有清晰的标题栏分隔线
- **整体氛围**：专业、严谨、高效，符合政务系统的视觉规范

### 4.2 页面设计概览

| 页面名称 | 模块名称 | UI元素说明 |
|-----------|----------|------------|
| 登记表单页 | 顶部标题区 | 页面标题"接报警登记"、警情编号自动生成显示区、紧急程度标签 |
| 登记表单页 | 左栏-基础信息 | 警情基本信息卡片 + 报警人信息卡片，白色背景，淡蓝边框分隔 |
| 登记表单页 | 右栏-扩展信息 | 当事人信息卡片（支持动态增删行）+ 处警信息卡片 |
| 登记表单页 | 底部全宽 | 警情内容大文本区 + 附件上传拖拽区 |
| 登记表单页 | 操作栏 | 固定底部："暂存草稿"、"提交登记"、"打印回执"、"取消"四个按钮 |

### 4.3 响应式策略

- **桌面优先**：最小宽度1280px，双栏布局充分利用屏幕空间
- **自适应**：当宽度<1024px时切换为单栏堆叠布局
- **交互优化**：表单字段聚焦时高亮边框，下拉选项带搜索过滤，日期选择器支持快捷选项

## 5. 数据字段定义

### 5.1 譵情基本信息字段

| 字段名 | 字段标识 | 类型 | 必填 | 说明 |
|--------|----------|------|------|------|
| 警情编号 | alarmNo | String(32) | 自动生成 | 格式：JJ+年月日+4位序号 |
| 报警时间 | alarmTime | DateTime | 是 | 精确到分钟 |
| 警情来源 | alarmSource | Enum | 是 | 110接警/现场报案/移送案件/信访转办/上级交办/其他 |
| 警情类别 | alarmCategory | Enum | 是 | 刑事案件/治安案件/纠纷调解/群众求助/其他 |
| 具体类型 | alarmSubType | String | 否 | 二级分类，如盗窃、打架、交通事故等 |
| 事发地点 | incidentAddress | String(200) | 是 | 含省市区街道详细地址 |
| 是否紧急 | isUrgent | Boolean | 否 | 标识紧急警情 |
| 报警方式 | reportMethod | Enum | 否 | 电话/来人/网络/短信/其他 |

### 5.2 报警人信息字段

| 字段名 | 字段标识 | 类型 | 必填 | 说明 |
|--------|----------|------|------|------|
| 报警人类型 | reporterType | Enum | 是 | 本人报警/代理人代报/匿名报警 |
| 姓名 | reporterName | String(50) | 条件必填 | 匿名时可留空 |
| 性别 | reporterGender | Enum | 否 | 男/女 |
| 身份证号 | reporterIdCard | String(18) | 条件必填 | 格式校验 |
| 联系电话 | reporterPhone | String(20) | 是 | 手机或座机 |
| 现住址 | reporterAddress | String(200) | 否 | 详细住址 |
| 与当事人关系 | relationToParty | String(50) | 否 | 如"本人"、"家属"等 |

### 5.3 当事人信息字段（可重复）

| 字段名 | 字段标识 | 类型 | 必填 | 说明 |
|--------|----------|------|------|------|
| 序号 | partySeq | Integer | 自动 | 从1开始递增 |
| 姓名 | partyName | String(50) | 是 | 当事人姓名 |
| 性别 | partyGender | Enum | 否 | 男/女 |
| 身份证号 | partyIdCard | String(18) | 条件必填 | |
| 联系电话 | partyPhone | String(20) | 否 | |
| 当事人角色 | partyRole | Enum | 是 | 受害人/嫌疑人/证人/其他相关人员 |

### 5.4 譵情内容字段

| 字段名 | 字段标识 | 类型 | 必填 | 说明 |
|--------|----------|------|------|------|
| 简要案情 | briefContent | String(200) | 是 | 一句话概括，限200字 |
| 详细经过 | detailContent | Text | 是 | 多行详细描述 |
| 涉案财物 | involvedProperty | String(500) | 否 | 涉及财物描述 |
| 伤亡情况 | casualtyInfo | String(200) | 否 | 人员伤亡说明 |
| 初步定性 | preliminaryJudgment | String(100) | 否 | 民警初步判断 |

### 5.5 处警信息字段

| 字段名 | 字段标识 | 类型 | 必填 | 说明 |
|--------|----------|------|------|------|
| 出警单位 | responseUnit | String(100) | 自动 | 当前登录用户所属单位 |
| 出警民警 | responseOfficers | Array | 是 | 可多选 |
| 到达时间 | arriveTime | DateTime | 是 | 到达现场时间 |
| 处置措施 | disposalMeasure | Enum+Text | 是 | 下拉选+自定义输入 |
| 处置结果 | disposalResult | Text | 否 | 结果备注 |

## 6. 接报案大厅状态规范（2026-06-27 同步）

> 完整说明见：[Docs/Plan/prd-alarm-reception-hall.md](../../Docs/Plan/prd-alarm-reception-hall.md)

### 6.1 核心规则

1. 接报案大厅**只展示「处置状态」**，不展示「审核状态」
2. 非经侦类登记创建后，**默认处置状态 = 待审核**（`disposal_status = pending_review`）
3. 非经侦类审核状态固定为「无需审核」（`status = no_audit`），不在界面露出
4. 非经侦类不提供「审核」操作入口；经侦类仍保留审核流程

### 6.2 非经侦创建时自动赋值

| 字段 | 值 |
|------|-----|
| alarm_category | non_economic |
| alarm_source | system_register |
| status | no_audit |
| disposal_status | pending_review |