315 lines
9.5 KiB
HTML
315 lines
9.5 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>
|
|
<!-- 自动完成 -->
|
|
<script src="js/autocomplete/jquery-1.4.4.min.js"></script>
|
|
<script src="js/autocomplete/jquery.autocomplete.js"></script>
|
|
<link rel="stylesheet" href="js/autocomplete/jquery.autocomplete.css">
|
|
<!-- /自动完成 -->
|
|
<script type="text/javascript">
|
|
$(function(){
|
|
$('#s_no').autocomplete("./?_m=ajax_autocomplete&_a=kh", {
|
|
dataType: "json",//数据格式
|
|
max: 100, //列表里的条目数
|
|
minChars: 0, //自动完成激活之前填入的最小字符
|
|
width: 300, //提示的宽度，溢出隐藏
|
|
scrollHeight: 300, //提示的高度，溢出显示滚动条
|
|
matchContains: true, //包含匹配，就是data参数里的数据，是否只要包含文本框里的数据就显示
|
|
autoFill: false, //自动填充
|
|
multiple:false,
|
|
multipleSeparator:',',
|
|
parse: function (data) {
|
|
if (!data || data == null || data == "") {
|
|
alert("无数据");
|
|
return {};
|
|
}else{
|
|
return $.map(data.data, function (row) {
|
|
return {
|
|
data:row,value:row.no,result:row.no
|
|
};
|
|
});
|
|
}
|
|
},
|
|
formatItem: function(row,i,max) {
|
|
//提示的显示内容及格式设置
|
|
return row.no;
|
|
},
|
|
formatMatch: function(row, i, max) {
|
|
return row.no;
|
|
},
|
|
formatResult: function(row) {
|
|
return row.no;
|
|
}
|
|
}).result(function(event,row,formatted){
|
|
$('#s_no').value=row.no;
|
|
});
|
|
});
|
|
</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_qs.htm">
|
|
<div class="layui-input-inline" style="width:90px;" id="div_con_time"></div>
|
|
<div class="layui-input-inline" align="right" id="div_con_day" style="width:100px;display:none;"></div>
|
|
<div class="layui-input-inline" id="div_con_zd"></div>
|
|
<div class="layui-input-inline">
|
|
<input type="text" id="s_no" name="s_no" placeholder="请输入款号" class="layui-input">
|
|
</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:99%;">
|
|
<table id="layui_table" lay-filter="layui_table" class="layui-table" lay-even lay-size="sm">
|
|
<thead id="layui_table_thead">
|
|
</thead>
|
|
<tbody id="layui_table_tbody">
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<!-- /表格结束 -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script>
|
|
var tb_data_x="";
|
|
function show_kh_qs(kh,pic,tb_data_y){
|
|
layui.use(['form','layer','table','element'],function(){
|
|
var form = layui.form;
|
|
var layer = layui.layer;
|
|
var $=layui.jquery;
|
|
var table = layui.table;
|
|
var element = layui.element;
|
|
var url1="chart.php?t=line&data_x="+tb_data_x+"&data_y="+tb_data_y+"&h=300&title=";
|
|
parent.layer.open({
|
|
title:kh+'订单趋势',
|
|
type : 2,
|
|
offset: '100px',
|
|
area: ['500px','500px'],
|
|
content : url1,
|
|
success : function(layero, index){
|
|
var body = layer.getChildFrame('body', index);
|
|
var html1='';
|
|
if(pic!="images/no_pic_80.gif")
|
|
html1+='<div align="center" style="width:100%;"><img src="'+pic+'"></div>';
|
|
body.find("#other").append(html1);
|
|
}
|
|
});
|
|
})
|
|
}
|
|
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_qs'+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;
|
|
tb_data_x=res.chart_data_x;
|
|
//-----------------------加载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_con_time" name="s_con_time" lay-filter="s_con_time">';
|
|
var arr_tmp=res.con_time;
|
|
for(var i=0;i<arr_tmp.length;i++){
|
|
html1+='<option value="'+arr_tmp[i].val+'"';
|
|
if(res.s_con_time==arr_tmp[i].val)
|
|
html1+=' selected';
|
|
html1+='>'+arr_tmp[i].title+'</option>';
|
|
}
|
|
html1+='</select>';
|
|
$("#div_con_time").html(html1);
|
|
//天
|
|
var html1='<select id="s_day" name="s_day"><option value="">-选择日期-</option>';
|
|
var arr_tmp=res.con_day;
|
|
for(var i=0;i<arr_tmp.length;i++){
|
|
html1+='<option value="'+arr_tmp[i].val+'"';
|
|
if(res.s_day==arr_tmp[i].val)
|
|
html1+=' selected';
|
|
html1+='>'+arr_tmp[i].title+'</option>';
|
|
}
|
|
html1+='</select>';
|
|
$("#div_con_day").html(html1);
|
|
if(res.s_con_time=="hour")
|
|
$("#div_con_day").show();
|
|
//字段
|
|
var html1='';
|
|
var arr_tmp=res.con_zd;
|
|
var arr_s_zd=res.s_zd.split(",");
|
|
for(var i=0;i<arr_tmp.length;i++){
|
|
html1+='<input type="checkbox" name="zd_'+arr_tmp[i].val+'" title="'+arr_tmp[i].title+'"';
|
|
if($.inArray(arr_tmp[i].val,arr_s_zd)!=-1)
|
|
html1+=' checked';
|
|
html1+='>';
|
|
}
|
|
$("#div_con_zd").html(html1);
|
|
//款号
|
|
$("#s_no").val(res.s_no);
|
|
//渲染表单
|
|
form.render();
|
|
//-----------------------加载图表
|
|
var url1="chart.php?t="+res.chart_type+"&data_x="+res.chart_data_x+"&data_y="+res.chart_data_y+"&title="+res.chart_title;
|
|
$("#frame_chart").attr('src',url1);
|
|
//-----------------------加载表格数据
|
|
//表头
|
|
var html1="";
|
|
var arr_thead=res.thead;
|
|
for(var i=0;i<arr_thead.length;i++){
|
|
html1+='<tr>';
|
|
var arr_tr=arr_thead[i].tr;
|
|
for(var j=0;j<arr_tr.length;j++){
|
|
html1+='<th';
|
|
if(arr_tr[j].rowspan)
|
|
html1+=' rowspan="'+arr_tr[j].rowspan+'"';
|
|
if(arr_tr[j].colspan)
|
|
html1+=' colspan="'+arr_tr[j].colspan+'"';
|
|
if(arr_tr[j].width)
|
|
html1+=' width="'+arr_tr[j].width+'"';
|
|
if(arr_tr[j].align)
|
|
html1+=' align="'+arr_tr[j].align+'"';
|
|
html1+='>'+arr_tr[j].title+'</th>';
|
|
}
|
|
}
|
|
$("#layui_table_thead").html(html1);
|
|
//加载数据
|
|
var arr_data_head=[];
|
|
arr_data_head[0]="xh";
|
|
arr_data_head[1]="kh";
|
|
arr_data_head[2]="total_num";
|
|
var arr_sjd=res.chart_data_x.split(",");
|
|
var arr_s_zd=res.s_zd.split(",");
|
|
var k=3;
|
|
for(var i=0;i<arr_sjd.length;i++){
|
|
for(var j=0;j<arr_s_zd.length;j++){
|
|
arr_data_head[k]="num_"+i+"_"+j;
|
|
k++;
|
|
}
|
|
}
|
|
var html1="";
|
|
//alert(arr_data_head);
|
|
for(var i=0;i<res.data.length;i++){
|
|
if(res.data[i].xh=="合计"){
|
|
html1+='<tr><td colspan="2" align="right">合计</td>';
|
|
for(var j=2;j<arr_data_head.length;j++){
|
|
eval("var tmp=res.data["+i+"]."+arr_data_head[j]);
|
|
html1+='<td>'+tmp+'</td>';
|
|
}
|
|
html1+='</tr>';
|
|
}else{
|
|
html1+='<tr>';
|
|
for(var j=0;j<arr_data_head.length;j++){
|
|
eval("var tmp=res.data["+i+"]."+arr_data_head[j]);
|
|
var kh=res.data[i].kh;
|
|
var pic=res.data[i].pic;
|
|
var tb_data_y=res.data[i].tb_data_y;
|
|
if(arr_data_head[j]=="kh"){
|
|
html1+='<td onclick="show_kh_qs(\''+kh+'\',\''+pic+'\',\''+tb_data_y+'\')"><span style="cursor:pointer;color:#1E9FFF;font-weight:bold;">'+tmp+'</span></td>';
|
|
}else{
|
|
html1+='<td>'+tmp+'</td>';
|
|
}
|
|
}
|
|
html1+='</tr>';
|
|
}
|
|
}
|
|
$("#layui_table_tbody").html(html1);
|
|
//渲染表格
|
|
//table.init('layui_table');
|
|
//关闭loading
|
|
layer.close(index);
|
|
//
|
|
},
|
|
error: function () {
|
|
layui.layer.msg("与服务器通信失败！");
|
|
}
|
|
}
|
|
);
|
|
//alert(url);
|
|
//点击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;
|
|
});
|
|
//选择时间
|
|
form.on('select(s_con_time)', function(data){
|
|
var val1=data.value;
|
|
if(val1=="hour")
|
|
$("#div_con_day").show();
|
|
else
|
|
$("#div_con_day").hide();
|
|
});
|
|
//提交
|
|
/*
|
|
form.on("submit(form1_submit)",function(data){
|
|
//弹出loading
|
|
alert(JSON.stringify(data.field));
|
|
return false;
|
|
})
|
|
*/
|
|
})
|
|
</script>
|
|
</body>
|
|
</html> |