标签: docs

一、整体布局结构 页面垂直分层排布，自上而下按业务功能划分独立容器分组，无全局顶部导航、侧边菜单栏、页面底部信息区；分层顺序：标题展示区→检索切换&输入区→查询维度筛选+操作按钮组→查询基本信息表单分组→人员列表表格分组→底部提交操作按钮组。 分组规则：同业务模块收纳在独立容器框内，模块间垂直分隔。 二、分

一、整体布局结构 页面采用三栏固定布局：顶部通栏全局导航、左侧固定竖栏树形侧边菜单、右侧剩余区域为主内容区；主内容垂直分层：页面标签栏 → 标题展示区 → 检索表单区 → 筛选多选+操作按钮组，无数据列表、底部信息区。 分组规则：按业务功能垂直分层，同层级组件水平并排。 二、分区域元素拆解 （一）顶部全

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

一、整体布局结构 弹窗独立层级，分为弹窗顶部标题栏、弹窗主体内容区，无页面顶部导航/侧边栏/列表/底部信息区等页面级组件。 1. 顶层：弹窗标题通栏 2. 下层：弹窗表单上传主区域（垂直分组排布：上传拖拽组件 → 格式限制提示文本 → 模板下载链接按钮） 二、分区域元素拆解 （一）弹窗顶部标题栏 1

一、整体布局结构 页面三栏固定布局：顶部通栏全局导航、左侧固定竖栏树形侧边菜单、右侧剩余区域为主内容区；主内容垂直分层：页面标签栏 → 标题展示区 → 检索表单区 → 筛选多选+操作按钮组，无数据列表、底部信息区。 分组规则：业务功能垂直分层，同层级组件水平并排排布。 二、分区域元素拆解 （一）顶部全局

一、整体布局结构 页面三栏固定布局：顶部通栏全局导航、左侧固定竖栏侧边菜单栏、右侧为主详情内容区；详情区垂直分层：页面标签栏→详情头部信息栏→分类标签切换栏→多模块数据展示分组（各模块独立垂直排布）→页面底部返回按钮；无独立表单录入区、全局批量操作栏。 分组规则：按数据业务类型划分独立折叠分组区块，区块自上而下垂直

一、整体布局结构 弹窗独立层级，弹窗内垂直分层：弹窗标题栏 → 筛选表单区 → 批量操作按钮组 → 数据表格列表区 → 分页控件区 → 弹窗底部操作按钮；无页面全局顶部导航、侧边菜单栏、页面底部信息区。 分组规则：业务模块垂直分隔，筛选条件单行横向排布、表格独立容器承载数据。 二、分区域元素拆解 （一）

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

一、整体布局结构 弹窗独立层级，弹窗内垂直分层：弹窗标题栏 → 顶部标签筛选栏 → 网格卡片式车辆抓拍数据展示区 → 弹窗底部操作按钮；无页面全局顶部导航、侧边菜单栏、表单录入区、分页控件、筛选输入表单。 分组规则：顶部分类标签横向排布，下方采用3列网格排布抓拍结果卡片，底部居中放置确认按钮。 二、分区域元

一、整体布局结构 弹窗独立层级，弹窗内垂直分层：弹窗标题栏 → 头部静态信息展示区 → 批量操作按钮+筛选表单行 → 数据表格列表区 → 弹窗底部操作按钮；无页面全局顶部导航、侧边菜单栏、分页控件、独立表单录入区。 分组规则：内容垂直分隔，头部信息横向均分排布，批量操作与筛选控件同行左右分布，表格独立容器承载明细数

一、整体布局结构 弹窗独立层级，弹窗内垂直分层：弹窗标题栏 → 全局提示信息区 → 基础填报表单区 → 查询地区切换组 → 时间筛选表单区 → 车辆信息分组表格区 → 分页控件区 → 弹窗底部操作按钮；无页面全局顶部导航、侧边菜单栏、页面底部信息区。 分组规则：业务模块垂直分隔，填报表单单行横向排布，车辆信息独立表

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

