2.查询条件展开
一、整体布局结构
页面采用三栏固定布局:顶部通栏全局导航、左侧固定竖栏树形侧边菜单、右侧为主内容区;主内容垂直分层:页面标签栏→页面标题+告警提示区→多行展开筛选表单区→批量操作按钮组→数据表格列表区→分页控件区,无独立页面底部信息区。
分组规则:业务功能垂直分块,筛选条件分两行横向排布,表格独立容器承载明细数据。
二、分区域元素拆解
(一)顶部全局导航通栏
- 系统标识文本:九霄
- 横向导航文字按钮:辅侦工具箱、警务大模型、资金追踪、预警管控、国反新机制
- 右上角功能组件
- 图标下拉按钮:帮助中心
- 账号下拉组件:sd@123
(二)左侧侧边竖栏菜单栏
- 侧边栏顶部控件
- 单行搜索输入框:占位「搜索菜单」,前置搜索图标
- 侧边栏折叠图标按钮(输入框右侧)
- 一级树形菜单(带折叠下拉箭头)
- 万能查(展开,含二级子菜单)
- 国反
- 云搜
- 部刑专(展开状态)
- 二级子菜单:人案筛查(当前激活选中)、在逃人员、513函证、全息档案
-…8552 tokens truncated…按钮
- 二级子菜单:人案筛查(当前激活选中)、在逃人员、513函证、全息档案