2.优先查询弹窗
一、整体布局结构
弹窗独立层级,弹窗内垂直分层:弹窗标题栏 → 静态信息展示区 → 底部操作按钮组;无页面全局顶部导航、侧边菜单栏、表单录入区、数据列表、页面底部信息区。
分组规则:内容垂直分隔,顶部标题栏、中间提示文本区域、底部按钮区分三层排布。
二、分区域元素拆解
(一)弹窗顶部标题栏
- 静态标题文本:优先执行
- 右上角图标按钮组
- 全屏/还原图标按钮
- 关闭弹窗图标按钮(×)
(二)弹窗中间信息展示区
- 静态标签文本:任务状态:
- 状态标签文本:查询中
- 确认提示静态文本:是否需要将此任务置顶优先执行?
(三)弹窗底部操作按钮组(底部居中横向排布)
- 次按钮:关闭
- 主按钮:确定
(四)无交互元素
页面半透明重复水印文本
三、元素类型分类汇总清单
1. 表单类输入控件
无单行输入框、下拉、单选、多选、文本域、上传、日期选择等任意表单输入控件
2. 按钮类元素
弹窗控制图标按钮
弹窗全屏按钮、弹窗关闭×图标按钮
弹窗业务操作按钮
关闭(次按钮)、确定(主按钮)
3. 表格/列表类组件
无表头、数据行、分页、筛选、行操作按钮等表格相关组件
4. 静态文本展示元素
弹窗标题「优先执行」、任务状态标签文字、任务状态值「查询中」、确认提示文案、背景水印文本
5. 缺失组件说明
无顶部全局导航、左侧树形侧边菜单、页面标签、筛选表单、批量操作按钮、数据表格、分页控件、图片预览、文件上传区域、页面底部状态栏信息区、新增/编辑/删除/查询类全局功能按钮