一、整体布局结构

页面垂直分层排布，从上至下分组：检索切换栏→检索输入区→查询维度多选&操作按钮组→查询基本信息表单分组→人员列表表格分组→底部提交操作按钮组；无独立顶部全局导航、侧边菜单栏、页面底部信息区。
分组规则：按业务功能划分独立白色容器区块，区块间垂直分隔。

二、分区域元素拆解

（一）顶部检索切换栏（单选标签组）

单选标签项：身份证（当前选中）、手机号、车牌号、人像、银行卡

（二）检索输入区

单行文本输入框：前置搜索放大镜图标，已填入内容370102199503151234

（三）查询维度筛选+操作按钮组（同一行左右分布）

1. 左侧筛选文本与多选框

• 说明文字：请选择查询结果 全选（文字快捷按钮）
• 复选框多选组（全部勾选状态）：
  人员基本信息（附带下拉选择控件）、轨迹信息、关联案件、手机号、银行卡信息、主体信息、寄递信息

2. 右侧操作按钮（横向排布）

• 次按钮：批量导入
• 主按钮：搜索

（四）查询基本信息表单区（独立分组容器，带分组标题「查询基本信息」）

带*为必填标识，表单元素横向/纵向混合排布

1. 单行文本输入框

• 案件名称（占位：请输入任务名称）
• 案件编号（占位：请输入）
• 查询目的（占位：请输入）

2. 单选按钮组（研判类型）

• 单选选项：案件、事件

3. 多行文本域

• 简要案情（占位：请输入）
• 查询对象和本查询的关联性（占位：请输入）

4. 文件上传控件

• 标签：附件
• 按钮：点击上传（文件上传触发按钮）

（五）人员列表表格区（独立分组容器，带分组标题「人员列表」）

1. 表格顶部说明静态文本：天迹-消费行为分析,天迹-寄递信息,云搜,人案筛查
2. 表格表头（列）：序号、身份证、开始时间、结束时间、操作
3. 表格数据行

第1行（已有数据）

• 身份证单行输入框：填充370102199503151234
• 开始时间日期选择控件：填充2026-05-01 00:00:00
• 结束时间日期选择控件：填充2026-06-16 09:27:27
• 行内文字操作按钮：添加、删除

第2行（空行录入行）

• 身份证单行输入框：占位「请输入」
• 开始时间日期选择控件：占位「请选择」
• 结束时间日期选择控件：占位「请选择」
• 行内文字操作按钮：添加、删除

4. 分页控件（表格右下角）

• 上一页/下一页箭头图标按钮
• 当前页码数字框：1
• 每页条数下拉选择框：10条/页

（六）页面底部操作按钮组（表格下方居中排布）

1. 次按钮：关闭
2. 主按钮：确认提交

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

1. 表单类输入控件

单行文本输入框

检索主输入框、案件名称、案件编号、查询目的、表格行身份证输入框

多行文本域

简要案情、查询对象和本查询的关联性

选择类控件

1. 单选标签切换组：身份证/手机号/车牌号/人像/银行卡
2. 单选按钮组：研判类型-案件、事件
3. 复选框多选组：人员基本信息、轨迹信息、关联案件、手机号、银行卡信息、主体信息、寄递信息
4. 下拉选择控件：人员基本信息附属下拉、分页每页条数下拉
5. 日期选择控件：表格行开始时间、表格行结束时间

文件上传控件

附件-点击上传按钮（唤起本地文件选择）

2. 按钮类元素

功能操作按钮

1. 查询类：搜索（主按钮）
2. 批量操作：批量导入（次按钮）
3. 表格行操作：添加、删除（行内文字按钮）
4. 弹窗/页面控制：关闭（次按钮）
5. 提交类：确认提交（主按钮）
6. 上传触发：点击上传

快捷文字按钮

全选

分页图标按钮

上一页、下一页箭头按钮

输入框装饰图标

检索框前置放大镜图标

3. 表格/列表类组件

• 表头列：序号、身份证、开始时间、结束时间、操作
• 数据录入行2行（含填充数据行、空白新增行）
• 分页控件：页码展示、每页条数下拉、翻页箭头

4. 静态文本展示元素

分组标题：查询基本信息、人员列表
表格顶部说明文案、输入框占位提示、必填标识*、水印背景文本、各功能区说明文字

5. 不存在元素说明

无页面顶部全局导航栏、左侧侧边树形菜单、弹窗标题栏、数据详情列表、编辑/删除全局按钮、日期范围筛选器、图片预览、底部状态栏信息区