7.分析详情

text
2026年7月17日1 min read101 words

Updated 2026年7月17日

一、整体布局结构

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

二、分区域元素拆解

(一)顶部全局导航通栏

  1. 横向文字导航按钮:辅侦工具箱、警务大模型、资金追踪、预警管控、国反新机制
  2. 页面标签栏:IP分析、APP分析、Wi-Fi分析、云脉-WiFi分析详情(当前激活标签,带关闭叉号)
  3. 右上角功能组件:帮助中心图标按钮、账号文本sd@123

(二)主内容顶部操作栏

  1. 切换文字按钮:图表分析、生成图谱

(三)第一组图表模块:近一月连接人数分布

  1. 分组标题静态文本:近一月连接人数分布
  2. 子筛选标签:AP2-2.4G_088040470985
  3. 折线可视化图表(横轴日期、纵轴人数),内置悬浮提示静态文本:7月25日 0人
  4. 图表左右滚动箭头图标按钮

(四)第二组图表模块:APP特征

  1. 分组标题静态文本:APP特征
  2. 标签切换按钮组:敏感APP、敏感APP分类、小众APP分类
  3. 柱状可视化图表,图例标签:目标人群、自然样本
  4. 底部分页控件:数据总量文本「共7条」、每页条数下拉框「10条/页」、翻页箭头、页码数字按钮、前往文字按钮

(五)第三组图表模块:全量APP

  1. 分组标题静态文本:全量APP
  2. 柱状可视化图表,图例标签:目标人群、自然样本
  3. 底部分页控件:数据总量文本「共341条」、每页条数下拉框「10条/页」、翻页箭头、多页码数字按钮、前往文字按钮

(六)第四组双并列图表模块(左右分栏)

左:性别分布

  1. 分组标题静态文本:性别分布
  2. 图例标签:男、女、未知
  3. 横向条形可视化图表

右:年龄分布

  1. 分组标题静态文本:年龄分布
  2. 图例标签:目标人群、自然样本
  3. 横向分段条形可视化图表,横轴百分比刻度

(七)第五组图表模块:特征标签

  1. 分组标题静态文本:特征标签
  2. 柱状可视化图表,图例标签:目标人群、自然样本
  3. 底部分页控件:数据总量文本「共3条」、每页条数下拉框「10条/页」、翻页箭头、页码数字按钮、前往文字按钮

(八)无交互元素

页面半透明重复水印文本

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

1. 表单类输入控件

无单行文本输入框、多行文本域、日期选择、单选/多选控件、文件上传控件、下拉筛选输入框

2. 按钮类元素

顶部全局导航文字按钮

辅侦工具箱、警务大模型、资金追踪、预警管控、国反新机制

页面标签控制按钮

各页面标签关闭叉号

页面头部切换按钮

图表分析、生成图谱

图表分组标签切换按钮

敏感APP、敏感APP分类、小众APP分类、全量APP

图表交互图标按钮

图表左滚动箭头、图表右滚动箭头

分页功能按钮

上一页、下一页、前往

右上角图标按钮

帮助中心

3. 图表/分页组件

可视化图表组件

  1. 折线图:近一月连接人数分布
  2. 柱状图:APP特征、全量APP、特征标签
  3. 横向条形图:性别分布、年龄分布

分页控件(每组图表底部独立配置)

数据总量文本、每页条数下拉选择框、翻页箭头、页码数字按钮、页码跳转前往按钮

4. 静态文本展示元素

页面标签文本、页面操作切换文本、各图表分组标题、图表图例标签、图表悬浮提示文案、分页总量说明文字、账号文本sd@123、水印背景文本、图表坐标轴刻度文本

5. 缺失组件说明

无左侧树形侧边菜单、业务筛选查询表单、业务数据明细表格、新增/编辑/删除/批量操作按钮、弹窗录入表单、图片上传区域、页面底部状态栏信息区、复选框/单选筛选控件、日期区间选择组件