127 lines
3.7 KiB
HTML
127 lines
3.7 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="renderer" content="webkit">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
|
<title>Top分析-客户行为分析-e订通后台</title>
|
|
<link rel="stylesheet" href="layuiadmin/layui/css/layui.css">
|
|
<link rel="stylesheet" href="index.css">
|
|
<script src="layuiadmin/layui/layui.js"></script>
|
|
<script src="js/function.js"></script>
|
|
</head>
|
|
<body>
|
|
<div>
|
|
<div class="layui-tab" lay-filter="tab1">
|
|
<div class="layui-inline"><ul class="layui-tab-title"></ul></div>
|
|
<div class="layui-tab-content">
|
|
<div class="layui-tab-item layui-show">
|
|
<div class="layui-row">
|
|
<!-- 查询条件 -->
|
|
<blockquote class="layui-elem-quote" style="line-height:44px;padding:8px;">
|
|
<form class="layui-form" id="form1_search" action="log_hd.htm">
|
|
<div class="layui-input-inline" style="width:40px;" align="right">条件</div>
|
|
<div class="layui-input-inline" style="width:100px;">
|
|
<select id="s_con_time" name="s_con_time">
|
|
<option value="half_day">半天</option>
|
|
<option value="day">一天</option>
|
|
</select>
|
|
</div>
|
|
<button id="form1_submit" class="layui-btn layui-btn-normal" lay-submit lay-filter="form1_submit"> 开始分析 </button>
|
|
</form>
|
|
</blockquote>
|
|
<!-- /查询条件结束 -->
|
|
</div>
|
|
<div class="layui-row" style="height:400px;">
|
|
<!-- 图表 -->
|
|
<iframe id="frame_chart" src="" width="100%" style="height:400px;"></iframe>
|
|
<!-- /图表结束 -->
|
|
</div>
|
|
<div class="layui-row">
|
|
<!-- 表格 -->
|
|
<div style="width:100%;">
|
|
<table id="layui_table" lay-filter="layui_table">
|
|
</table>
|
|
</div>
|
|
<!-- /表格结束 -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script>
|
|
var this_tab_no="";
|
|
var this_tab_title="";
|
|
var tableIns={};
|
|
layui.use(['form','layer','table','element'],function(){
|
|
var form = layui.form,
|
|
layer = parent.layer === undefined ? layui.layer : top.layer,
|
|
$=layui.jquery,
|
|
laydate = layui.laydate,
|
|
laytpl = layui.laytpl,
|
|
table = layui.table;
|
|
var element = layui.element;
|
|
//取得url传递参数
|
|
var query_str=location.search.substring(1);
|
|
if(query_str)
|
|
query_str="&"+query_str;
|
|
//数据表格
|
|
var url='./?_m=log_hd'+query_str;
|
|
//alert(url);
|
|
var arr_tab=[];
|
|
var index = layer.load();
|
|
tableIns = table.render({
|
|
even:false,
|
|
elem: '#layui_table',
|
|
url : url,
|
|
cellMinWidth:80,
|
|
height : "full",
|
|
id : "ListTable",
|
|
cols : [[
|
|
{field:'no',title:'序号',width:70,align:"center"},
|
|
{field:'title',title: 'TOP事件',align:"left"}
|
|
]],
|
|
done: function(res, curr, count){
|
|
//alert(res.count);
|
|
this_tab_no=res.s_cate;
|
|
//加载tab
|
|
arr_tab=res.tab;
|
|
var html1="";
|
|
for(var i=0;i<arr_tab.length;i++){
|
|
html1+='<li';
|
|
if(arr_tab[i].no==res.s_cate){
|
|
html1+=' class="layui-this"';
|
|
this_tab_title=arr_tab[i].title;
|
|
}
|
|
html1+='>'+arr_tab[i].title+'</li>';
|
|
}
|
|
$(".layui-tab-title").html(html1);
|
|
element.render('tab1');
|
|
//加载图表
|
|
var url1="chart.php?t=pie&data_x="+res.chart_data_x+"&data_y="+res.chart_data_y+"&title="+res.chart_title;
|
|
$("#frame_chart").attr('src',url1);
|
|
//条件
|
|
$("#s_con_time").val(res.s_con_time);
|
|
form.render();
|
|
layer.close(index);
|
|
}
|
|
});
|
|
//点击tab
|
|
element.on('tab(tab1)', function(data){
|
|
//alert(JSON.stringify(arr_tab));
|
|
//alert(this.innerHTML);
|
|
this_tab_title=this.innerHTML;
|
|
for(var i=0;i<arr_tab.length;i++){
|
|
if(arr_tab[i].title==this_tab_title){
|
|
this_tab_no=arr_tab[i].no;
|
|
}
|
|
}
|
|
var url_ext=(this_tab_no=="top")?"":"_"+this_tab_no;
|
|
var url='log_hd'+url_ext+'.htm';
|
|
location.href=url;
|
|
});
|
|
//
|
|
})
|
|
</script>
|
|
</body>
|
|
</html> |