<!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_deliver_remind_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){ if(d.count_down.indexOf('倒计时') > -1) return '<label id="count_down_wait_'+d.tid+'" content="'+d.sale_date+'" class="count_down_wait">'+d.count_down+'</label>'; return '<span>'+d.count_down+'</span>'; }} ,{field:'income', title:'收入'} ,{field:'status', title:'顾客催发' ,templet: function(d){ if(d.status == 1) return '<span class="remained_status" content="'+d.remained_time+'" id="remind_time_'+d.tid+'"><span class="icon--3"></span> 已催</span>'; return '<span class="icon--"></span> <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; 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(); }); if(data[i].count_down.indexOf('倒计时') > -1){ $('#count_down_wait_'+data[i].tid).hover(function(){ 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); }); } if(data[i].status == 1){ $('#remind_time_'+data[i].tid).hover(function(){ 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>