Clarity ES方案 一期
2023-03-01 17:03:31 0 举报Clarity ES方案 一期
作者其他创作
大纲/内容
有数据代表保持单用户查询状态
否
改变按钮组的选中状态
2.获取当前新的radio选中状态和searchInput内容
4.令searchInput失焦
无数据说明是多用户查询状态，直接开始渲染
将search_str显示
数据赋值给userDetailInfo
有数据说明是单用户查询状态
3.生成chart
1.生成table
7.phone列和ck列中的span 绑定click事件，触发refreshGraph，并将其高亮
2.生成table
根据数据具体生成chart
ajax访问后台获取数据
直接把数据赋给usersOverviewInfo
2.3 series数据准备（排好序）
refreshGraph
是
5. instance添加mouseover和mouseout事件（辅助tooltip动态选中）
三、绑定detail_button事件：click
内部调用createStackBarEchart
生成chart
图表生成模块
5.样式修改
2.1 横轴数据
2.2 除series之外数据
给usersOverviewInfo赋一个代表空的特殊值
3.3 其他 关键是series
3.生成table
二、绑定searchInput事件：keydown
5.2 排序列 改变为选中状态 并加箭头表示asc/desc
2.生成chart
5.1 页码当前页变为选中状态
3.1 tooltip动态显示鼠标悬停类别
/gladCMSVisitorStatisic/clarity/:id
1.dispose注销instance，重新生成
3 根据数据量 动态生成页码组
4.把生成好的table和page 添加到overview的子元素
1.清除原table
4.生成chart
1.pageNum重置1
2.2 分页 每次只通过页码获取指定数据
updateChart
5.表格的第一个数据标为选中状态
4. instance设置上option
2.根据数据构建table的新dom
有无数据返回
当键盘输入回车时，判断当前searchInput是否有数据
一、绑定radio事件：change
1.切回之前需要重置timeType、userType、platformType，并且修改radio选中状态（userType取消禁用）
无数据代表切回多用户查询状态
3.表格的第一个数据标为选中状态
6. 按钮组绑定事件click会重复触发updateTable
9.表头绑定click事件，点击触发refresh，重新获取数据然生成表格
refresh
3.2 legend 百分比降序排列，并添加selector
updateTable
8.ck列的 a标签绑定click事件，拼接url后打开新页面
生成table
5.3 判断是否需要将表格内容标为detail选中状态
searchInput无数据
/gladCMSVisitorStatisic/clarity
2.1构建表头
1.调整三个radio选中状态
登录后重新请求
3. option设置
根据数据具体生成table
searchInput有数据
是否带参（代表一个user）
设置timeType、userType、platformType为指定值，并修改radio选中状态（userType根据数据判断后，radio禁用掉）
事件绑定模块
2.数据处理
是否登录
收藏
收藏
0 条评论
下一页
