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