6 changed files with 606 additions and 153 deletions
@ -0,0 +1,133 @@ |
|||
|
|||
<!DOCTYPE html> |
|||
<html> |
|||
<head> |
|||
<meta charset="UTF-8"> |
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> |
|||
<link href="/images/pdd_icon.png" rel="icon"> |
|||
<title>首页</title> |
|||
<link rel="stylesheet" href="/css/layui.css"/> |
|||
<link rel="stylesheet" href="/css/admin_style.css"/> |
|||
<link rel="stylesheet" href="/css/common.css"/> |
|||
<script type="text/javascript" src="/js/jquery-1.8.1.min.js"></script> |
|||
<!--[if lt IE 9]> |
|||
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script> |
|||
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> |
|||
<![endif]--> |
|||
{literal} |
|||
<style> |
|||
</style> |
|||
{/literal} |
|||
</head> |
|||
<body> |
|||
<div class="layui-layout layui-layout-admin admin-container-outer deliver_remind_table"> |
|||
{include file="include/admin_header.html"} |
|||
{include file="include/admin_leftmenu.html"} |
|||
<div class="layui-body admin-layui-body layui-anim layui-anim-fadein"> |
|||
<div class="layui-row"> |
|||
<div class="layui-col-md12 deliver-remind-body-right admin-table-body"> |
|||
<div class="admin-table-list-header"> |
|||
<div><span>订单列表/</span></div> |
|||
<div><span>订单列表</span></div> |
|||
<div><span>导出列表</span></div> |
|||
</div> |
|||
<table class="layui-hide" id="deliver_remind_list" lay-filter="deliver-remind-table"></table> |
|||
</div> |
|||
</div> |
|||
|
|||
</div> |
|||
</div> |
|||
<script src="/js/layui.js"></script> |
|||
<script src="/js/clipboard.min.js"></script> |
|||
{literal} |
|||
<script> |
|||
layui.use(['element', 'layer', 'util', 'table'], function(){ |
|||
var element = layui.element |
|||
,layer = layui.layer |
|||
,util = layui.util |
|||
,table = layui.table |
|||
,$ = layui.$; |
|||
|
|||
util.event('lay-header-event', { |
|||
menuLeft: function(othis){ |
|||
layer.msg('展开左侧菜单的操作', {icon: 0}); |
|||
} |
|||
,menuRight: function(){ |
|||
layer.open({ |
|||
type: 1 |
|||
,title: '更多' |
|||
,content: '<div style="padding: 15px;">处理右侧面板的操作</div>' |
|||
,area: ['260px', '100%'] |
|||
,offset: 'rt' |
|||
,anim: 5 |
|||
,shadeClose: true |
|||
,scrollbar: false |
|||
}); |
|||
} |
|||
}); |
|||
|
|||
var showTips = null; |
|||
table.render({ |
|||
elem: '#deliver_remind_list' |
|||
,url:'/tpl/ajax_get_order_list' |
|||
,toolbar: false |
|||
,title: '用户数据表' |
|||
,totalRow: false |
|||
,className:'deliver_remind_list_table_class' |
|||
,cols: [[ |
|||
{field:'goods_name', title:'商品名称'} |
|||
,{field:'tid', title:'订单号' |
|||
,templet: function(d){ |
|||
return '<span data-clipboard-text="'+d.tid+'" title="点击复制" class="admin-table-td-outter admin-table-td-outter-'+d.tid+'">'+ d.tid +' <span class="icon-uniE90E admin-table-td-outter-font admin-table-td-outter-font-'+d.tid+'"></span></span>'; |
|||
}} |
|||
,{field:'count_down', title:'售后时间' |
|||
,templet: function(d){ |
|||
return '<span>'+d.sale_date+'</span>'; |
|||
}} |
|||
,{field:'income', title:'收入(元)'} |
|||
,{field:'order_status', title:'订单状态' |
|||
,templet: function(d){ |
|||
if(d.order_status == 1) return '<span class="list_status_grey01">已签收</span>'; |
|||
return '<span class="list_status_yellow01">待签收</span>'; |
|||
}} |
|||
,{field:'sale_status', title:'售后状态' |
|||
,templet: function(d){ |
|||
if(d.sale_status == 1) return '<span class="list_status_red01">退款中</span>'; |
|||
if(d.sale_status == 2) return '<span class="list_status_green01">退款成功</span>'; |
|||
return '<span class="list_status_grey02">无售后</span>'; |
|||
}} |
|||
]] |
|||
,page: true |
|||
,response: { |
|||
statusCode: 200 //重新规定成功的状态码为 200，table 组件默认为 0 |
|||
} |
|||
,parseData: function(res){ //将原始数据解析成 table 组件所规定的数据 |
|||
return { |
|||
"code": 200, //解析接口状态 |
|||
"msg": res.info, //解析提示文本 |
|||
"count": res.data.total, //解析数据长度 |
|||
"data": res.data.data //解析数据列表 |
|||
}; |
|||
}, |
|||
done: function(res, curr, count){ |
|||
var data = res.data; |
|||
for(var i=0; i<data.length; i++){ |
|||
|
|||
var tid = data[i].tid; |
|||
var clipboard = new ClipboardJS('.admin-table-td-outter-'+tid); |
|||
clipboard.on('success', function(e) { |
|||
layer.msg('复制成功', {time:1500}); |
|||
clipboard.destroy(); |
|||
e.clearSelection(); |
|||
}); |
|||
} |
|||
} |
|||
}); |
|||
}); |
|||
|
|||
|
|||
</script> |
|||
{/literal} |
|||
</body> |
|||
</html> |
|||
@ -0,0 +1,141 @@ |
|||
|
|||
<!DOCTYPE html> |
|||
<html> |
|||
<head> |
|||
<meta charset="UTF-8"> |
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> |
|||
<link href="/images/pdd_icon.png" rel="icon"> |
|||
<title>首页</title> |
|||
<link rel="stylesheet" href="/css/layui.css"/> |
|||
<link rel="stylesheet" href="/css/admin_style.css"/> |
|||
<link rel="stylesheet" href="/css/common.css"/> |
|||
<script type="text/javascript" src="/js/jquery-1.8.1.min.js"></script> |
|||
<!--[if lt IE 9]> |
|||
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script> |
|||
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> |
|||
<![endif]--> |
|||
{literal} |
|||
<style> |
|||
</style> |
|||
{/literal} |
|||
</head> |
|||
<body> |
|||
<div class="layui-layout layui-layout-admin admin-container-outer deliver_remind_table"> |
|||
{include file="include/admin_header.html"} |
|||
{include file="include/admin_leftmenu.html"} |
|||
<div class="layui-body admin-layui-body layui-anim layui-anim-fadein"> |
|||
<div class="layui-row"> |
|||
<div class="layui-col-md12 deliver-remind-body-right admin-table-body"> |
|||
<div class="admin-table-list-header"> |
|||
<div><span>售后监控/</span></div> |
|||
<div><span>售后列表</span></div> |
|||
<div><span>导出列表</span></div> |
|||
</div> |
|||
<table class="layui-hide" id="deliver_remind_list" lay-filter="deliver-remind-table"></table> |
|||
</div> |
|||
</div> |
|||
|
|||
</div> |
|||
</div> |
|||
<script src="/js/layui.js"></script> |
|||
<script src="/js/clipboard.min.js"></script> |
|||
{literal} |
|||
<script> |
|||
layui.use(['element', 'layer', 'util', 'table'], function(){ |
|||
var element = layui.element |
|||
,layer = layui.layer |
|||
,util = layui.util |
|||
,table = layui.table |
|||
,$ = layui.$; |
|||
|
|||
util.event('lay-header-event', { |
|||
menuLeft: function(othis){ |
|||
layer.msg('展开左侧菜单的操作', {icon: 0}); |
|||
} |
|||
,menuRight: function(){ |
|||
layer.open({ |
|||
type: 1 |
|||
,title: '更多' |
|||
,content: '<div style="padding: 15px;">处理右侧面板的操作</div>' |
|||
,area: ['260px', '100%'] |
|||
,offset: 'rt' |
|||
,anim: 5 |
|||
,shadeClose: true |
|||
,scrollbar: false |
|||
}); |
|||
} |
|||
}); |
|||
|
|||
var showTips = null; |
|||
table.render({ |
|||
elem: '#deliver_remind_list' |
|||
,url:'/tpl/ajax_sale_monitor_list' |
|||
,toolbar: false |
|||
,title: '用户数据表' |
|||
,totalRow: false |
|||
,className:'deliver_remind_list_table_class' |
|||
,cols: [[ |
|||
{field:'goods_name', title:'商品名称'} |
|||
,{field:'tid', title:'订单号' |
|||
,templet: function(d){ |
|||
return '<span data-clipboard-text="'+d.tid+'" title="点击复制" class="admin-table-td-outter admin-table-td-outter-'+d.tid+'">'+ d.tid +' <span class="icon-uniE90E admin-table-td-outter-font admin-table-td-outter-font-'+d.tid+'"></span></span>'; |
|||
}} |
|||
,{field:'count_down', title:'售后时间' |
|||
,templet: function(d){ |
|||
return '<span>'+d.sale_date+'</span>'; |
|||
}} |
|||
,{field:'income', title:'收入(元)'} |
|||
,{field:'order_status', title:'订单状态' |
|||
,templet: function(d){ |
|||
if(d.order_status == 1) return '<span class="list_status_grey01">待发货</span>'; |
|||
if(d.order_status == 2) return '<span class="list_status_yellow01">已签收</span>'; |
|||
return '<span class="list_status_red01">待签收</span>'; |
|||
}} |
|||
,{field:'status', title:'状态' |
|||
,templet: function(d){ |
|||
if(d.status == 1) return '<span class="list_status_grey02">退款中</span>'; |
|||
if(d.status == 2) return '<span class="list_status_grey02">补寄中</span>'; |
|||
if(d.status == 3) return '<span class="list_status_grey02">待补寄</span>'; |
|||
if(d.status == 4) return '<span class="list_status_grey02">待签收</span>'; |
|||
if(d.status == 5) return '<span class="list_status_grey02">平台…</span>'; |
|||
return '<span class="list_status_yellow01">待处理</span>'; |
|||
}} |
|||
,{field:'option', title:'操作' |
|||
,templet: function(d){ |
|||
return '<span style="color:rgba(61, 127, 255, 1);font-size: 14px;cursor: pointer;">处理</span>'; |
|||
}} |
|||
]] |
|||
,page: true |
|||
,response: { |
|||
statusCode: 200 //重新规定成功的状态码为 200，table 组件默认为 0 |
|||
} |
|||
,parseData: function(res){ //将原始数据解析成 table 组件所规定的数据 |
|||
return { |
|||
"code": 200, //解析接口状态 |
|||
"msg": res.info, //解析提示文本 |
|||
"count": res.data.total, //解析数据长度 |
|||
"data": res.data.data //解析数据列表 |
|||
}; |
|||
}, |
|||
done: function(res, curr, count){ |
|||
var data = res.data; |
|||
for(var i=0; i<data.length; i++){ |
|||
|
|||
var tid = data[i].tid; |
|||
var clipboard = new ClipboardJS('.admin-table-td-outter-'+tid); |
|||
clipboard.on('success', function(e) { |
|||
layer.msg('复制成功', {time:1500}); |
|||
clipboard.destroy(); |
|||
e.clearSelection(); |
|||
}); |
|||
} |
|||
} |
|||
}); |
|||
}); |
|||
|
|||
|
|||
</script> |
|||
{/literal} |
|||
</body> |
|||
</html> |
|||
Loading…
Reference in new issue