238 lines
7.2 KiB
HTML
238 lines
7.2 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_ks_active.htm">
|
||
<div class="layui-row">
|
||
<div class="layui-input-inline">
|
||
<input type="text" id="s_xh" name="s_xh" placeholder="序号" class="layui-input">
|
||
</div>
|
||
<div class="layui-input-inline">
|
||
<input type="text" id="s_no" name="s_no" placeholder="款号" class="layui-input">
|
||
</div>
|
||
<div class="layui-input-inline" id="search_change1"></div>
|
||
<a id="form1_submit" class="layui-btn layui-btn-normal"> 开始分析 </a>
|
||
</div>
|
||
<div class="layui-row">
|
||
<div class="layui-input-inline" id="search_check1"></div>
|
||
</div>
|
||
</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_kh_pic(kh,pic){
|
||
var obj_div=document.getElementById("div_kh_pic");
|
||
var e=e||window.event;
|
||
var st=document.documentElement.scrollTop?document.documentElement.scrollTop:document.body.scrollTop;
|
||
if(e){
|
||
var t1=e.clientY+st;
|
||
var l1=e.clientX+40;
|
||
t1=e.clientY>350?t1-230:t1;
|
||
}
|
||
t1=t1>0?t1:0;
|
||
l1=l1>0?l1:0;
|
||
obj_div.style.top=t1+"px";
|
||
obj_div.style.left=l1+"px";
|
||
obj_div.innerHTML="<table border='0' cellspacing='0' cellpadding='0' bgcolor='#CCCCCC' style='border:1px solid #000000'><tr><td align='center' height='18'><b>"+kh+"</b></td></tr><tr><td bgcolor='#FFFFFF'><img src=\""+pic+"\"></td></tr><tr><td bgcolor='#FFFFFF' align='center'><a href=\"#\" onmouseover=\"close_div('div_kh_pic')\">关闭</a></td></tr></table>";
|
||
obj_div.style.display="";
|
||
}
|
||
function close_div(div){
|
||
var obj_div=document.getElementById(div);
|
||
obj_div.style.display="none";
|
||
}
|
||
function show_active_table(title,id){
|
||
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_kh&id="+id;
|
||
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=ks_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);
|
||
|
||
var html1="";
|
||
var arr_th_zd=res.th_zd;
|
||
for(var s=0;s<arr_th_zd.length;s++){
|
||
html1+='<input type="checkbox" name="s_zd" value="'+arr_th_zd[s]["no"]+'" lay-skin="primary" title="'+arr_th_zd[s]["title"]+'"';
|
||
if(arr_th_zd[s]["sign"]=="y"){
|
||
html1+=' checked="" ';
|
||
}
|
||
html1+='>';
|
||
}
|
||
$("#search_check1").html(html1);
|
||
|
||
$("#s_xh").val(res.s_xh);
|
||
$("#s_no").val(res.s_no);
|
||
|
||
$("#form1_submit").click(function(){
|
||
var dd = "";
|
||
var tt = $('form').serializeArray();
|
||
$.each(tt, function() {
|
||
if(this.name!="s_zd"){
|
||
dd+="&"+this.name+"="+this.value;
|
||
}
|
||
});
|
||
|
||
var zd_array=new Array();
|
||
$('input[name="s_zd"]:checked').each(function(){
|
||
zd_array.push($(this).val());
|
||
});
|
||
var url1='log_hd_ks_active.htm?_a='+res.s_cate+'&s_zd='+zd_array+dd;
|
||
location.href=url1;
|
||
});
|
||
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);
|
||
if(res.codeerr==1){
|
||
//正体
|
||
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]["no"]+'\',\''+res.tbody_str[i]["id"]+'\')"><span style="cursor:pointer;color:#1E9FFF;font-weight:bold;">'+res.tbody_str[i][getzd]+'</span></td>';
|
||
}else if(getzd=="no"){
|
||
html1+="<td><a href='javascript:void(0);' onmouseover='show_kh_pic(\""+res.tbody_str[i].no+"\",\""+res.tbody_str[i].khpic+"\")'>"+res.tbody_str[i][getzd]+"</a></td>";
|
||
}else{
|
||
html1+="<td>"+res.tbody_str[i][getzd]+"</td>";
|
||
}
|
||
}
|
||
html1+="</tr>";
|
||
}
|
||
html1+="<tr><td align=center colspan="+res.hjcol+">合计</td><td>"+res.total_num+"</td><td> </td></tr>";
|
||
$("#layui_table_tbody").html(html1);
|
||
}else{
|
||
layui.layer.msg(res.msgerr);
|
||
}
|
||
//关闭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>
|
||
<div id="div_kh_pic" style="display:none;position:absolute;top:10px;left:10px;"></div>
|
||
</body>
|
||
</html> |