5.人像查询弹窗
一、整体布局结构
弹窗独立层级,弹窗内垂直分层:弹窗标题栏 → 全局提示信息区 → 基础填报表单区 → 查询地区单选切换组 → 人员列表标题与上传提示区 → 导入图片下拉按钮区 → 弹窗底部操作按钮;无页面全局顶部导航、侧边菜单栏、数据列表、分页控件、页面底部信息区。
分组规则:业务模块垂直分隔,填报表单单行横向排布,上传功能独立区块展示。
二、分区域元素拆解
(一)弹窗顶部标题栏
- 静态标题文本:上级部门权限批量查询,附带问号说明图标
- 右上角图标按钮组
- 全屏/还原图标按钮
- 关闭弹窗图标按钮(×)
(二)弹窗顶部提示信息区
带标识圆点提示静态文本:当前部门机器人证书不在线,将调用上级机器人证书查询,提交后将发送至上级审核,审核通过后展示查询结果。
(三)基础填报表单区(带*必填标识,单行横向排布控件)
- 单行文本输入框:任务名称(占位:请输入查询的任务,例如:案件名称、事件名称等)
- 单选按钮组:研判类型(案件、事件,案件为当前选中)
- 单行文本输入框:案件编号(占位:请输入案件编号)
- 跨行列多行文本域:查询事由(占位:例:因xxx案件或xxx事件,需要对嫌疑人信息进行查询)
(四)查询地区单选切换组(横向双单选按钮)
- 单选按钮:全国(当前选中)
- 单选按钮:按省份选择
(五)人员列表区块
- 分组标题静态文本:人员列表
- 提示静态文本:图片上传单次仅限200张
- 右侧下拉按钮:导入图片(图片批量上传下拉控件)
(六)弹窗底部操作按钮组(底部居中横向排布)
- 次按钮:取消
- 主按钮:确定
(七)无交互元素
页面半透明重复水印文本
三、元素类型分类汇总清单
1. 表单类输入控件
单行文本输入框
任务名称、案件编号
多行文本域
查询事由
选择类控件
- 单选按钮组:研判类型(案件/事件)
- 单选切换按钮组:查询地区(全国/按省份选择)
- 下拉选择控件:导入图片下拉(图片上传入口)
上传控件
导入图片下拉按钮(批量图片上传触发控件)
缺失表单元素
无日期选择器、复选框、分页页码输入框、文件Excel上传控件
2. 按钮类元素
弹窗控制图标按钮
弹窗全屏按钮、弹窗关闭×图标按钮、标题问号说明图标
上传功能按钮
导入图片(下拉主按钮)
弹窗底部业务按钮
取消(次按钮)、确定(主按钮)
3. 表格/列表类组件
无表头、数据行、分页、筛选、行操作按钮等全部表格相关组件
4. 静态文本展示元素
弹窗标题、顶部提示文案、输入框占位提示、必填标识*、查询地区分组标题、图片上传数量限制提示、水印背景文本
5. 缺失组件说明
无顶部全局导航、左侧树形侧边菜单、页面标签、筛选表单、数据表格、分页控件、批量操作文字按钮、图片预览、页面底部状态栏信息区、新增/编辑/删除/查询全局功能按钮