订单处理
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

198 lines
6.9 KiB

3 years ago
<!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">
3 years ago
<title>发货提醒</title>
3 years ago
<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-lg12 deliver-remind-body-right admin-table-body">
3 years ago
<div class="admin-table-list-header">
<div><span>发货提醒/</span></div>
<div><span>发货列表</span></div>
3 years ago
<div><a href="/index/export_wait_deliver_goods_tids"><span>导出列表</span></a></div>
3 years ago
</div>
<table class="layui-hide" id="deliver_remind_list" lay-filter="deliver-remind-table"></table>
<div class="admin-blank-table">
<img src="/images/blank_table.png" alt="">
<p>暂无数据</p>
</div>
3 years ago
</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){
var btn = $("#leftEnumIcon");
if (btn.hasClass('layui-icon-spread-left')) {
menuShow(btn);
} else if (btn.has('layui-icon-shrink-right')) {
menuHide(btn);
}
function menuShow(btn) {
btn.removeClass('layui-icon-spread-left').addClass('layui-icon-shrink-right');
$('.layui-layout-admin').find('.layui-side').animate({left: '0'});
btn.parent().next().css('opacity', 1);
}
function menuHide(btn) {
btn.removeClass('layui-icon-shrink-right').addClass('layui-icon-spread-left');
$('.layui-layout-admin').find('.layui-side').animate({left: '-300'});
btn.parent().next().css('opacity', 0);
}
3 years ago
}
,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'
3 years ago
,url:'/index/ajax_get_wait_deliver_list'
3 years ago
,toolbar: false
,title: '用户数据表'
,totalRow: false
,className:'deliver_remind_list_table_class'
,limit:20
3 years ago
,cols: [[
3 years ago
{field:'goods_name', title:'商品名称',
templet: function(d){
return '<a href="https://mobile.yangkeduo.com/goods.html?goods_id='+d.goods_id+'&sku_id='+d.sku_id+'" target="_blank">'+d.goods_name+'</a>';
}}
,{field:'order_sn', title:'订单号'
3 years ago
,templet: function(d){
3 years ago
return '<span data-clipboard-text="'+d.order_sn+'" title="点击复制" class="admin-table-td-outter admin-table-td-outter-'+d.order_sn+'">'+ d.order_sn +'&nbsp;<span class="icon-uniE90E admin-table-td-outter-font admin-table-td-outter-font-'+d.order_sn+'"></span></span>';
3 years ago
}}
3 years ago
,{field:'pay_time', title:'销售时间/倒计时'
3 years ago
,templet: function(d){
3 years ago
if(d.is_show_count_down == true) return '<label id="count_down_wait_'+d.order_sn+'" content="'+d.pay_time+'" class="count_down_wait">倒计时:'+d.count_down+'</label>';
3 years ago
return '<span>'+d.pay_time+'</span>';
3 years ago
}}
3 years ago
,{field:'pay_amount', title:'支付金额(元)'}
3 years ago
,{field:'status', title:'顾客催发'
,templet: function(d){
3 years ago
if(d.is_urge) return '<span class="remained_status" content="'+d.urge_shipping_time+'" id="remind_time_'+d.order_sn+'"><span class="icon--3"></span>&nbsp;已催</span>';
3 years ago
return '<span class="icon--"></span>&nbsp;<span class="remained_status_wait">未催</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;
try {
if(data == undefined || data.length<=0){
$('.deliver_remind_list_table_class').hide();
$('.admin-blank-table').show();
}else{
$('.deliver_remind_list_table_class').show();
$('.admin-blank-table').hide();
}
} catch (error) {
$('.deliver_remind_list_table_class').hide();
$('.admin-blank-table').show();
}
3 years ago
for(var i=0; i<data.length; i++){
var tid = data[i].order_sn;
3 years ago
var clipboard = new ClipboardJS('.admin-table-td-outter-'+tid);
clipboard.on('success', function(e) {
layer.msg('复制成功', {time:1500});
clipboard.destroy();
e.clearSelection();
});
3 years ago
if(data[i].is_show_count_down == true){
$('#count_down_wait_'+data[i].order_sn).hover(function(){
3 years ago
var hid = $(this).attr('id');
var hcontent = $(this).attr('content');
showTips = layer.tips('销售时间<br>'+hcontent, '#'+hid, {
area: ['131px', '42px'],
tips:[3,'#FAF8EB'],//显示方向以及背景颜色(1.上 2右 3下 4左)
time:3000,//4秒后销毁
skin:'count-down-class'
});
},function(){
layer.close(showTips);
});
}
3 years ago
if(data[i].is_urge == true){
$('#remind_time_'+data[i].order_sn).hover(function(){
3 years ago
var hcontent = $(this).attr('content');
var hid = $(this).attr('id');
showTips = layer.tips('催促时间<br>'+hcontent, '#'+hid, {
area: ['131px', '42px'],
tips:[3,'#FAF8EB'],//显示方向以及背景颜色(1.上 2右 3下 4左)
time:3000,//4秒后销毁
skin:'count-down-class'
});
},function(){
layer.close(showTips);
});
}
}
}
});
});
</script>
{/literal}
</body>
</html>