知识库

1.万能查结果首页

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

更新于 2026年7月17日

一、整体布局结构

页面三栏固定布局：顶部通栏全局导航、左侧固定竖栏树形侧边菜单、右侧剩余区域为主内容区；主内容垂直分层：页面标签栏 → 数据统计卡片区 → 多条件筛选表单区 → 批量操作按钮组 → 数据表格列表区 → 分页控件区，无独立底部信息区。
分组规则：按业务功能横向/纵向分块，统计卡片横向并排、筛选条件多行横向排布、表格独立容器承载数据。

二、分区域元素拆解

（一）顶部全局导航通栏

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

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

  1. 侧边栏顶部控件
    • 单行搜索输入框：占位「搜索菜单」，前置搜索图标
    • 侧边栏折叠图标按钮（输入框右侧）
  2. 一级树形菜单（带折叠下拉箭头）
    • 万能查（展开状态）
      • 二级子菜单：万能查检索、万能查询结果（当前激活选中）
    • 国反
    • 云搜（无折叠箭头）
    • 部刑专
    • 部视综
    • 网黑
  3. 静态分组标签文本：互联网
  4. 一级树形菜单（均带折叠下拉箭头）：YunJing、YunMai、ShenBu、TianJi

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

  1. 多页面标签：万能查检索、万能查询结果（当前激活，带关闭叉号）

（四）右侧主内容区 - 数据统计卡片区（横向3张卡片并排）

  1. 统计卡片1：标题「查询总量」、数值250、问号说明图标
  2. 统计卡片2：标题「查询成功」、数值6、对勾状态图标
  3. 统计卡片3：标题「查询失败」、数值3、叉号状态图标
  4. 右上角日期筛选快捷按钮组：今日、近7日、近30日；自定义日期区间（开始日期输入框、至分隔符、结束日期输入框）

（五）右侧主内容区 - 多条件筛选表单区（多行横向排布筛选控件）

第一行筛选控件

  1. 单行文本输入框：查询项（占位「输入查询项」）
  2. 单选按钮组：查询状态（全部、待查询、查询中、查询成功、查询失败、已撤回、查无结果）
  3. 右侧操作按钮：收起（文字按钮）、查询（主按钮）、重置（次按钮）

第二行筛选控件

  1. 下拉选择框：审核状态（占位「审核状态」）
  2. 单行文本输入框：查询名称（占位「输入查询名称」）
  3. 单行文本输入框：提交人/IP（占位「输入提交人/IP」）
  4. 单行文本输入框：提交单位（占位「输入提交单位」）
  5. 下拉选择框：查询类型（占位「查询类型」）

第三行筛选控件

  1. 日期区间选择组件：选择创建开始时间、分隔符「-」、创建结束时间输入框

（六）右侧主内容区 - 批量操作按钮组（筛选区下方左侧）

  1. 文字标签：导出
  2. 批量操作文字按钮：查询、重新、优先、停止
  3. 右侧排序图标文字按钮：排序

（七）右侧主内容区 - 数据表格列表区

  1. 表格全选复选框（表头最左侧）
  2. 表头列：序号、查询项、案事件名称、查询状态、审核状态、提交人/提交IP、提交单位/时间、审核时间、操作
  3. 数据行（共7条可见行）
    • 每行首列单行复选框
    • 单元格展示内容：查询号码、案事件编号、数据源标签、多段状态标签、提交账号/IP、单位时间文本
    • 行内操作文字按钮：详情
  4. 悬浮元素：右下角智能机器人图标悬浮按钮

（八）页面底部分页控件（表格最下方）

  1. 数据总量文本：共75条
  2. 每页条数下拉选择框：10条/页
  3. 翻页控件：上一页箭头、页码数字按钮（1/2/3/4/5/6/8）、下一页箭头
  4. 页码跳转输入框、前往文字按钮

（九）无交互元素

页面半透明重复水印文本

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

1. 表单类输入控件

单行文本输入框

侧边栏菜单搜索框、查询项、查询名称、提交人/IP、提交单位、查询创建开始时间、查询创建结束时间、自定义日期区间开始/结束日期、分页页码跳转输入框

选择类控件

  1. 单选按钮组：查询状态（全部/待查询/查询中/查询成功/查询失败/已撤回/查无结果）
  2. 下拉选择控件：审核状态下拉、查询类型下拉、分页每页条数下拉
  3. 复选框控件：表格全选复选框、每行数据单选复选框

缺失表单元素

无多行文本域、独立文件上传控件、日期选择弹窗控件、单选标签切换组

2. 按钮类元素

顶部导航文字功能按钮

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

图标文字按钮

帮助中心、排序、收起

筛选操作按钮

查询（主按钮）、重置（次按钮）

批量操作按钮

导出、重新、优先、停止

表格行操作按钮

详情（每行文字按钮）

分页图标/文字按钮

上一页、下一页、页码数字按钮、前往

图标功能按钮

侧边栏折叠按钮、右下角智能助手悬浮按钮、统计卡片问号说明图标

标签控制按钮

页面标签关闭叉号

3. 树形菜单组件

一级菜单：万能查、国反、云搜、部刑专、部视综、网黑、YunJing、YunMai、ShenBu、TianJi
二级子菜单（万能查下级）：万能查检索、万能查询结果
菜单状态标识：折叠下拉箭头、激活选中高亮标识

4. 表格/列表类组件

  • 完整数据表格：表头9列、多条业务数据行、行内操作按钮、行复选框、表头全选复选框
  • 分页全套控件：总量统计、每页条数下拉、翻页箭头、页码按钮、页码跳转输入+前往按钮

5. 静态文本展示元素

系统名称「九霄」、页面标题「万能查询结果」、统计卡片标题与数值、筛选输入框占位文案、侧边分组标签「互联网」、账号文本sd@123、水印背景文本、表格单元格业务文本、分页总量说明文字、日期快捷筛选文字（今日/近7日/近30日）

6. 缺失组件说明

无文件上传区域、新增/编辑/删除全局按钮、弹窗表单、人员录入表格、底部状态栏信息区、图片预览控件