一、整体布局结构 弹窗独立层级，弹窗内垂直分层：弹窗标题栏 → 列配置多选列表区 → 弹窗底部操作按钮组；无页面全局顶部导航、侧边菜单栏、数据表格、筛选表单、分页控件、页面底部信息区。 分组规则：配置项垂直单行均匀排布，底部按钮横向并排。 二、分区域元素拆解 （一）弹窗顶部标题栏 1. 静态标题文本：

一、整体布局结构 弹窗独立层级，弹窗内垂直分层：弹窗标题栏 → 全局提示信息区 → 基础填报表单区 → 查询地区单选切换组 → 人员列表标题与上传提示区 → 导入图片下拉按钮区 → 弹窗底部操作按钮；无页面全局顶部导航、侧边菜单栏、数据列表、分页控件、页面底部信息区。 分组规则：业务模块垂直分隔，填报表单单行横向排

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

一、整体布局结构 弹窗独立层级，弹窗内垂直分层：弹窗标题栏 → 全局提示信息区 → 基础填报表单区 → 查询地区单选切换组 → 人员列表标题与上传提示区 → 导入图片下拉按钮区 → 弹窗底部操作按钮；无页面全局顶部导航、侧边菜单栏、数据列表、分页控件、页面底部信息区。 分组规则：业务模块垂直分隔，填报表单单行横向排

一、整体布局结构 弹窗独立层级，弹窗垂直分层：弹窗标题栏 → 提示信息展示区 → 底部操作按钮组；无页面全局顶部导航、侧边菜单栏、表单录入区、数据列表、页面底部信息区。 分组规则：内容垂直分隔，三层独立区块自上而下排布。 二、分区域元素拆解 （一）弹窗顶部标题栏 1. 静态标题文本：提示 2. 右上

一、整体布局结构 弹窗独立层级，弹窗内垂直分层：弹窗标题栏 → 提示图标+确认文本区 → 下载提示说明文本区 → 弹窗底部操作按钮组；无页面全局顶部导航、侧边菜单栏、表单录入区、数据列表、页面底部信息区。 分组规则：内容垂直分隔，四层独立区块自上而下排布。 二、分区域元素拆解 （一）弹窗顶部标题栏 1

一、整体布局结构 弹窗独立层级，弹窗内垂直分层：弹窗标题栏 → 静态信息展示区 → 底部操作按钮组；无页面全局顶部导航、侧边菜单栏、表单录入区、数据列表、页面底部信息区。 分组规则：内容垂直分隔，顶部标题栏、中间提示文本区域、底部按钮区分三层排布。 二、分区域元素拆解 （一）弹窗顶部标题栏 1. 静态

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

一、整体布局结构 弹窗独立层级，弹窗内垂直分层：弹窗标题栏 → 目标人像预览区 → 多列卡片式数据展示区 → 底部分页控件；无页面全局顶部导航、侧边菜单栏、表单录入区、筛选表单、独立底部操作按钮区。 分组规则：顶部单张人像预览，下方采用5列网格排布相似结果卡片，分页控件置于卡片区底部。 二、分区域元素拆解

一、整体布局结构 弹窗独立层级，弹窗内垂直分层：弹窗标题栏 → 文件上传表单区 → 格式限制提示文本 → 模板下载功能按钮；无页面全局顶部导航、侧边菜单栏、数据列表、分页控件、页面底部信息区。 分组规则：业务模块垂直分隔，上传框居中展示，提示文字、下载按钮依次垂直排布。 二、分区域元素拆解 （一）弹窗顶

一、整体布局结构 弹窗独立层级，弹窗内垂直分层：弹窗标题栏 → 全局提示信息区 → 基础填报表单区 → 查询版本单选分组区 → 人员列表表格区 → 分页控件区 → 弹窗底部操作按钮；无页面全局顶部导航、侧边菜单栏、页面底部信息区。 分组规则：业务模块垂直分隔，填报表单单行横向排布、人员列表独立表格容器承载录入行。

