517 lines
16 KiB
HTML
517 lines
16 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>
|
|
<style>
|
|
.yph{
|
|
width:40px;
|
|
height:40px;
|
|
line-height:40px;
|
|
background:#666;
|
|
text-align:center;
|
|
border-radius:25px;
|
|
-moz-border-radius:25px;
|
|
-webkit-border-radius:25px;
|
|
color:#ffffff;
|
|
font-weight:bold;
|
|
}
|
|
#table_liu thead,#table_liu tbody tr {
|
|
display: table;
|
|
width: 100%;
|
|
table-layout: fixed;
|
|
}
|
|
|
|
#table_liu {
|
|
/*设置相邻单元格的边框间的距离*/
|
|
border-spacing: 0;
|
|
/*表格设置合并边框模型*/
|
|
border-collapse: collapse;
|
|
text-align: center;
|
|
}
|
|
|
|
</style>
|
|
</head>
|
|
<body style="width:100%;background-color:#fff;overflow:hidden;">
|
|
|
|
<div class="layui-fluid" style="padding:0;min-height:500px;background-color:#fff;">
|
|
<div class="layui-row layui-col-space10" id="edt_msg_content">
|
|
|
|
|
|
<div class="layui-tab" lay-filter="tab1">
|
|
<div>
|
|
<ul class="layui-tab-title">
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="layui-tab-content">
|
|
<div class="layui-tab-item layui-show">
|
|
<div id="detail_show">
|
|
|
|
</div>
|
|
<div style="width:100%;" id="show_table" >
|
|
<table lay-filter="layui_table" cellspacing="0" cellpadding="0" border="0" class="layui-table" id="table_liu">
|
|
<thead id="table_thead_liu">
|
|
</thead>
|
|
<tbody id="table_tbody_liu" style="width:100%;display: block;overflow-y:auto;-webkit-overflow-scrolling:touch;">
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<div class="layui-row" id="showtb">
|
|
</div>
|
|
<div class="layui-row" id="showtb2">
|
|
<!-- 表格 -->
|
|
<div id="qs_table" style="width:100%;overflow-y:auto">
|
|
<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>
|
|
</div>
|
|
<script>
|
|
var is_mobile="n";
|
|
var this_tab_no="";
|
|
var this_tab_title="";
|
|
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', 'user','rate','element','flow'], function(){
|
|
var $ = layui.$
|
|
,setter = layui.setter
|
|
,admin = layui.admin
|
|
,form = layui.form;
|
|
var rate = layui.rate;
|
|
var element = layui.element;
|
|
var flow = layui.flow;
|
|
var arr_tab=[];
|
|
var url="./?_m=sjs";
|
|
$("#table_tbody_liu").css("height",$(document).height()-200);
|
|
$("#layui_table").remove();
|
|
$.ajax(
|
|
{
|
|
url:url,
|
|
contentType: "application/json",
|
|
method: 'POST',
|
|
success: function (res) {
|
|
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;
|
|
}
|
|
|
|
this_tab_no=res.s_a;
|
|
//加载tab
|
|
arr_tab=res.tab;
|
|
var html1="";
|
|
for(var i=0;i<arr_tab.length;i++){
|
|
html1+='<li';
|
|
if(arr_tab[i]._a==res.s_a){
|
|
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');
|
|
//默认
|
|
if(res.s_a=="ph"){
|
|
var html1="";
|
|
html1+='<div style="margin-top:5px;"><form class="layui-form" id="form1_search">';
|
|
html1+='<div class="layui-input-inline" style="width:100px;"><input id="s_no" name="s_no" type="text" class="layui-input searchVal" placeholder="" value="'+res.s_no+'" /></div> ';
|
|
html1+='<div class="layui-input-inline" style="width:80px;"><select name="s_ms" lay-filter="changeone">';
|
|
var op=res.select_ms.op;
|
|
for(var j=0;j<op.length;j++){
|
|
html1+='<option value="'+op[j].no+'"';
|
|
if(op[j].no==res.select_ms.value)
|
|
html1+='selected';
|
|
html1+='>'+op[j].title+'</option>';
|
|
}
|
|
html1+='</select></div>';
|
|
//自定义选项
|
|
for(var i=0;i<res.select_dz.length;i++){
|
|
html1+='<div class="layui-inline" style="width:100px;"><select lay-filter="changeone" name="s_'+res.select_dz[i].no+'"><option value="">-'+res.select_dz[i].title+'-</option>';
|
|
var op=res.select_dz[i].op;
|
|
for(var j=0;j<op.length;j++){
|
|
html1+='<option value="'+op[j].no+'"';
|
|
if(op[j].no==res.select_dz[i].value)
|
|
html1+='selected';
|
|
html1+='>'+op[j].title+'</option>';
|
|
}
|
|
html1+='</select></div>';
|
|
}
|
|
|
|
html1+='<div class="layui-input-inline" style="width:120px;"><select name="s_order" lay-filter="changeone">';
|
|
var op=res.select_order.op;
|
|
for(var j=0;j<op.length;j++){
|
|
html1+='<option value="'+op[j].no+'"';
|
|
if(op[j].no==res.select_order.value)
|
|
html1+='selected';
|
|
html1+='>'+op[j].title+'</option>';
|
|
}
|
|
html1+='</select></div>';
|
|
html1+='</form></div>';
|
|
$("#detail_show").html(html1);
|
|
|
|
_ajax2(url);
|
|
var html1="";
|
|
$("#showtb").html(html1);
|
|
$("#layui_table_thead").html(html1);
|
|
$("#layui_table_tbody").html(html1);
|
|
form.render();
|
|
|
|
$("#s_no").change(function(){
|
|
var dd = "";
|
|
var tt = $('form').serializeArray();
|
|
$.each(tt, function() {
|
|
if(this.name!="s_zd"){
|
|
dd+="&"+this.name+"="+this.value;
|
|
}
|
|
});
|
|
var url1='./?_m=sjs&_a=ph'+dd;
|
|
_ajax(url1,"ph");
|
|
});
|
|
|
|
form.on('select(changeone)', function(data){
|
|
var dd = "";
|
|
var tt = $('form').serializeArray();
|
|
$.each(tt, function() {
|
|
if(this.name!="s_zd"){
|
|
dd+="&"+this.name+"="+this.value;
|
|
}
|
|
});
|
|
var url1='./?_m=sjs&_a=ph'+dd;
|
|
_ajax(url1,"ph");
|
|
});
|
|
}
|
|
},
|
|
error: function () {
|
|
layui.layer.msg("与服务器通信失败！");
|
|
}
|
|
});
|
|
|
|
function _ajax2(url1){
|
|
|
|
$("#table_tbody_liu").remove();
|
|
$("#table_liu").append('<tbody id="table_tbody_liu" style="width:100%;display: block;overflow-y:auto;-webkit-overflow-scrolling:touch;"></tbody>');
|
|
$("#table_tbody_liu").css("height",$(document).height()-200);
|
|
flow.load({
|
|
elem: '#table_tbody_liu' //流加载容器
|
|
,scrollElem:'#table_tbody_liu'
|
|
,mb:20
|
|
,done: function(page, next){ //执行下一页的回调
|
|
var lis = [];
|
|
|
|
$.get(url1+'&page='+page, function(res){
|
|
var res=$.parseJSON(res);
|
|
|
|
var html1='';
|
|
html1+='<tr>';
|
|
for(var i=0;i<res.thead_str.length;i++){
|
|
if(res.thead_str[i].zd=="pic"){
|
|
html1+="<th style=\"width:120px;\" lay-data=\"{field:'"+res.thead_str[i].zd+"'}\">"+res.thead_str[i].title+"</th>";
|
|
}else if(res.thead_str[i].zd=="kh"){
|
|
html1+="<th style=\"width:100px;\" lay-data=\"{field:'"+res.thead_str[i].zd+"'}\">"+res.thead_str[i].title+"</th>";
|
|
}else{
|
|
html1+="<th lay-data=\"{field:'"+res.thead_str[i].zd+"'}\">"+res.thead_str[i].title+"</th>";
|
|
}
|
|
|
|
}
|
|
html1+='</tr>';
|
|
$("#table_thead_liu").html(html1);
|
|
|
|
for(var i=0;i<res.tbody_str.length;i++){
|
|
var html1='';
|
|
html1+='<tr>';
|
|
for(var j=0;j<res.thead_str.length;j++){
|
|
var getzd=res.thead_str[j].zd;
|
|
if(getzd=="kh"){
|
|
html1+="<td style=\"width:100px;\">"+res.tbody_str[i][getzd]+"<div class='yph'>"+res.tbody_str[i]["yph"]+"</div></td>";
|
|
}else if(getzd=="pic"){
|
|
html1+='<td style="width:120px;"><img src="'+res.tbody_str[i].pic_src+'" width="'+res.tbody_str[i].pic_w+'" height="'+res.tbody_str[i].pic_h+'" border=0></td>';
|
|
}else{
|
|
html1+="<td>"+res.tbody_str[i][getzd]+"</td>";
|
|
}
|
|
}
|
|
html1+="</tr>";
|
|
lis.push(html1);
|
|
|
|
}
|
|
//执行下一页渲染，第二参数为：满足“加载更多”的条件，即后面仍有分页
|
|
//pages为Ajax返回的总页数，只有当前页小于总页数的情况下，才会继续出现加载更多
|
|
next(lis.join(''), page < res.pages);
|
|
});
|
|
}
|
|
});
|
|
}
|
|
|
|
if(admin.screen()<2){
|
|
is_mobile="y";
|
|
}else{
|
|
$("body").css("overflow","auto");
|
|
}
|
|
$(window).on('resize', function(){
|
|
//自动
|
|
if(admin.screen()<2)
|
|
is_mobile="y";
|
|
});
|
|
|
|
//点击tab
|
|
element.on('tab(tab1)', function(data){
|
|
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]._a;
|
|
}
|
|
}
|
|
if(this_tab_no=="ks_qs"){
|
|
$("#layui_table").remove();
|
|
$("#qs_table").append('<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>');
|
|
$("#qs_table").css("height",$(document).height()-350);
|
|
}else{
|
|
$("#layui_table").remove();
|
|
$("#qs_table").css("height","0");
|
|
}
|
|
var url='./?_m=sjs&_a='+this_tab_no;
|
|
_ajax(url,this_tab_no);
|
|
});
|
|
|
|
function _ajax(a_url,a_tab){
|
|
layer.load();
|
|
$.ajax({
|
|
url:a_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(a_tab=="ph"){
|
|
var html1="";
|
|
html1+='<div style="margin-top:5px;"><form class="layui-form" id="form1_search">';
|
|
html1+='<div class="layui-input-inline" style="width:100px;"><input id="s_no" name="s_no" type="text" class="layui-input searchVal" placeholder="" value="'+res.s_no+'" /></div> ';
|
|
html1+='<div class="layui-input-inline" style="width:80px;"><select name="s_ms" lay-filter="changeone">';
|
|
var op=res.select_ms.op;
|
|
for(var j=0;j<op.length;j++){
|
|
html1+='<option value="'+op[j].no+'"';
|
|
if(op[j].no==res.select_ms.value)
|
|
html1+='selected';
|
|
html1+='>'+op[j].title+'</option>';
|
|
}
|
|
html1+='</select></div>';
|
|
//自定义选项
|
|
for(var i=0;i<res.select_dz.length;i++){
|
|
html1+='<div class="layui-inline" style="width:100px;"><select lay-filter="changeone" name="s_'+res.select_dz[i].no+'"><option value="">-'+res.select_dz[i].title+'-</option>';
|
|
var op=res.select_dz[i].op;
|
|
for(var j=0;j<op.length;j++){
|
|
html1+='<option value="'+op[j].no+'"';
|
|
if(op[j].no==res.select_dz[i].value)
|
|
html1+='selected';
|
|
html1+='>'+op[j].title+'</option>';
|
|
}
|
|
html1+='</select></div>';
|
|
}
|
|
|
|
html1+='<div class="layui-input-inline" style="width:120px;"><select name="s_order" lay-filter="changeone">';
|
|
var op=res.select_order.op;
|
|
for(var j=0;j<op.length;j++){
|
|
html1+='<option value="'+op[j].no+'"';
|
|
if(op[j].no==res.select_order.value)
|
|
html1+='selected';
|
|
html1+='>'+op[j].title+'</option>';
|
|
}
|
|
html1+='</select></div>';
|
|
html1+='</form></div>';
|
|
$("#detail_show").html(html1);
|
|
|
|
_ajax2(a_url);
|
|
var html1="";
|
|
$("#showtb").html(html1);
|
|
$("#layui_table_thead").html(html1);
|
|
$("#layui_table_tbody").html(html1);
|
|
form.render();
|
|
|
|
$("#s_no").change(function(){
|
|
var dd = "";
|
|
var tt = $('form').serializeArray();
|
|
$.each(tt, function() {
|
|
if(this.name!="s_zd"){
|
|
dd+="&"+this.name+"="+this.value;
|
|
}
|
|
});
|
|
var url1='./?_m=sjs&_a='+a_tab+dd;
|
|
_ajax(url1,a_tab);
|
|
});
|
|
|
|
form.on('select(changeone)', function(data){
|
|
var dd = "";
|
|
var tt = $('form').serializeArray();
|
|
$.each(tt, function() {
|
|
if(this.name!="s_zd"){
|
|
dd+="&"+this.name+"="+this.value;
|
|
}
|
|
});
|
|
var url1='./?_m=sjs&_a='+a_tab+dd;
|
|
_ajax(url1,a_tab);
|
|
});
|
|
}else if(a_tab=="ks_qs"){
|
|
tb_data_x=res.chart_data_x;
|
|
var html1="";
|
|
html1+='<div class="layui-row" style="height:250px;"><iframe id="frame_chart" src="" width="100%" style="height:250px;"></iframe></div>';
|
|
|
|
$("#showtb").html(html1);
|
|
//加载图表
|
|
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);
|
|
var html1="";
|
|
$("#detail_show").html(html1);
|
|
$("#table_tbody_liu").html(html1);
|
|
$("#table_thead_liu").html(html1);
|
|
$("#table_tbody_liu").remove();
|
|
}else{
|
|
var html1="";
|
|
html1+="访问错误!";
|
|
$("#detail_show").html(html1);
|
|
var html1="";
|
|
$("#showtb").html(html1);
|
|
$("#layui_table_thead").html(html1);
|
|
$("#layui_table_tbody").html(html1);
|
|
$("#table_tbody_liu").remove();
|
|
|
|
}
|
|
},
|
|
error: function () {
|
|
layui.layer.msg("与服务器通信失败！");
|
|
layer.closeAll('loading');
|
|
}
|
|
});
|
|
|
|
}
|
|
});
|
|
</script>
|
|
</body>
|
|
</html> |