知识库

3.查询详情页

text
2026年7月17日阅读约 1 分钟145 字
apex
docs

更新于 2026年7月17日

一、整体布局结构

页面三栏固定布局：顶部通栏全局导航、左侧固定竖栏侧边菜单栏、右侧为主详情内容区；详情区垂直分层：页面标签栏→详情头部信息栏→分类标签切换栏→多模块数据展示分组（各模块独立垂直排布）→页面底部返回按钮；无独立表单录入区、全局批量操作栏。
分组规则：按数据业务类型划分独立折叠分组区块，区块自上而下垂直排列；同模块内标签横向切换、表格承载明细数据。

二、分区域元素拆解

（一）顶部全局导航通栏

  1. 系统标识文本：九霄
  2. 横向导航文字按钮：辅侦工具箱、警务大模型、资金追踪、预警管控、国反新机制
  3. 右上角功能组件
    • 图标下拉按钮：帮助中心
    • 账号下拉组件：sd@123

（二）左侧侧边竖栏菜单栏

  1. 侧边栏顶部控件
    • 单行搜索输入框：占位「搜索菜单」，前置搜索图标
    • 侧边栏折叠图标按钮（输入框右侧）
  2. 一级树形菜单：万能查（含二级子菜单）、国反、云搜、部刑专、部视综、网黑、YunJing、YunMai、ShenBu、TianJi
  3. 侧边当前激活菜单：止付管理

（三）右侧主详情内容区 - 头部页面标签栏

页面标签：万能查检索、万能查询结果（双标签，均带关闭叉号）

（四）右侧主详情内容区 - 详情头部信息栏

  1. 页面标题静态文本：万能查结果_详情页
  2. 主体标识信息：手机号展示文本 15516811569
  3. 头部操作按钮组：任务详情、手动反馈
  4. 右上角返回按钮：返回上一级

（五）右侧主详情内容区 - 分类标签切换栏（横向单选标签组）

标签项：主体信息、轨迹信息、使用app、常连wifi、短信记录、银行卡信息（当前选中：主体信息）

（六）右侧主详情内容区 - 分层业务数据分组（自上而下）

分组1：主体信息（折叠标题「主体信息」）

  1. 多行列文本展示表格，字段：姓名、性别、年龄、身份证号、籍贯、学历、职业、婚姻状况、关联手机号、持有银行卡、QQ、邮编、家庭住址、工作单位、工作住址
  2. 空数据提示文本：暂无数据
  3. 分页控件：数据总量0条、每页条数下拉10条/页、翻页箭头、页码跳转输入框、前往按钮

分组2：使用APP（折叠标题「使用APP」，带编辑按钮）

  1. 单行文本展示：敏感APP
  2. 空数据提示文本：暂无数据

分组3：全量APP（筛选子条件栏+数据区）

  1. 筛选单选：默认排序、最后活跃时间、最早安装时间、卸载次数；全选复选框
  2. 空数据提示文本：暂无数据

分组4：常连Wifi（折叠标题「常连Wifi」，带编辑按钮）

  1. 顶部说明静态文本：WiFi采集时间范围提示文案
  2. 明细表格表头：序号、设备ID、设备信息、基本信息、连接过的WiFi、通信标签、原籍地、常住地
  3. 空数据提示文本：暂无数据

分组5：短信记录（折叠标题「短信记录」）

  1. 明细表格表头：序号、短信发送时间、短信签名、短信分类、短信内容
  2. 空数据提示文本：暂无数据
  3. 分页控件：数据总量0条、每页条数下拉10条/页、翻页箭头、页码跳转输入框、前往按钮

分组6：银行卡信息（折叠标题「银行卡信息」）

  1. 明细表格表头：序号、银行卡号、银行、卡名称、卡类型、风险标签、关联手机号、关联次数、首次关联时间、末次关联时间
  2. 空数据提示文本：暂无数据

（七）页面底部操作按钮

页面最下方居中次按钮：返回

（八）悬浮元素

右下角智能机器人图标悬浮按钮

（九）无交互元素

页面半透明重复水印文本

三、元素类型分类汇总清单

1. 表单类输入控件

单行文本输入框

侧边栏菜单搜索框、分页页码跳转输入框

选择类控件

  1. 单选标签切换组：主体信息/轨迹信息/使用app/常连wifi/短信记录/银行卡信息
  2. 单选筛选按钮组：默认排序、最后活跃时间、最早安装时间、卸载次数
  3. 复选框控件：全量APP「全选」复选框
  4. 下拉选择控件：分页每页条数下拉

缺失表单元素

无日期选择器、多行文本域、文件/图片上传控件、查询条件输入框、单选按钮组

2. 按钮类元素

顶部导航文字功能按钮

辅侦工具箱、警务大模型、资金追踪、预警管控、国反新机制

详情头部操作按钮

任务详情、手动反馈、返回上一级

分组内操作按钮

编辑（使用APP分组、常连Wifi分组右上角）

分页按钮

上一页、下一页、前往

页面底部按钮

返回（次按钮）

图标功能按钮

侧边栏折叠按钮、右下角智能助手悬浮按钮

标签控制按钮

页面标签关闭叉号

3. 树形菜单组件

一级菜单：万能查、国反、云搜、部刑专、部视综、网黑、YunJing、YunMai、ShenBu、TianJi
二级子菜单归属万能查；侧边激活项：止付管理
菜单状态标识：折叠下拉箭头、激活选中高亮标识

4. 表格/列表类组件

  1. 主体信息：多字段详情展示表格，配套分页控件
  2. 常连Wifi：明细数据表格（表头8列）
  3. 短信记录：明细数据表格（表头5列），配套分页控件
  4. 银行卡信息：明细数据表格（表头10列）
    全部表格含空数据占位提示，无行内操作按钮、无批量复选框

5. 静态文本展示元素

系统名称「九霄」、页面标题「万能查结果_详情页」、手机号主体标识、分组折叠标题、表格字段名、空数据提示「暂无数据」、WiFi采集时间说明文案、筛选条件文字、分页总量文字、输入框占位文案、账号文本sd@123、水印背景文本

6. 缺失组件说明

无查询搜索按钮、批量导入/导出按钮、新增/删除/详情行操作按钮、弹窗、文件上传区域、筛选输入表单、底部状态栏信息区