173 lines
4.9 KiB
HTML
173 lines
4.9 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>设备活跃度分析-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_hd_active.htm">
|
|
<div class="layui-input-inline">
|
|
<input type="text" id="s_ip" name="s_ip" placeholder="IP地址" class="layui-input">
|
|
</div>
|
|
<div class="layui-input-inline" id="search_change1"></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">
|
|
<!-- 表格 -->
|
|
<div style="width:100%;">
|
|
<table id="layui_table" lay-filter="layui_table" class="layui-table">
|
|
<thead id="layui_table_thead">
|
|
</thead>
|
|
<tbody id="layui_table_tbody">
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<!-- /表格结束 -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script>
|
|
function show_active_table(title,ip){
|
|
layui.use(['form','layer','table'],function(){
|
|
var form = layui.form;
|
|
var layer = layui.layer;
|
|
var $=layui.jquery;
|
|
var url1="log_hd_view.htm?_a=view_hd&ip="+ip;
|
|
parent.layer.open({
|
|
title:title+'设备操作明细',
|
|
type : 2,
|
|
offset: '100px',
|
|
area: ['700px','500px'],
|
|
content : url1,
|
|
success : function(layero, index){
|
|
|
|
}
|
|
});
|
|
})
|
|
}
|
|
|
|
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,
|
|
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&_a=hd_active'+query_str;
|
|
var arr_tab=[];
|
|
var index = layer.load();
|
|
$.ajax(
|
|
{
|
|
url:url,
|
|
contentType: "application/json",
|
|
method: 'POST',
|
|
success: function (res) {
|
|
var res=$.parseJSON(res);
|
|
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 html1='<select id="s_order_by" name="s_order_by">';
|
|
var arr_tmp=res.select_order_by;
|
|
for(var i=0;i<arr_tmp.length;i++){
|
|
html1+='<option value="'+arr_tmp[i].val+'"';
|
|
if(res.s_order_by==arr_tmp[i].val)
|
|
html1+=' selected';
|
|
html1+='>'+arr_tmp[i].title+'</option>';
|
|
}
|
|
html1+='</select>';
|
|
$("#search_change1").html(html1);
|
|
$("#s_ip").val(res.s_ip);
|
|
form.render();
|
|
//表头
|
|
var html1="";
|
|
html1+='<tr>';
|
|
for(var i=0;i<res.thead_str.length;i++){
|
|
html1+="<td>"+res.thead_str[i].title+"</td>";
|
|
}
|
|
html1+='</tr>';
|
|
$("#layui_table_thead").html(html1);
|
|
//正体
|
|
var html1="";
|
|
for(var i=0;i<res.tbody_str.length;i++){
|
|
html1+="<tr>";
|
|
for(var j=0;j<res.thead_str.length;j++){
|
|
var getzd=res.thead_str[j].zd;
|
|
if(getzd=="hyd"){
|
|
html1+='<td onclick="show_active_table(\''+res.tbody_str[i]["ipaddress"]+'\',\''+res.tbody_str[i]["ipaddress"]+'\')"><span style="cursor:pointer;color:#1E9FFF;font-weight:bold;">'+res.tbody_str[i][getzd]+'</span></td>';
|
|
}else{
|
|
html1+="<td>"+res.tbody_str[i][getzd]+"</td>";
|
|
}
|
|
}
|
|
html1+="</tr>";
|
|
}
|
|
html1+="<tr><td align=center colspan=3>合计</td><td>"+res.total_num+"</td><td> </td></tr>";
|
|
$("#layui_table_tbody").html(html1);
|
|
|
|
//关闭loading
|
|
layer.close(index);
|
|
},
|
|
error: function () {
|
|
layui.layer.msg("与服务器通信失败！");
|
|
}
|
|
}
|
|
);
|
|
|
|
//点击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> |