一、整体布局结构 弹窗独立层级，弹窗垂直分层：弹窗标题栏 → 提示信息展示区 → 底部操作按钮组；无页面全局顶部导航、侧边菜单栏、表单录入区、数据列表、页面底部信息区。 分组规则：内容垂直分隔，三层独立区块自上而下排布。 二、分区域元素拆解 （一）弹窗顶部标题栏 1. 静态标题文本：提示 2. 右上

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

一、整体布局结构 弹窗独立层级，弹窗内垂直分层：弹窗标题栏 → 静态信息展示区 → 底部操作按钮组；无页面全局顶部导航、侧边菜单栏、表单录入区、数据列表、页面底部信息区。 分组规则：内容垂直分隔，顶部标题栏、中间提示文本区域、底部按钮区分三层排布。 二、分区域元素拆解 （一）弹窗顶部标题栏 1. 静态

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

一、整体布局结构 弹窗独立层级，弹窗内垂直分层：弹窗标题栏 → 状态文本展示区 → 确认提示文本区 → 弹窗底部操作按钮；无页面全局顶部导航、侧边菜单栏、表单录入区、数据列表、分页控件、页面底部信息区。 分组规则：内容垂直自上而下排布，状态信息横向左右排布，底部按钮横向并排。 二、分区域元素拆解 （一）

一、整体布局结构 弹窗独立层级，弹窗内垂直分层：弹窗标题栏 → 提示信息展示区 → 弹窗底部操作按钮；无页面全局顶部导航、侧边菜单栏、表单录入区、数据列表、分页控件、页面底部信息区。 分组规则：内容垂直分隔，提示文本居中排布，底部按钮横向并排。 二、分区域元素拆解 （一）弹窗顶部标题栏 1. 静态标题

一、整体布局结构 弹窗独立层级，弹窗内垂直分层：弹窗标题栏 → 提示信息展示区 → 弹窗底部操作按钮；无页面全局顶部导航、侧边菜单栏、表单录入区、数据列表、分页控件、页面底部信息区。 分组规则：内容垂直分隔，提示文本居中排布，底部按钮横向并排。 二、分区域元素拆解 （一）弹窗顶部标题栏 1. 静态标题

一、整体布局结构 弹窗独立层级，弹窗内垂直分层：弹窗标题栏 → 多组分段填报表单区 → 弹窗底部操作按钮；无页面全局顶部导航、侧边菜单栏、数据列表、分页控件、页面底部信息区。 分组规则：表单按业务文书垂直分多组隔离，每组内控件自上而下排布，带标识必填项。 二、分区域元素拆解 （一）弹窗顶部标题栏 1.

一、整体布局结构 页面采用两栏分层布局：顶部通栏全局导航，下方为主内容详情区；主内容垂直分区堆叠多个可视化图表模块，无左侧侧边菜单栏、独立表单录入区、业务数据列表弹窗、页面底部信息区。 分组规则：功能模块垂直从上至下排布，每个图表为独立分组容器，分组内自带分页控件；图表分全屏大图、左右双并列小图两类排布。

一、整体布局结构 弹窗独立层级，弹窗内垂直分层：弹窗标题栏 → 状态文本展示区 → 弹窗底部操作按钮；无页面全局顶部导航、侧边菜单栏、表单录入区、数据列表、分页控件、页面底部信息区。 分组规则：内容垂直分隔，状态文本横向左右排布，底部按钮横向并排。 二、分区域元素拆解 （一）弹窗顶部标题栏 1. 静态

一、整体布局结构 弹窗独立层级，弹窗内垂直分层：弹窗标题栏 → 提示文本展示区 → 弹窗底部操作按钮；无页面全局顶部导航、侧边菜单栏、表单录入区、数据列表、分页控件、页面底部信息区。 分组规则：内容垂直分隔，提示文本居中排布，底部按钮横向并排。 二、分区域元素拆解 （一）弹窗顶部标题栏 1. 静态标题

一、整体布局结构 弹窗独立层级，弹窗内垂直分层：弹窗标题栏 → 状态提示文本展示区 → 弹窗底部操作按钮；无页面全局顶部导航、侧边菜单栏、表单录入区、数据列表、分页控件、页面底部信息区。 分组规则：内容垂直分隔，提示文本居中排布，底部按钮横向并排。 二、分区域元素拆解 （一）弹窗顶部标题栏 1. 静态

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

