2.查询条件展开

text
2026年7月17日阅读约 1 分钟37 字

更新于 2026年7月17日

一、整体布局结构

页面采用三栏固定布局:顶部通栏全局导航、左侧固定竖栏树形侧边菜单、右侧为主内容区;主内容垂直分层:页面标签栏→页面标题+告警提示区→多行展开筛选表单区→批量操作按钮组→数据表格列表区→分页控件区,无独立页面底部信息区。
分组规则:业务功能垂直分块,筛选条件分两行横向排布,表格独立容器承载明细数据。

二、分区域元素拆解

(一)顶部全局导航通栏

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

(二)左侧侧边竖栏菜单栏

  1. 侧边栏顶部控件
    • 单行搜索输入框:占位「搜索菜单」,前置搜索图标
    • 侧边栏折叠图标按钮(输入框右侧)
  2. 一级树形菜单(带折叠下拉箭头)
    • 万能查(展开,含二级子菜单)
    • 国反
    • 云搜
    • 部刑专(展开状态)
      • 二级子菜单:人案筛查(当前激活选中)、在逃人员、513函证、全息档案
        -…8552 tokens truncated…按钮