1.人像查询主页面
一、整体布局结构
页面三栏固定布局：顶部通栏全局导航、左侧固定竖栏树形侧边菜单、右侧剩余区域为主内容区；主内容垂直分层：页面标签栏 → 标题展示区 → 检索表单区 → 筛选多选+操作按钮组，无数据列表、底部信息区。
分组规则：业务功能垂直分层，同层级组件水平并排排布。
二、分区域元素拆解
（一）顶部全局导航通栏
- 系统标识静态文本：九霄
- 横向导航文字按钮
- 辅侦工具箱
- 警务大模型
- 资金追踪
- 预警管控
- 国反新机制
- 右上角功能组件
- 图标下拉按钮：帮助中心
- 账号下拉组件：sd@123
（二）左侧侧边竖栏菜单栏
- 侧边栏顶部控件
- 单行搜索输入框：占位「搜索菜单」，前置搜索图标
- 侧边栏折叠图标按钮（输入框右侧）
- 一级树形菜单（带折叠下拉箭头）
- 万能查（展开状态）
- 二级子菜单：万能查检索（当前激活选中）、万能查询结果
- 国反
- 云搜（无折叠箭头）
- 部刑专
- 部视综
- 网黑
- 万能查（展开状态）
- 静态分组标签文本：互联网
- 后续一级树形菜单（均带折叠下拉箭头）
- YunJing
- YunMai
- ShenBu
- TianJi
（三）右侧主内容区 - 头部页面标签栏
- 页面标签：万能查检索（带关闭叉号，激活状态）
- 右上角图标文字按钮：万能查配置
（四）右侧主内容区 - 标题数据展示区
- 无交互装饰图标
- 主标题静态文本：万能查
- 副标题描述文本：汇聚多源数据，一键查询无忧
（五）右侧主内容区 - 检索表单区
- 单选标签切换组（横向单选）
- 身份证
- 手机号
- 车牌号
- 人像（当前选中）
- 银行卡
- 检索输入容器（单行输入框+右侧下拉按钮）
- 前置放大镜搜索图标空白单行文本输入框
- 右侧下拉按钮：导入图片（图片上传触发控件）
（六）右侧主内容区 - 筛选多选+操作按钮组（同一容器左右分区）
左侧筛选模块
- 说明文…5251 tokens truncated…题模块）
- 图标装饰组件（无业务功能）
- 大标题文本：万能查
- 副标题描述文本：汇聚多源数据，一键查询无忧
（五）右侧主内容区 - 表单检索区
1. 单选标签切换控件（单选组）
- 单选项1：身份证（当前选中）
- 单选项2：手机号
- 单选项3：车牌号
- 单选项4：人像
- 单选项5：银行卡
2. 单行文本输入框
- 前置搜索放大镜图标
- 占位提示文字：输入您想搜索的内容
（六）右侧主内容区 - 筛选多选组件（多选分组区）
- 文本说明：请选择查询结果 全选（全选快捷文字按钮）
- 多选复选框组（单个复选框+对应文字）
- 人员基本信息（附带下拉选择控件）
- 轨迹信息
- 关联案件
- 手机号
- 银行卡信息
- 主体信息
- 寄递信息
（七）右侧主内容区 - 操作按钮组（多选区右侧横向排布）
- 次按钮：批量导入
- 主按钮：搜索
（八）页面其他元素
- 右下角悬浮机器人图标按钮（智能助手入口）
- 页面水印文本（无业务交互功能，仅背景）
- 无底部信息区、无数据表格列表、无分页控件、无日期选择/文本域/上传控件/行操作按钮等元素
三、元素类型分类汇总清单
1. 输入类表单元素
- 单行文本输入框（侧边栏搜索菜单）
- 单行文本输入框（万能查检索主输入框）
2. 选择类表单元素
- 单选标签切换组：身份证/手机号/车牌号/人像/银行卡
- 复选框多选组：人员基本信息、轨迹信息、关联案件、手机号、银行卡信息、主体信息、寄递信息
- 下拉选择控件：人员基本信息右侧下拉箭头
3. 按钮类元素
图标文字按钮
- 帮助中心
- 万能查配置
纯文字导航按钮（顶部全局导航）
辅侦工具箱、警务大模型、资金追踪、预警管控、国反新机制
功能操作按钮
- 批量导入（次按钮）
- 搜索（主查询按钮）
图标功能按钮
侧边栏折叠按钮、右下角智能助手悬浮按钮
快捷文字操作
全选
4. 菜单树形元素
顶部一级导航菜单：九霄、辅侦工具箱、警务大模型、资金追踪、预警管控、国反新机制
左侧侧边树形菜单
一级菜单：万能查、国反、云搜、部刑专、部视综、网黑、YunJing、YunMai、ShenBu
二级子菜单（万能查下）：万能查检索、万能查询结果
菜单状态标识：下拉折叠箭头、激活选中高亮标识
5. 静态文本展示元素
系统标题、页面副标题、输入框占位文字、分组说明文字、水印文字、账号标识文本、侧边分组标签「互联网」
6. 无存在元素（补充说明）
无表格列表、无分页控件、无新增/编辑/删除按钮、无日期选择器、无多行文本域、无文件上传控件、无数据行操作按钮、无底部状态栏信息区