一、整体布局结构 弹窗独立层级，弹窗内垂直分层：弹窗标题栏 → 文件上传表单容器区 → 文件格式限制提示文本 → 模板下载功能按钮；无页面全局顶部导航、侧边菜单栏、数据列表、分页控件、表单录入区、页面底部信息区。 分组规则：模块垂直自上而下排布，上传容器居中展示，提示文字、下载按钮依次垂直排布。 二、分区域

一、整体布局结构 弹窗独立层级，弹窗内垂直分层：弹窗标题栏 → 基础必填填报表单区 → 导入按钮+WIFI MAC录入表格分组区 → 分页控件区 → 弹窗底部操作按钮；无页面全局顶部导航、侧边菜单栏、页面底部信息区。 分组规则：业务模块垂直分隔，顶部基础表单单行横向排布，WIFI MAC列表为独立录入表格容器承载多

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

一、整体布局结构 弹窗独立层级，弹窗内垂直分层：弹窗标题栏 → 提示文本展示区 → 弹窗底部操作按钮；无页面全局顶部导航、侧边菜单栏、表单录入区、数据列表、分页控件、页面底部信息区。 分组规则：内容垂直分隔，提示文本居中排布，底部按钮横向并排。 二、分区域元素拆解 （一）弹窗顶部标题栏 1. 静态标题

一、整体布局结构 弹窗独立层级，弹窗内垂直分层：弹窗标题栏 → 状态提示文本展示区 → 弹窗底部操作按钮；无页面全局顶部导航、侧边菜单栏、表单录入区、数据列表、分页控件、页面底部信息区。 分组规则：内容垂直分隔，提示文本居中排布，底部按钮横向并排。 二、分区域元素拆解 （一）弹窗顶部标题栏 1. 静态

一、整体布局结构 弹窗独立层级，弹窗内垂直分层：弹窗标题栏 → 文件上传表单容器区 → 文件格式限制提示文本 → 模板下载功能按钮；无页面全局顶部导航、侧边菜单栏、数据列表、分页控件、表单录入区、页面底部信息区。 分组规则：模块垂直自上而下排布，上传容器居中展示，提示文字、下载按钮依次垂直排布。 二、分区域

一、整体布局结构 弹窗独立层级，弹窗内垂直分层：弹窗标题栏 → 基础必填填报表单区 → 导入按钮+IP录入表格分组区 → 分页控件区 → 弹窗底部操作按钮；无页面全局顶部导航、侧边菜单栏、页面底部信息区。 分组规则：业务模块垂直分隔，顶部基础表单单行横向排布，IP列表为独立录入表格容器承载单行录入项。 二、

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

一、整体布局结构 弹窗独立层级，弹窗内垂直分层：弹窗标题栏 → 提示文本展示区 → 弹窗底部操作按钮；无页面全局顶部导航、侧边菜单栏、表单录入区、数据列表、分页控件、页面底部信息区。 分组规则：内容垂直分隔，提示文本居中排布，底部按钮横向并排。 二、分区域元素拆解 （一）弹窗顶部标题栏 1. 静态标题

一、整体布局结构 弹窗独立层级，弹窗内垂直分层：弹窗标题栏 → 状态提示文本展示区 → 弹窗底部操作按钮；无页面全局顶部导航、侧边菜单栏、表单录入区、数据列表、分页控件、页面底部信息区。 分组规则：内容垂直分隔，提示文本居中排布，底部按钮横向并排。 二、分区域元素拆解 （一）弹窗顶部标题栏 1. 静态

一、整体布局结构 弹窗独立层级，弹窗内垂直分层：弹窗标题栏 → 顶部标签筛选栏 → 网格卡片式车辆抓拍数据展示区 → 弹窗底部操作按钮；无页面全局顶部导航、侧边菜单栏、表单录入区、分页控件、筛选输入表单。 分组规则：顶部分类标签横向排布，下方采用3列网格排布抓拍结果卡片，底部居中放置确认按钮。 二、分区域元

