This repository has been archived on 2026-06-20. You can view files and clone it. You cannot open issues or pull requests or push a commit.
Files
wsh5485 7e47ce238b chore: 添加多个图片和资源文件
添加了管理后台所需的图片资源、Excel文件、安装程序以及设计相关的图片文件
2025-06-15 13:04:37 +08:00

518 lines
18 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="shortcut icon" type="image/x-icon" href="../favicon.ico" />
<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 style="width:100%;background-color:#fff;overflow:hidden;">
<div class="layui-fluid" style="padding:0;">
<div style="width:98%;margin:0 auto;" id="khxw"></div>
</div>
<script>
var is_mobile="n";
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=";
layer.open({
title:kh+'订单趋势',
type : 2,
area: ['500px','550px'],
offset: '100px',
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);
}
});
})
}
layui.config({
base: './layuiadmin/'
}).extend({
index: 'lib/index'
}).use(['index','form','table','user','rate','element'], function(){
var $ = layui.$
,setter = layui.setter
,admin = layui.admin
,form = layui.form;
var rate = layui.rate;
var element = layui.element;
if(admin.screen()<2){
is_mobile="y";
}else{
$("body").css("overflow","auto");
}
$(window).on('resize', function(){
//自动
if(admin.screen()<2)
is_mobile="y";
});
//取得url传递参数
var query_str=location.search.substring(1);
if(query_str)
query_str="&"+query_str;
//---------------------------------------------数据表格
var url='./?_m=xw'+query_str;
layer.load();
$.ajax(
{
url:url,
contentType: "application/json",
method: 'POST',
success: function (res) {
layer.closeAll('loading');
var res=$.parseJSON(res);
if(res.code==1){
//------------------系统错误
var msg=res.msg;
var url2="error.htm?msg="+res.msg+"&btn_title="+res.btn_title+"&btn_url="+res.btn_url;
window.parent.location.href=url2;
}else if(res.code==2){
//------------------重新登录
var url2="login.htm?error_msg="+res.msg;
window.parent.location.href=url2;
}
if(res.cate=="kh"){
tb_data_x=res.chart_data_x;
//款式行为分析
var arr_tmp=res.con_time;
var html1='';
html1+='<div class="layui-row" style="width:100%;float:left;height:50px;margin-top:10px;min-width:700px;"><form class="layui-form" id="form1_search" action="xw.htm"><input type="hidden" name="cate" value="kh"/>';
html1+='<div class="layui-input-inline" style="float:left;height:38px;"><span style="line-height:38px;">条件</span></div><div class="layui-input-inline" style="width:100px;float:left;"><select id="s_con_time" name="s_con_time" lay-filter="s_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>';
//天
html1+='<div class="layui-input-inline" style="float:left;height:38px;width:120px;display:none;" id="div_con_day"><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>';
//
var arr_tmp=res.con_zd;
var arr_s_zd=res.s_zd.split(",");
html1+='<div class="layui-input-inline" style="float:left;height:38px;line-height:38px;">&nbsp;&nbsp;&nbsp;&nbsp;';
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+='>';
}
html1+='</div>';
html1+='<div class="layui-input-inline" style="float:left;height:38px;line-height:38px;">';
html1+='<input type="text" id="s_no" name="s_no" placeholder="请输入款号" class="layui-input">';
html1+='</div>';
html1+='<div class="layui-input-inline" style="float:left;height:38px;line-height:38px;">&nbsp;&nbsp;<button id="form1_submit" class="layui-btn layui-btn-normal" lay-submit lay-filter="form1_submit"> 开始分析 </button></div>';
html1+='</form></div>';
html1+='<hr>';
html1+='<div class="layui-row" style="height:400px;width:100%;float:left;margin-top:10px;"><iframe id="frame_chart" src="" width="100%" style="height:400px;position:static;"></iframe></div>';
html1+='<div class="layui-row" style="width:100%;float:left;overflow-y:auto;" id="show_table_ty"><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>';
$("#khxw").html(html1);
$("#show_table_ty").css("height",$(document).height()-500);
//款号
$("#s_no").val(res.s_no);
if(res.s_con_time=="hour")
$("#div_con_day").show();
//加载图表
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);
form.render();
//选择时间
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){
if(data.field.s_con_time=="hour"){
if(data.field.s_day=="" || data.field.s_day==null || data.field.s_day==undefined){
layui.layer.alert("请选择日期");
return false;
}
}
return true;
})
}else if(res.cate=="client"){
tb_data_x=res.chart_data_x;
//款式行为分析
var arr_tmp=res.con_time;
var html1='';
html1+='<div class="layui-row" style="width:100%;float:left;height:50px;margin-top:10px;min-width:700px;"><form class="layui-form" id="form1_search" action="xw.htm"><input type="hidden" name="cate" value="client"/>';
html1+='<div class="layui-input-inline" style="float:left;height:38px;"><span style="line-height:38px;">条件</span></div><div class="layui-input-inline" style="width:100px;float:left;"><select id="s_con_time" name="s_con_time" lay-filter="s_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>';
//天
html1+='<div class="layui-input-inline" style="float:left;height:38px;width:120px;display:none;" id="div_con_day"><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>';
html1+='<div class="layui-input-inline" style="float:left;height:38px;line-height:38px;">';
html1+='<input type="text" id="s_username" name="s_username" placeholder="请输入客户代码" class="layui-input">';
html1+='</div>';
html1+='<div class="layui-input-inline" style="float:left;height:38px;line-height:38px;">&nbsp;&nbsp;<button id="form1_submit" class="layui-btn layui-btn-normal" lay-submit lay-filter="form1_submit"> 开始分析 </button></div>';
html1+='</form></div>';
html1+='<hr>';
html1+='<div class="layui-row" style="height:400px;width:100%;float:left;margin-top:10px;"><iframe id="frame_chart" src="" width="100%" style="height:400px;position:static;"></iframe></div>';
html1+='<div class="layui-row" style="width:100%;float:left;overflow-y:auto;" id="show_table_ty"><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>';
$("#khxw").html(html1);
$("#show_table_ty").css("height",$(document).height()-500);
//加载图表
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);
//款号
$("#s_username").val(res.s_username);
if(res.s_con_time=="hour")
$("#div_con_day").show();
//-----------------------加载表格数据
//表头
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]="title";
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 title=res.data[i].title;
var tb_data_y=res.data[i].tb_data_y;
if(arr_data_head[j]=="title"){
html1+='<td onclick="show_kh_qs(\''+title+'\',\'\',\''+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);
form.render();
//选择时间
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){
if(data.field.s_con_time=="hour"){
if(data.field.s_day=="" || data.field.s_day==null || data.field.s_day==undefined){
layui.layer.alert("请选择日期");
return false;
}
}
return true;
})
}else if(res.cate=="ms"){
tb_data_x=res.chart_data_x;
//款式行为分析
var arr_tmp=res.con_time;
var html1='';
html1+='<div class="layui-row" style="width:100%;float:left;height:50px;margin-top:10px;min-width:700px;"><form class="layui-form" id="form1_search" action="xw.htm"><input type="hidden" name="cate" value="ms"/>';
html1+='<div class="layui-input-inline" style="float:left;height:38px;"><span style="line-height:38px;">条件</span></div><div class="layui-input-inline" style="width:100px;float:left;"><select id="s_con_time" name="s_con_time" lay-filter="s_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>';
//天
html1+='<div class="layui-input-inline" style="float:left;height:38px;width:120px;display:none;" id="div_con_day"><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>';
//
var arr_tmp=res.con_zd;
var arr_s_zd=res.s_zd.split(",");
html1+='<div class="layui-input-inline" style="float:left;height:38px;line-height:38px;">&nbsp;&nbsp;&nbsp;&nbsp;';
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+='>';
}
html1+='</div>';
html1+='<div class="layui-input-inline" style="float:left;height:38px;line-height:38px;">&nbsp;&nbsp;<button id="form1_submit" class="layui-btn layui-btn-normal" lay-submit lay-filter="form1_submit"> 开始分析 </button></div>';
html1+='</form></div>';
html1+='<hr>';
html1+='<div class="layui-row" style="height:400px;width:100%;float:left;margin-top:10px;"><iframe id="frame_chart" src="" width="100%" style="height:400px;position:static;"></iframe></div>';
html1+='<div class="layui-row" style="width:100%;float:left;overflow-y:auto;" id="show_table_ty"><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>';
$("#khxw").html(html1);
$("#show_table_ty").css("height",$(document).height()-500);
if(res.s_con_time=="hour")
$("#div_con_day").show();
//加载图表
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]="ms";
var arr_sjd=res.chart_data_x.split(",");
var arr_s_zd=res.s_zd.split(",");
var k=1;
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].ms=="合计"){
html1+='<tr><tdalign="right">合计</td>';
for(var j=0;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 ms=res.data[i].ms;
var tb_data_y=res.data[i].tb_data_y;
if(arr_data_head[j]=="ms"){
html1+='<td onclick="show_kh_qs(\''+ms+'\',\'\',\''+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);
form.render();
//选择时间
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){
if(data.field.s_con_time=="hour"){
if(data.field.s_day=="" || data.field.s_day==null || data.field.s_day==undefined){
layui.layer.alert("请选择日期");
return false;
}
}
return true;
})
}else{
var html1="";
$("#khxw").html(html1);
}
},
error: function () {
layui.layer.msg("与服务器通信失败!");
layer.closeAll('loading');
}
});
});
</script>
</body>
</html>