4.在逃详情页面
一、整体布局结构
独立详情页面层级,页面垂直分层:页面标题区 → 顶部返回按钮区 → 基本信息分组卡片区 → 案件信息分组卡片区;无全局顶部导航、侧边菜单栏、筛选表单、数据列表、分页控件、页面底部信息区。
分组规则:业务信息垂直分两大模块,模块内采用三栏横向排布标签-文本信息项,人脸图片单独区块展示。
二、分区域元素拆解
(一)页面标题区
静态标题文本:在逃详情
(二)右上角操作按钮区
文字图标按钮:返回上一级
(三)第一分组:基本信息区
分组标题静态文本:基本信息
三栏横向排布静态信息项(标签+展示文本):
- 左栏项:在逃人员编号、性别、证件、身高、户籍地址、体表标记
- 中栏项:姓名、出生日期、民族、口音、现住地址
- 右栏项:曾用名、其他证件、职业、籍贯
独立图片展示区块:人脸照片预览图
(四)第二分组:案件信息区
分组标题静态文本:案件信息
三栏横向排布静态信息项(标签+展示文本):
- 左栏项:案件编号、立案单位、逃跑日期、通缉令、主办单位分类、主办人、主办人2、主办单位电话、简要案情、备注
- 中栏项:案件类别、立案单位详称、逃跑方向、通缉令级别、主办单位、联系方式、联系方式2、审批人
- 右栏项:案件分类、奖金
(五)悬浮元素
页面居中智能机器人图标悬浮按钮
(六)无交互元素
页面半透明重复水印文本
三、元素类型分类汇总清单
1. 表单类输入控件
无单行输入框、多行文本域、下拉选择、单选、多选、日期选择、上传控件、分页输入框等所有可编辑输入组件
2. 按钮类元素
页面操作按钮
返回上一级(图标文字按钮)
图标功能按钮
右下角智能助手悬浮按钮
缺失按钮类型
无新增/编辑/删除/查询/批量操作/分页/弹窗控制按钮
3. 表格/列表类组件
无表头、数据行、分页、筛选、行操作按钮等表格相关组件;纯静态详情信息展示
4. 图片展示控件
人脸照片预览图片框
5. 静态文本展示元素
页面标题「在逃详情」、两大分组标题、所有信息标签文本、业务详情展示文本、水印背景文本
6. 缺失组件说明
无顶部全局导航、左侧树形侧边菜单、页面标签、查询筛选表单、数据明细表格、批量导入导出按钮、弹窗、分页控件、附件上传区域、页面底部状态栏信息区