一、整体布局结构 弹窗独立层级，弹窗内垂直分层：弹窗标题栏 → 头部静态信息展示区 → 批量操作按钮+筛选表单行 → 数据表格列表区 → 弹窗底部操作按钮；无页面全局顶部导航、侧边菜单栏、分页控件、独立表单录入区。 分组规则：内容垂直分隔，头部信息横向均分排布，批量操作与筛选控件同行左右分布，表格独立容器承载明细数

一、整体布局结构 弹窗独立层级，弹窗内垂直分层：弹窗标题栏 → 全局提示信息区 → 基础填报表单区 → 查询地区切换组 → 时间筛选表单区 → 车辆信息分组表格区 → 分页控件区 → 弹窗底部操作按钮；无页面全局顶部导航、侧边菜单栏、页面底部信息区。 分组规则：业务模块垂直分隔，填报表单单行横向排布，车辆信息独立表

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

一、整体布局结构 弹窗独立层级，弹窗内垂直分层：弹窗标题栏 → 列配置多选列表区 → 弹窗底部操作按钮组；无页面全局顶部导航、侧边菜单栏、数据表格、筛选表单、分页控件、页面底部信息区。 分组规则：配置项垂直单行均匀排布，底部按钮横向并排。 二、分区域元素拆解 （一）弹窗顶部标题栏 1. 静态标题文本：

一、整体布局结构 弹窗独立层级，弹窗内垂直分层：弹窗标题栏 → 全局提示信息区 → 基础填报表单区 → 查询地区单选切换组 → 人员列表标题与上传提示区 → 导入图片下拉按钮区 → 弹窗底部操作按钮；无页面全局顶部导航、侧边菜单栏、数据列表、分页控件、页面底部信息区。 分组规则：业务模块垂直分隔，填报表单单行横向排

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

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

一、整体布局结构 弹窗独立层级，弹窗内垂直分层：弹窗标题栏 → 静态信息展示区 → 底部操作按钮组；无页面全局顶部导航、侧边菜单栏、表单录入区、数据列表、页面底部信息区。 分组规则：内容垂直分隔，顶部标题栏、中间提示文本区域、底部按钮区分三层排布。 二、分区域元素拆解 （一）弹窗顶部标题栏 1. 静态

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

一、整体布局结构 弹窗独立层级，弹窗内垂直分层：弹窗标题栏 → 状态文本展示区 → 确认提示文本区 → 弹窗底部操作按钮；无页面全局顶部导航、侧边菜单栏、表单录入区、数据列表、分页控件、页面底部信息区。 分组规则：内容垂直自上而下排布，状态信息横向左右排布，底部按钮横向并排。 二、分区域元素拆解 （一）

一、整体布局结构 弹窗独立层级，弹窗内垂直分层：弹窗标题栏 → 基础必填表单区 → 多组筛选单选/下拉分组区 → APP列表批量导入+录入表格区 → 分页控件区 → 弹窗底部操作按钮；无页面全局顶部导航、侧边菜单栏、页面底部信息区。 分组规则：业务模块垂直分组隔离，每组内控件横向排布；录入表格独立容器承载单行录入项

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

一、整体布局结构 弹窗独立层级，弹窗内垂直分层：弹窗标题栏 → 状态提示文本展示区 → 弹窗底部操作按钮；无页面全局顶部导航、侧边菜单栏、表单录入区、数据列表、分页控件、页面底部信息区。 分组规则：内容垂直分隔，提示文本居中排布，底部按钮横向并排。 二、分区域元素拆解 （一）弹窗顶部标题栏 1. 静态

一、整体布局结构 弹窗独立层级，弹窗内垂直分层：弹窗标题栏 → 提示文本展示区 → 弹窗底部操作按钮；无页面全局顶部导航、侧边菜单栏、表单录入区、数据列表、分页控件、页面底部信息区。 分组规则：内容垂直分隔，提示文本居中排布，底部按钮横向并排。 二、分区域元素拆解 （一）弹窗顶部标题栏 1. 静态标题

