97 lines
2.7 KiB
HTML
97 lines
2.7 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>
|
|
<input type="hidden" id="id" name="id" value=0>
|
|
<input type="hidden" id="s_id" name="s_id" value="">
|
|
<body class="childrenBody">
|
|
<form>
|
|
<div style="margin:0 auto;width:200px;height:130px;line-height:130px;" id="pic">
|
|
</div>
|
|
<br><br><br><br>
|
|
<div class="layui-tab" lay-filter="tab1">
|
|
<div class="layui-inline layui-tab-brief"><ul class="layui-tab-title"></ul></div>
|
|
<div class="layui-tab-content">
|
|
<div class="layui-tab-item layui-show">
|
|
<div class="anniu"></div><div class="anniu2"></div>
|
|
<div style="width:100%;"><table id="layui_table" lay-filter="layui_table"></table></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
<script>
|
|
layui.use(['form','layer','laydate','table','laytpl','element',],function(){
|
|
var form = layui.form,
|
|
layer = parent.layer === undefined ? layui.layer : top.layer,
|
|
laydate = layui.laydate,
|
|
$ = layui.jquery;
|
|
laydate = layui.laydate,
|
|
laytpl = layui.laytpl,
|
|
table = layui.table;
|
|
var element = layui.element;
|
|
//
|
|
var id=$("#id").val();
|
|
var url="./?_m=kh_ka&_a=view_order&id="+id;
|
|
var this_tab_no="";
|
|
var this_tab_title="";
|
|
var arr_tab="";
|
|
var arr_tab=["客户","代理","区域","明细"];
|
|
var s_group_by=["4","3","9","1"];
|
|
//alert(url);
|
|
|
|
$.ajax(
|
|
{
|
|
url:url,
|
|
contentType: "application/json",
|
|
method: 'POST',
|
|
success: function (res) {
|
|
var json_data=$.parseJSON(res);
|
|
var html="";
|
|
html='<img src="'+json_data.pic_src+'" width="'+json_data.pic_w+'" height="'+json_data.pic_h+'" border=1><p align="center">'+json_data.xhno+'</p>';
|
|
var html1="";
|
|
for(var i=0;i<arr_tab.length;i++){
|
|
html1+='<li';
|
|
if(arr_tab[i]==res.s_cate){
|
|
html1+=' class="layui-this"';
|
|
this_tab_title=arr_tab[i];
|
|
}
|
|
html1+='>'+arr_tab[i]+'</li>';
|
|
|
|
}
|
|
$(".layui-tab-title").html(html1);
|
|
$("#pic").html(html);
|
|
form.render();
|
|
},
|
|
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]==this_tab_title){
|
|
this_tab_no=s_group_by[i];
|
|
}
|
|
}
|
|
var url='./?_m=kh_ka&_a=view_order&s_group_by='+this_tab_no;
|
|
alert(url);
|
|
});
|
|
|
|
})
|
|
</script>
|
|
</body>
|
|
</html> |