3.查询详情页
一、整体布局结构
页面三栏固定布局:顶部通栏全局导航、左侧固定竖栏侧边菜单栏、右侧为主详情内容区;详情区垂直分层:页面标签栏→详情头部信息栏→分类标签切换栏→多模块数据展示分组(各模块独立垂直排布)→页面底部返回按钮;无独立表单录入区、全局批量操作栏。
分组规则:按数据业务类型划分独立折叠分组区块,区块自上而下垂直排列;同模块内标签横向切换、表格承载明细数据。
二、分区域元素拆解
(一)顶部全局导航通栏
- 系统标识文本:九霄
- 横向导航文字按钮:辅侦工具箱、警务大模型、资金追踪、预警管控、国反新机制
- 右上角功能组件
- 图标下拉按钮:帮助中心
- 账号下拉组件:sd@123
(二)左侧侧边竖栏菜单栏
- 侧边栏顶部控件
- 单行搜索输入框:占位「搜索菜单」,前置搜索图标
- 侧边栏折叠图标按钮(输入框右侧)
- 一级树形菜单:万能查(含二级子菜单)、国反、云搜、部刑专、部视综、网黑、YunJing、YunMai、ShenBu、TianJi
- 侧边当前激活菜单:止付管理
(三)右侧主详情内容区 - 头部页面标签栏
页面标签:万能查检索、万能查询结果(双标签,均带关闭叉号)
(四)右侧主详情内容区 - 详情头部信息栏
- 页面标题静态文本:万能查结果_详情页
- 主体标识信息:手机号展示文本 15516811569
- 头部操作按钮组:任务详情、手动反馈
- 右上角返回按钮:返回上一级
(五)右侧主详情内容区 - 分类标签切换栏(横向单选标签组)
标签项:主体信息、轨迹信息、使用app、常连wifi、短信记录、银行卡信息(当前选中:主体信息)
(六)右侧主详情内容区 - 分层业务数据分组(自上而下)
分组1:主体信息(折叠标题「主体信息」)
- 多行列文本展示表格,字段:姓名、性别、年龄、身份证号、籍贯、学历、职业、婚姻状况、关联手机号、持有银行卡、QQ、邮编、家庭住址、工作单位、工作住址
- 空数据提示文本:暂无数据
- 分页控件:数据总量0条、每页条数下拉10条/页、翻页箭头、页码跳转输入框、前往按钮
分组2:使用APP(折叠标题「使用APP」,带编辑按钮)
- 单行文本展示:敏感APP
- 空数据提示文本:暂无数据
分组3:全量APP(筛选子条件栏+数据区)
- 筛选单选:默认排序、最后活跃时间、最早安装时间、卸载次数;全选复选框
- 空数据提示文本:暂无数据
分组4:常连Wifi(折叠标题「常连Wifi」,带编辑按钮)
- 顶部说明静态文本:WiFi采集时间范围提示文案
- 明细表格表头:序号、设备ID、设备信息、基本信息、连接过的WiFi、通信标签、原籍地、常住地
- 空数据提示文本:暂无数据
分组5:短信记录(折叠标题「短信记录」)
- 明细表格表头:序号、短信发送时间、短信签名、短信分类、短信内容
- 空数据提示文本:暂无数据
- 分页控件:数据总量0条、每页条数下拉10条/页、翻页箭头、页码跳转输入框、前往按钮
分组6:银行卡信息(折叠标题「银行卡信息」)
- 明细表格表头:序号、银行卡号、银行、卡名称、卡类型、风险标签、关联手机号、关联次数、首次关联时间、末次关联时间
- 空数据提示文本:暂无数据
(七)页面底部操作按钮
页面最下方居中次按钮:返回
(八)悬浮元素
右下角智能机器人图标悬浮按钮
(九)无交互元素
页面半透明重复水印文本
三、元素类型分类汇总清单
1. 表单类输入控件
单行文本输入框
侧边栏菜单搜索框、分页页码跳转输入框
选择类控件
- 单选标签切换组:主体信息/轨迹信息/使用app/常连wifi/短信记录/银行卡信息
- 单选筛选按钮组:默认排序、最后活跃时间、最早安装时间、卸载次数
- 复选框控件:全量APP「全选」复选框
- 下拉选择控件:分页每页条数下拉
缺失表单元素
无日期选择器、多行文本域、文件/图片上传控件、查询条件输入框、单选按钮组
2. 按钮类元素
顶部导航文字功能按钮
辅侦工具箱、警务大模型、资金追踪、预警管控、国反新机制
详情头部操作按钮
任务详情、手动反馈、返回上一级
分组内操作按钮
编辑(使用APP分组、常连Wifi分组右上角)
分页按钮
上一页、下一页、前往
页面底部按钮
返回(次按钮)
图标功能按钮
侧边栏折叠按钮、右下角智能助手悬浮按钮
标签控制按钮
页面标签关闭叉号
3. 树形菜单组件
一级菜单:万能查、国反、云搜、部刑专、部视综、网黑、YunJing、YunMai、ShenBu、TianJi
二级子菜单归属万能查;侧边激活项:止付管理
菜单状态标识:折叠下拉箭头、激活选中高亮标识
4. 表格/列表类组件
- 主体信息:多字段详情展示表格,配套分页控件
- 常连Wifi:明细数据表格(表头8列)
- 短信记录:明细数据表格(表头5列),配套分页控件
- 银行卡信息:明细数据表格(表头10列)
全部表格含空数据占位提示,无行内操作按钮、无批量复选框
5. 静态文本展示元素
系统名称「九霄」、页面标题「万能查结果_详情页」、手机号主体标识、分组折叠标题、表格字段名、空数据提示「暂无数据」、WiFi采集时间说明文案、筛选条件文字、分页总量文字、输入框占位文案、账号文本sd@123、水印背景文本
6. 缺失组件说明
无查询搜索按钮、批量导入/导出按钮、新增/删除/详情行操作按钮、弹窗、文件上传区域、筛选输入表单、底部状态栏信息区