一、整体布局结构 弹窗独立层级，弹窗内垂直分层：弹窗标题栏 → 基础必填填报表单区 → 文件上传容器区 → 上传限制提示文本 → 弹窗底部操作按钮；无页面全局顶部导航、侧边菜单栏、数据列表、分页控件、页面底部信息区。 分组规则：业务模块垂直自上而下排布，表单控件横向分行排布，上传容器居中独立区块展示。 二、

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

一、整体布局结构 弹窗独立层级，弹窗内垂直分层：弹窗标题栏 → 提示文本展示区 → 弹窗底部操作按钮；无页面全局顶部导航、侧边菜单栏、表单录入区、数据列表、分页控件、页面底部信息区。 分组规则：内容垂直分隔，提示文本居中排布，底部按钮横向并排。 二、分区域元素拆解 （一）弹窗顶部标题栏 1. 静态标题

一、整体布局结构 弹窗独立层级，弹窗内垂直分层：弹窗标题栏 → 状态提示文本展示区 → 弹窗底部操作按钮；无页面全局顶部导航、侧边菜单栏、表单录入区、数据列表、分页控件、页面底部信息区。 分组规则：内容垂直分隔，提示文本居中排布，底部按钮横向并排。 二、分区域元素拆解 （一）弹窗顶部标题栏 1. 静态

一、整体布局结构 弹窗独立层级，弹窗内垂直分层：弹窗标题栏 → 全局提示信息区 → 基础填报表单区 → 导入按钮+录入表格区 → 分页控件区 → 弹窗底部操作按钮；无页面全局顶部导航、侧边菜单栏、页面底部信息区。 分组规则：业务模块垂直分隔，填报表单单行横向排布，录入表格独立容器承载单行录入项。 二、分区域

一、整体布局结构 弹窗独立层级，弹窗内垂直分层：弹窗标题栏 → 文件上传表单容器区 → 文件格式限制提示文本 → 模板下载功能按钮；无页面全局顶部导航、侧边菜单栏、数据列表、分页控件、表单录入区、页面底部信息…7073 tokens truncated…失败/查询中/待查询/查无结果/已停止）；时间快捷筛选（近七天/

一、整体布局结构 弹窗独立层级，弹窗内垂直分层：弹窗标题栏 → 全局提示信息区 → 基础填报表单区 → 导入按钮+录入表格区 → 分页控件区 → 弹窗底部操作按钮；无页面全局顶部导航、侧边菜单栏、页面底部信息区。 分组规则：业务模块垂直分隔，填报表单单行横向排布，录入表格独立容器承载单行录入项。 二、分区域

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

一、整体布局结构 弹窗独立层级，弹窗内垂直分层：弹窗标题栏 → 状态提示文本展示区 → 弹窗底部操作按钮；无页面全局顶部导航、侧边菜单栏、表单录入区、数据列表、分页控件、页面底部信息区。 分组规则：内容垂直分隔，提示文本居中排布，底部按钮横向并排。 二、分区域元素拆解 （一）弹窗顶部标题栏 1. 静态

一、整体布局结构 弹窗独立层级，弹窗内垂直分层：弹窗标题栏 → 状态提示文本展示区 → 弹窗底部操作按钮；无页面全局顶部导航、侧边菜单栏、表单录入区、数据列表、分页控件、页面底部信息区。 分组规则：内容垂直分隔，提示文本居中排布，底部按钮横向并排。 二、分区域元素拆解 （一）弹窗顶部标题栏 1. 静态

一、整体布局结构 独立详情页面层级，页面垂直分层：页面标题区 → 顶部返回按钮区 → 基本信息分组卡片区 → 案件信息分组卡片区；无全局顶部导航、侧边菜单栏、筛选表单、数据列表、分页控件、页面底部信息区。 分组规则：业务信息垂直分两大模块，模块内采用三栏横向排布标签-文本信息项，人脸图片单独区块展示。 二、

一、整体布局结构 弹窗独立层级，弹窗内垂直分层：弹窗标题栏 → 文件上传表单区 → 格式限制提示文本 → 模板下载功能按钮；无页面全局顶部导航、侧边菜单栏、数据列表、分页控件、页面底部信息区。 分组规则：业务模块垂直分隔，上传框居中展示，提示文字、下载按钮依次垂直排布。 二、分区域元素拆解 （一）弹窗顶

一、整体布局结构 弹窗独立层级，弹窗内垂直分层：弹窗标题栏 → 全局提示信息区 → 基础填报表单区 → 人员列表分组表格区 → 分页控件区 → 弹窗底部操作按钮；无页面全局顶部导航、侧边菜单栏、页面底部信息区。 分组规则：业务模块垂直分隔，填报表单单行横向排布，人员列表独立表格容器承载录入行。 二、分区域元

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

一、整体布局结构 弹窗独立层级，弹窗内垂直分层：弹窗标题栏 → 文件上传表单区 → 格式限制提示文本 → 模板下载功能按钮；无页面全局顶部导航、侧边菜单栏、数据列表、分页控件、页面底部信息区。 分组规则：业务模块垂直分隔，上传框居中展示，提示文字、下载按钮依次垂直排布。 二、分区域元素拆解 （一）弹窗顶

一、整体布局结构 弹窗独立层级，弹窗内垂直分层：弹窗标题栏 → 全局提示信息区 → 基础填报表单区 → 查询版本单选分组区 → 人员列表表格区 → 分页控件区 → 弹窗底部操作按钮；无页面全局顶部导航、侧边菜单栏、页面底部信息区。 分组规则：业务模块垂直分隔，填报表单单行横向排布、人员列表独立表格容器承载录入行。

一、整体布局结构 弹窗独立层级，弹窗垂直分层：弹窗标题栏 → 提示信息展示区 → 底部操作按钮组；无页面全局顶部导航、侧边菜单栏、表单录入区、数据列表、页面底部信息区。 分组规则：内容垂直分隔，三层独立区块自上而下排布。 二、分区域元素拆解 （一）弹窗顶部标题栏 1. 静态标题文本：提示 2. 右上

辅侦工具箱 · 全量页面实施提示词 以下为所有页面的统一实施指南。请逐页阅读 docs 目录下的需求文档，按本提示词执行前后端实现。 --- 一、项目技术栈 | 层级 | 技术选型 | |------|---------| | 前端框架 | Next.js 14 (App Router)，TypeScrip

一、整体布局结构 弹窗独立层级，弹窗内垂直分层：弹窗标题栏 → 顶部标签筛选栏 → 网格卡片式车辆抓拍数据展示区 → 弹窗底部操作按钮；无页面全局顶部导航、侧边菜单栏、表单录入区、分页控件、筛选输入表单。 分组规则：顶部分类标签横向排布，下方采用3列网格排布抓拍结果卡片，底部居中放置确认按钮。 二、分区域元

一、整体布局结构 弹窗独立层级，弹窗内垂直分层：弹窗标题栏 → 头部静态信息展示区 → 批量操作按钮+筛选表单行 → 数据表格列表区 → 弹窗底部操作按钮；无页面全局顶部导航、侧边菜单栏、分页控件、独立表单录入区。 分组规则：内容垂直分隔，头部信息横向均分排布，批量操作与筛选控件同行左右分布，表格独立容器承载明细数

一、整体布局结构 弹窗独立层级，弹窗内垂直分层：弹窗标题栏 → 全局提示信息区 → 基础填报表单区 → 查询地区切换组 → 时间筛选表单区 → 车辆信息分组表格区 → 分页控件区 → 弹窗底部操作按钮；无页面全局顶部导航、侧边菜单栏、页面底部信息区。 分组规则：业务模块垂直分隔，填报表单单行横向排布，车辆信息独立表

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

辅侦工具箱 · 全量页面实施提示词 以下为所有页面的统一实施指南。请逐页阅读 docs 目录下的需求文档，按本提示词执行前后端实现。 --- 一、项目技术栈 | 层级 | 技术选型 | |------|---------| | 前端框架 | Next.js 14 (App Router)，TypeScrip