18 changed files with 14018 additions and 712 deletions
|
After Width: | Height: | Size: 36 KiB |
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
@ -0,0 +1,180 @@ |
|||
|
|||
<!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-lg12 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 class="admin-blank-table"> |
|||
<img src="/images/blank_table.png" alt=""> |
|||
<p>暂无数据</p> |
|||
</div> |
|||
</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); |
|||
} |
|||
} |
|||
,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:'/index/ajax_get_after_sale_order_list' |
|||
,toolbar: false |
|||
,title: '用户数据表' |
|||
,totalRow: false |
|||
,limit:20 |
|||
,className:'deliver_remind_list_table_class' |
|||
,cols: [[ |
|||
{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:'tid', title:'订单号' |
|||
,templet: function(d){ |
|||
return '<span data-clipboard-text="'+d.order_sn+'" title="点击复制" class="admin-table-td-outter admin-table-td-outter-'+d.order_sn+'">'+d.order_sn+' <span class="icon-uniE90E admin-table-td-outter-font admin-table-td-outter-font-'+d.order_sn+'"></span></span>'; |
|||
}} |
|||
,{field:'pay_time', title:'支付时间' |
|||
,templet: function(d){ |
|||
return '<span>'+d.pay_time+'</span>'; |
|||
}} |
|||
,{field:'pay_amount', title:'支付金额(元)'} |
|||
,{field:'order_status', title:'订单状态' |
|||
,templet: function(d){ |
|||
return '<span class="'+d.order_status_class+'">'+d.order_status_desc+'</span>'; |
|||
}} |
|||
,{field:'refund_status_desc', title:'退款状态' |
|||
,templet: function(d){ |
|||
return '<span class="'+d.refund_status_class+'">'+d.refund_status_desc+'</span>'; |
|||
|
|||
}} |
|||
,{field:'after_sales_status_desc', title:'售后状态' |
|||
,templet: function(d){ |
|||
return '<span class="list_status_yellow01">'+d.after_sales_status_desc+'</span>'; |
|||
}} |
|||
,{field:'option', title:'操作' |
|||
,templet: function(d){ |
|||
return '<a href="https://mms.pinduoduo.com/aftersales/aftersale_list" target="_blank"><span style="color:rgba(61, 127, 255, 1);font-size: 14px;cursor: pointer;">去处理</span></a>'; |
|||
}} |
|||
]] |
|||
,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; |
|||
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(); |
|||
} |
|||
|
|||
for(var i=0; i<data.length; i++){ |
|||
|
|||
var tid = data[i].order_sn; |
|||
var clipboard = new ClipboardJS('.admin-table-td-outter-'+tid); |
|||
clipboard.on('success', function(e) { |
|||
layer.msg('复制成功', {time:1500}); |
|||
if(i < (data.length-2)){ |
|||
clipboard.destroy(); |
|||
e.clearSelection(); |
|||
} |
|||
}); |
|||
} |
|||
} |
|||
}); |
|||
}); |
|||
|
|||
|
|||
</script> |
|||
{/literal} |
|||
</body> |
|||
</html> |
|||
@ -1,420 +1,334 @@ |
|||
<!DOCTYPE html> |
|||
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="zh_CN"> <![endif]--> |
|||
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang="zh_CN"> <![endif]--> |
|||
<!--[if IE 8]> <html class="no-js lt-ie9" lang="zh_CN"> <![endif]--> |
|||
<!--[if gt IE 8]><!--> |
|||
<html class="no-js" lang="zh-CN"> |
|||
<!--<![endif]--> |
|||
|
|||
<!DOCTYPE html> |
|||
<html> |
|||
<head> |
|||
<meta http-equiv="content-type" content="text/html; charset=UTF-8"> |
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge"> |
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> |
|||
<title>订单统计</title> |
|||
<meta name="viewport" content="width=device-width,initial-scale=1"> |
|||
<script type="text/javascript" src="/js/jquery-1.8.1.min.js"></script> |
|||
<link href="/css/global.css" media="screen" rel="stylesheet" type="text/css"> |
|||
{literal} |
|||
<!--[if lt IE 9]> |
|||
<script type="text/javascript"> |
|||
// iepp v2.1pre @jon_neal & @aFarkas github.com/aFarkas/iepp |
|||
// html5shiv @rem remysharp.com/html5-enabling-script |
|||
// Dual licensed under the MIT or GPL Version 2 licenses |
|||
/*@cc_on(function(a,b){function r(a){var b=-1;while(++b<f)a.createElement(e[b])}if(!window.attachEvent||!b.createStyleSheet||!function(){var a=document.createElement("div");return a.innerHTML="<elem></elem>",a.childNodes.length!==1}())return;a.iepp=a.iepp||{};var c=a.iepp,d=c.html5elements||"abbr|article|aside|audio|bdi|canvas|data|datalist|details|figcaption|figure|footer|header|hgroup|mark|meter|nav|output|progress|section|subline|summary|time|video",e=d.split("|"),f=e.length,g=new RegExp("(^|\\s)("+d+")","gi"),h=new RegExp("<(/*)("+d+")","gi"),i=/^\s*[\{\}]\s*$/,j=new RegExp("(^|[^\\n]*?\\s)("+d+")([^\\n]*)({[\\n\\w\\W]*?})","gi"),k=b.createDocumentFragment(),l=b.documentElement,m=b.getElementsByTagName("script")[0].parentNode,n=b.createElement("body"),o=b.createElement("style"),p=/print|all/,q;c.getCSS=function(a,b){try{if(a+""===undefined)return""}catch(d){return""}var e=-1,f=a.length,g,h=[];while(++e<f){g=a[e];if(g.disabled)continue;b=g.media||b,p.test(b)&&h.push(c.getCSS(g.imports,b),g.cssText),b="all"}return h.join("")},c.parseCSS=function(a){var b=[],c;while((c=j.exec(a))!=null)b.push(((i.exec(c[1])?"\n":c[1])+c[2]+c[3]).replace(g,"$1.iepp-$2")+c[4]);return b.join("\n")},c.writeHTML=function(){var a=-1;q=q||b.body;while(++a<f){var c=b.getElementsByTagName(e[a]),d=c.length,g=-1;while(++g<d)c[g].className.indexOf("iepp-")<0&&(c[g].className+=" iepp-"+e[a])}k.appendChild(q),l.appendChild(n),n.className=q.className,n.id=q.id,n.innerHTML=q.innerHTML.replace(h,"<$1font")},c._beforePrint=function(){if(c.disablePP)return;o.styleSheet.cssText=c.parseCSS(c.getCSS(b.styleSheets,"all")),c.writeHTML()},c.restoreHTML=function(){if(c.disablePP)return;n.swapNode(q)},c._afterPrint=function(){c.restoreHTML(),o.styleSheet.cssText=""},r(b),r(k);if(c.disablePP)return;m.insertBefore(o,m.firstChild),o.media="print",o.className="iepp-printshim",a.attachEvent("onbeforeprint",c._beforePrint),a.attachEvent("onafterprint",c._afterPrint)})(this,document)@*/ |
|||
</script> |
|||
<![endif]--> |
|||
|
|||
<style> |
|||
.header { |
|||
display: flex; |
|||
flex-direction: column; |
|||
} |
|||
|
|||
.title-left { |
|||
opacity: 0.8; |
|||
font-size: 14pt; |
|||
font-weight: bold; |
|||
} |
|||
|
|||
.contents { |
|||
display: flex; |
|||
/* justify-content: space-between; */ |
|||
justify-content: space-evenly; |
|||
margin: 30px 0px; |
|||
width:80%; |
|||
} |
|||
|
|||
.content-item { |
|||
margin: 20px 60px 20px 60px; |
|||
} |
|||
|
|||
.item-top { |
|||
font-size: 12pt; |
|||
opacity: 0.8; |
|||
} |
|||
|
|||
.item-bottom { |
|||
opacity: 0.9; |
|||
font-size: 18pt; |
|||
font-weight: bold; |
|||
line-height: 40px; |
|||
} |
|||
</style> |
|||
{/literal} |
|||
<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"/> |
|||
<!--[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> |
|||
|
|||
<!-- Topbar |
|||
================================================== --> |
|||
{include file="include/header.html"} |
|||
|
|||
<!-- Page |
|||
================================================== --> |
|||
<div class="layui-layout layui-layout-admin admin-container-outer"> |
|||
{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 layui-col-space12"> |
|||
<div class="layui-col-lg4 admin-layui-col-top-left"> |
|||
<div class="admin-index-top-item"> |
|||
<div class="admin-index-top-item-title">今日动态</div> |
|||
<div class="admin-index-top-item-title-line"></div> |
|||
|
|||
<div class="admin-index-top-item-list-title">发货动态</div> |
|||
<img class="admin-dashed-line" src="/images/admin_index_dashed_line.png"> |
|||
|
|||
<div class="admin-index-top-item-list-item"> |
|||
<div class="admin-index-top-item-list-item-child"> |
|||
<div class="fl"><i class="admin-index-top-item-list-item-child-dot-{if $today_data.urge_order_count}red{else}grey{/if} admin-index-top-item-list-item-child-dot1"></i> <span class="icon-- admin-index-top-item-list-item-child-icon1"></span>催发订单：</div> |
|||
<div class="fr">{$today_data.urge_order_count}</div> |
|||
<div class="clear"></div> |
|||
</div> |
|||
<img class="admin-dashed-line" src="/images/admin_index_dashed_line.png"> |
|||
|
|||
<div class="admin-index-top-item-list-item-child"> |
|||
<div class="fl"><i class="admin-index-top-item-list-item-child-dot-{if $today_data.countdown_order_count}red{else}grey{/if}"></i><span class="icon-uniE900 admin-index-top-item-list-item-child-icon2"></span>倒计时订单：</div> |
|||
<div class="fr">{$today_data.countdown_order_count}</div> |
|||
<div class="clear"></div> |
|||
</div> |
|||
<img class="admin-dashed-line" src="/images/admin_index_dashed_line.png"> |
|||
|
|||
<div id="page"> |
|||
<div class="container"> |
|||
<aside id="sidebar" class="sidebar"> |
|||
<div id="filter" class="filter module"> |
|||
</div> |
|||
<div id="search" class="domain-search module"> |
|||
{include file="include/leftmenu.html"} |
|||
</div> |
|||
</aside> |
|||
<div class="admin-index-top-item-list-item-child"> |
|||
<div class="fl"><i class="admin-index-top-item-list-item-child-dot-{if $today_data.wait_deliver_goods_count}red{else}grey{/if}"></i><span class="icon--1 admin-index-top-item-list-item-child-icon3"></span>待发货订单：</div> |
|||
<div class="fr">{$today_data.wait_deliver_goods_count}</div> |
|||
<div class="clear"></div> |
|||
</div> |
|||
<img class="admin-dashed-line" src="/images/admin_index_dashed_line.png"> |
|||
</div> |
|||
|
|||
<div class="admin-index-top-item-list-title">售后动态</div> |
|||
<img class="admin-dashed-line" src="/images/admin_index_dashed_line.png"> |
|||
<div class="admin-index-top-item-list-item"> |
|||
<div class="admin-index-top-item-list-item-child"> |
|||
<div class="fl"><i class="admin-index-top-item-list-item-child-dot-{if $today_data.platform_processing_count}red{else}grey{/if}"></i><span class="icon-uniE9001 admin-index-top-item-list-item-child-icon4"></span>平台介入中：</div> |
|||
<div class="fr">{$today_data.platform_processing_count}</div> |
|||
<div class="clear"></div> |
|||
</div> |
|||
<img class="admin-dashed-line" src="/images/admin_index_dashed_line.png"> |
|||
|
|||
<section id="main"> |
|||
<div class="alert-message block-message info" id="tempalte-tips"> |
|||
<div class="row" style="text-align:center">首次使用该软件，同步历史订单可能需要一段时间，请耐心等待</div> |
|||
<div class="row" style="text-align:center">待发货订单数：<span style="color:red">{$wait_deliver_goods_count}</span></div> |
|||
<div class="row" style="text-align:center">退款订单数：<span style="color:red">{$refund_count}</span></div> |
|||
<div class="admin-index-top-item-list-item-child"> |
|||
<div class="fl"><i class="admin-index-top-item-list-item-child-dot-{if $today_data.wait_after_sale_count}red{else}grey{/if}"></i><span class="icon-11 admin-index-top-item-list-item-child-icon4"></span>待售后订单：</div> |
|||
<div class="fr">{$today_data.wait_after_sale_count}</div> |
|||
<div class="clear"></div> |
|||
</div> |
|||
<div id="main-content"> |
|||
<img class="admin-dashed-line" src="/images/admin_index_dashed_line.png"> |
|||
</div> |
|||
|
|||
<div class="modal-body"> |
|||
<div id="container" style="height: 400px"></div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</section> |
|||
<!--end of main section--> |
|||
|
|||
</div> |
|||
<div class="layui-col-lg8 admin-layui-col-top-right"> |
|||
<div class="admin-index-top-item"> |
|||
<div class="admin-index-top-item-header"> |
|||
<ul class="admin-index-top-item-header-left"> |
|||
<li class="active" onclick="getChartsData3('sales_volume', '365', this);">销售额</li> |
|||
<li onclick="getChartsData3('refund', '365', this);">退款订单数</li> |
|||
</ul> |
|||
<input id="hidden_params" type="hidden" flag="sales_volume"> |
|||
<ul class="admin-index-top-item-header-right"> |
|||
<li onclick="getChartsData2(7, this);">7天</li> |
|||
<li onclick="getChartsData2(30, this);">30天</li> |
|||
<li class="active" onclick="getChartsData2(365, this);">全年</li> |
|||
</ul> |
|||
</div> |
|||
<div class="admin-index-top-item-header-line"></div> |
|||
<div id="admin-map-container"></div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<!--end of container--> |
|||
|
|||
<div class="layui-row layui-col-space20 bottom-layui-row"> |
|||
<div class="layui-col-lg2dot4 admin-layui-col-bottom-list"> |
|||
<div class="admin-index-bottom-item"> |
|||
<div class="admin-card-text-1"><a href="/index/wait_deliver_list">催发货订单(总) <span class="icon-1-2 admin-right-arrow"></span></a></div> |
|||
<div class="admin-card-text-2">{$total_data.total_urge_order_count}<span> 单</span></div> |
|||
<!-- <div class="admin-card-text-3">日增长：+0.61%<span class="icon--2"></span></div> |
|||
<div class="admin-card-text-4">周减少：-0.61%<span class="icon-21"></span></div> --> |
|||
<div class="admin-card-text-3"> </div> |
|||
<div class="admin-card-text-4"> </div> |
|||
<div class="admin-card-text-5 {if $total_data.total_urge_order_count==0}primary-msg{/if}"><i class="admin-index-top-item-list-item-child-dot-{if $total_data.total_urge_order_count}red2{else}grey2{/if}"></i>这些顾客在催促发货咯</div> |
|||
</div> |
|||
</div> |
|||
<div class="layui-col-lg2dot4 admin-layui-col-bottom-list"> |
|||
<div class="admin-index-bottom-item"> |
|||
<div class="admin-card-text-1"><a href="/index/wait_deliver_list">倒计时订单(总) <span class="icon-1-2 admin-right-arrow"></span></a></div> |
|||
<div class="admin-card-text-2">{$total_data.total_countdown_order_count}<span> 单</span></div> |
|||
<!-- <div class="admin-card-text-3">日增长：+0.61%<span class="icon--2"></span></div> |
|||
<div class="admin-card-text-4">周减少：-0.61%<span class="icon-21"></span></div> --> |
|||
<div class="admin-card-text-3"> </div> |
|||
<div class="admin-card-text-4"> </div> |
|||
<div class="admin-card-text-5 {if $total_data.total_countdown_order_count==0}primary-msg{/if}"><i class="admin-index-top-item-list-item-child-dot-{if $total_data.total_countdown_order_count}red2{else}grey2{/if}"></i>这些订单还有12h超时！</div> |
|||
</div> |
|||
</div> |
|||
<div class="layui-col-lg2dot4 admin-layui-col-bottom-list"> |
|||
<div class="admin-index-bottom-item"> |
|||
<div class="admin-card-text-1"><a href="/index/wait_deliver_list">待发货订单(总) <span class="icon-1-2 admin-right-arrow"></span></a></div> |
|||
<div class="admin-card-text-2">{$total_data.total_wait_deliver_goods_count}<span> 单</span></div> |
|||
<!-- <div class="admin-card-text-3">日增长：+0.61%<span class="icon--2"></span></div> |
|||
<div class="admin-card-text-4">周减少：-0.61%<span class="icon-21"></span></div> --> |
|||
<div class="admin-card-text-3"> </div> |
|||
<div class="admin-card-text-4"> </div> |
|||
<div class="admin-card-text-5 {if $total_data.total_wait_deliver_goods_count==0}primary-msg{/if}"><i class="admin-index-top-item-list-item-child-dot-{if $total_data.total_wait_deliver_goods_count}red2{else}grey2{/if}"></i>有新增的订单啦</div> |
|||
</div> |
|||
</div> |
|||
|
|||
<div class="layui-col-lg2dot4 admin-layui-col-bottom-list"> |
|||
<div class="admin-index-bottom-item"> |
|||
<div class="admin-card-text-1"><a href="/index/after_sale_list">平台介入中订单(总) <span class="icon-1-2 admin-right-arrow"></span></a></div> |
|||
<div class="admin-card-text-2">{$total_data.total_platform_processing_count}<span> 单</span></div> |
|||
<!-- <div class="admin-card-text-3">日增长：+0.61%<span class="icon--2"></span></div> |
|||
<div class="admin-card-text-4">周减少：-0.61%<span class="icon-21"></span></div> --> |
|||
<div class="admin-card-text-3"> </div> |
|||
<div class="admin-card-text-4"> </div> |
|||
<div class="admin-card-text-5 {if $total_data.total_platform_processing_count==0}primary-msg{/if}"><i class="admin-index-top-item-list-item-child-dot-{if $total_data.total_platform_processing_count}red2{else}grey2{/if}"></i>这些订单官方客服已介入</div> |
|||
</div> |
|||
</div> |
|||
|
|||
<div class="layui-col-lg2dot4 admin-layui-col-bottom-list admin-layui-col-bottom-list-last"> |
|||
<div class="admin-index-bottom-item"> |
|||
<div class="admin-card-text-1"><a href="/index/after_sale_list">待售后订单(总) <span class="icon-1-2 admin-right-arrow"></span></a></div> |
|||
<div class="admin-card-text-2">{$total_data.total_wait_after_sale_count}<span> 单</span></div> |
|||
<!-- <div class="admin-card-text-3">日增长：+0.61%<span class="icon--2"></span></div> |
|||
<div class="admin-card-text-4">周减少：-0.61%<span class="icon-21"></span></div> --> |
|||
<div class="admin-card-text-3"> </div> |
|||
<div class="admin-card-text-4"> </div> |
|||
<div class="admin-card-text-5 {if $total_data.total_wait_after_sale_count == 0}primary-msg{/if}"><i class="admin-index-top-item-list-item-child-dot-{if $total_data.total_wait_after_sale_count}red2{else}grey2{/if}"></i>这些顾客想要退款</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<!--end of #page--> |
|||
<!-- footer |
|||
================================================== --> |
|||
<script type="text/javascript" src="/js/echarts.min.js"></script> |
|||
<script type="text/javascript" src="/js/control.index.js?v={$smarty.const.CSS_JS_VERSION}"></script> |
|||
<script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts-gl/echarts-gl.min.js"></script> |
|||
|
|||
{include file="include/footer.html"} |
|||
|
|||
{literal} |
|||
<style> |
|||
#feedback { |
|||
position: fixed; |
|||
right: 20px; |
|||
top: 92%; |
|||
height: 30px; |
|||
width: 100px; |
|||
color: #333; |
|||
font-size: 12px; |
|||
line-height: 20px; |
|||
background-color: #fff; |
|||
border: 1px solid #e2e2e2; |
|||
text-align: center; |
|||
} |
|||
|
|||
#feedback:hover { |
|||
background-color: #e2e2e2; |
|||
} |
|||
|
|||
#feedback a { |
|||
line-height: 30px; |
|||
text-decoration: none; |
|||
color: #333; |
|||
} |
|||
</style> |
|||
{/literal} |
|||
|
|||
<!-- UserAgent: Mozilla/5.0 (Windows NT 6.1; rv:12.0) Gecko/20100101 Firefox/12.0 --> |
|||
|
|||
{literal} |
|||
<script type="text/javascript"> |
|||
var dom = document.getElementById('container'); |
|||
var myChart = echarts.init(dom, null, { |
|||
renderer: 'canvas', |
|||
useDirtyRect: false |
|||
</div> |
|||
|
|||
<!-- <div class="layui-footer"> |
|||
底部固定区域 |
|||
</div> --> |
|||
</div> |
|||
<script src="/js/layui.js"></script> |
|||
<script src="/js/echarts_5.5.3.min.js"></script> |
|||
<script src="/js/jquery-1.8.1.min.js"></script> |
|||
{literal} |
|||
<script> |
|||
$(function(){ |
|||
getChartsData('sales_volume', '365'); |
|||
}) |
|||
|
|||
layui.use(['element', 'layer', 'util'], function(){ |
|||
var element = layui.element |
|||
,layer = layui.layer |
|||
,util = layui.util |
|||
,$ = 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); |
|||
} |
|||
} |
|||
,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 app = {}; |
|||
|
|||
var option; |
|||
|
|||
option = { |
|||
title: { |
|||
text: '订单统计' |
|||
}, |
|||
tooltip: { |
|||
trigger: 'axis' |
|||
}, |
|||
legend: { |
|||
data: ['订单数量'] |
|||
}, |
|||
grid: { |
|||
left: '3%', |
|||
right: '4%', |
|||
bottom: '3%', |
|||
containLabel: true |
|||
}, |
|||
toolbox: { |
|||
feature: { |
|||
saveAsImage: {} |
|||
function getChartsData(type, day) { |
|||
$('#hidden_params').attr('flag', type); |
|||
$.ajax({ |
|||
url:"/index/ajax_get_charts_data", |
|||
type:'post', |
|||
data:{type:type, day:day}, |
|||
dataType:"json", |
|||
success:function(data){ |
|||
var charts_dates = []; |
|||
var charts_values = []; |
|||
$.each(data.data,function(d, v){ |
|||
charts_dates.push(d); |
|||
charts_values.push(v); |
|||
}); |
|||
value_name = ''; |
|||
if (type == 'sales_volume') value_name = '销售额'; |
|||
if (type == 'refund') value_name = '退款订单数'; |
|||
createCharts(charts_dates, charts_values, value_name); |
|||
}, |
|||
error:function(){ |
|||
alert("请求失败"); |
|||
} |
|||
}); |
|||
} |
|||
}, |
|||
xAxis: { |
|||
type: 'category', |
|||
boundaryGap: false, |
|||
data: {/literal}{$json_dates}{literal} |
|||
}, |
|||
yAxis: { |
|||
type: 'value' |
|||
}, |
|||
series: [ |
|||
{ |
|||
name: '订单数量', |
|||
type: 'line', |
|||
stack: 'Total', |
|||
data: {/literal}{$json_counts}{literal} |
|||
function getChartsData2(day, obj) { |
|||
$('.admin-index-top-item-header-right').find('li').removeClass('active'); |
|||
$(obj).addClass('active'); |
|||
getChartsData($('#hidden_params').attr('flag'), day); |
|||
} |
|||
] |
|||
}; |
|||
|
|||
if (option && typeof option === 'object') { |
|||
myChart.setOption(option); |
|||
function getChartsData3(type, day, obj) { |
|||
$('.admin-index-top-item-header-left').find('li').removeClass('active'); |
|||
$(obj).addClass('active'); |
|||
getChartsData(type, day); |
|||
} |
|||
|
|||
window.addEventListener('resize', myChart.resize); |
|||
</script> |
|||
<!--[if lt IE 7]> |
|||
<![endif]--> |
|||
<!-- |
|||
<script type="text/javascript"> |
|||
/*Load jQuery if not already loaded*/ if(typeof jQuery == 'undefined'){ document.write("<script type=\"text/javascript\" src=\"" + ('https:' == document.location.protocol ? 'https://' : 'http://')+ "ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js\"></"+"script>"); var __noconflict = true; } |
|||
var IE6UPDATE_OPTIONS = { |
|||
url: "http://blog.dnspod.cn/2010/04/ie6-must-die/", |
|||
message: "DNSPod 新版已经完全取消对微软 Internet Explorer 6.0 浏览器的支持，IE6 用户无法正常使用 DNSPod。请升级您的IE6浏览器至IE8，或者升级至Chrome、火狐、Safari等其他浏览器。", |
|||
icons_path: "https://statics.dnspod.cn/zhanjiang/images/ie6update/" |
|||
} |
|||
</script> |
|||
<script type="text/javascript" src="https://statics.dnspod.cn/zhanjiang/javascripts/ie6update.v2.js"></script> |
|||
--> |
|||
<!--[if lt IE 7]> |
|||
<![endif]--> |
|||
|
|||
|
|||
<style id="__huaban_Style"> |
|||
#__huaban_Container { |
|||
font-family: 'helvetica neue', arial, sans-serif; |
|||
position: absolute; |
|||
padding-top: 37px; |
|||
z-index: 100000002; |
|||
top: 0; |
|||
left: 0; |
|||
background-color: transparent; |
|||
opacity: 1; |
|||
} |
|||
|
|||
#__huaban_Overlay { |
|||
position: fixed; |
|||
z-index: 9999; |
|||
top: 0; |
|||
right: 0; |
|||
bottom: 0; |
|||
left: 0; |
|||
background-color: #f2f2f2; |
|||
opacity: .95; |
|||
} |
|||
|
|||
#__huaban_Control { |
|||
position: relative; |
|||
z-index: 100000; |
|||
float: left; |
|||
background-color: #fcf9f9; |
|||
border: solid #ccc; |
|||
border-width: 0 1px 1px 0; |
|||
height: 200px; |
|||
width: 200px; |
|||
opacity: 1; |
|||
} |
|||
|
|||
#__huaban_Control img { |
|||
position: relative; |
|||
padding: 0; |
|||
display: block; |
|||
margin: 82px auto 0; |
|||
-ms-interpolation-mode: bicubic; |
|||
} |
|||
|
|||
#__huaban_Control a { |
|||
position: fixed; |
|||
z-index: 10001; |
|||
right: 0; |
|||
top: 0; |
|||
left: 0; |
|||
height: 24px; |
|||
padding: 12px 0 0; |
|||
text-align: center; |
|||
font-size: 14px; |
|||
line-height: 1em; |
|||
text-shadow: 0 1px #fff; |
|||
color: #211922; |
|||
font-weight: bold; |
|||
text-decoration: none; |
|||
background: #fff url(http://huaban.com/img/fullGradient07Normal.png) 0 0 repeat-x; |
|||
border-bottom: 1px solid #ccc; |
|||
-mox-box-shadow: 0 0 2px #d7d7d7; |
|||
-webkit-box-shadow: 0 0 2px #d7d7d7; |
|||
} |
|||
|
|||
#__huaban_Control a:hover { |
|||
color: #fff; |
|||
text-decoration: none; |
|||
background-color: #1389e5; |
|||
border-color: #1389e5; |
|||
text-shadow: 0 -1px #46A0E6; |
|||
} |
|||
|
|||
#__huaban_Control a:active { |
|||
height: 23px; |
|||
padding-top: 13px; |
|||
background-color: #211922; |
|||
border-color: #211922; |
|||
background-image: url(http://huaban.com/img/fullGradient07Inverted.png); |
|||
text-shadow: 0 -1px #211922; |
|||
} |
|||
|
|||
.__huabanImagePreview { |
|||
position: relative; |
|||
padding: 0; |
|||
margin: 0; |
|||
float: left; |
|||
background-color: #fff; |
|||
border: solid #e7e7e7; |
|||
border-width: 0 1px 1px 0; |
|||
height: 200px; |
|||
width: 200px; |
|||
opacity: 1; |
|||
z-index: 10002; |
|||
text-align: center; |
|||
} |
|||
|
|||
.__huabanImagePreview .__huabanVideoIcon { |
|||
position: absolute; |
|||
display: block; |
|||
top: 0; |
|||
left: 0; |
|||
width: 100%; |
|||
height: 100%; |
|||
background: url(http://huaban.com/img/media_video.png) center center no-repeat; |
|||
} |
|||
|
|||
.__huabanImagePreview .__huabanImg { |
|||
border: none; |
|||
height: 200px; |
|||
width: 200px; |
|||
opacity: 1; |
|||
padding: 0; |
|||
} |
|||
|
|||
.__huabanImagePreview .__huabanImg a { |
|||
margin: 0; |
|||
padding: 0; |
|||
position: absolute; |
|||
top: 0; |
|||
bottom: 0; |
|||
right: 0; |
|||
left: 0; |
|||
display: block; |
|||
text-align: center; |
|||
z-index: 1; |
|||
function createCharts(charts_dates, charts_values, value_name) { |
|||
var myChart = echarts.init(document.getElementById('admin-map-container')); |
|||
|
|||
// var monthList = ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月']; |
|||
var option = { |
|||
title: { |
|||
text: '销售额趋势', |
|||
textStyle:{ |
|||
color: 'rgba(0,0,0,0.85)', |
|||
fontFamily:'PingFangSC-Medium', |
|||
fontSize: 14, |
|||
lineHeight:55, |
|||
}, |
|||
}, |
|||
grid:{ |
|||
left:55, |
|||
top:74, |
|||
width:'90%', |
|||
height:226, |
|||
}, |
|||
tooltip: { |
|||
trigger: 'axis', |
|||
axisPointer: { |
|||
type: 'shadow' |
|||
} |
|||
|
|||
.__huabanImagePreview .__huabanImg a:hover { |
|||
background-color: #fcf9f9; |
|||
border: none; |
|||
}, |
|||
xAxis: { |
|||
data: charts_dates, |
|||
axisLabel:{ |
|||
show:true, |
|||
color:'rgba(0,0,0,0.65)', |
|||
fontSize:12, |
|||
fontFamily: 'HelveticaNeue' |
|||
}, |
|||
axisLine:{ |
|||
show:true, |
|||
lineStyle:{ |
|||
color:'#D9D9D9', |
|||
} |
|||
}, |
|||
axisTick:{ |
|||
show:true, |
|||
alignWithLabel:true, |
|||
length:5, |
|||
} |
|||
|
|||
.__huabanImagePreview .__huabanImg .ImageToPin { |
|||
max-height: 200px; |
|||
max-width: 200px; |
|||
width: auto !important; |
|||
height: auto !important; |
|||
}, |
|||
yAxis: { |
|||
splitLine:{ |
|||
show:true, |
|||
lineStyle:{ |
|||
color:['rgba(232, 232, 232, 1)'], |
|||
type:'dashed' |
|||
} |
|||
} |
|||
|
|||
.__huabanImagePreview img.__huaban_PinIt { |
|||
border: none; |
|||
position: absolute; |
|||
top: 82px; |
|||
left: 42px; |
|||
display: none; |
|||
padding: 0; |
|||
background-color: transparent; |
|||
z-index: 100; |
|||
} |
|||
|
|||
.__huabanImagePreview img.__huaban_vidind { |
|||
border: none; |
|||
position: absolute; |
|||
top: 75px; |
|||
left: 75px; |
|||
padding: 0; |
|||
background-color: transparent; |
|||
z-index: 99; |
|||
}, |
|||
series: [ |
|||
{ |
|||
name: value_name, |
|||
type: 'bar', |
|||
data: charts_values, |
|||
//data: [100, 1000, 256, 488, 588, 189, 110, 100, 556, 188, 888, 289], |
|||
itemStyle:{ |
|||
color:'rgba(24, 144, 255)', |
|||
opacity:0.85 |
|||
} |
|||
} |
|||
] |
|||
}; |
|||
// 使用刚指定的配置项和数据显示图表。 |
|||
|
|||
.__huabanDimensions { |
|||
color: #000; |
|||
position: relative; |
|||
margin-top: 180px; |
|||
text-align: center; |
|||
font-size: 10px; |
|||
z-index: 10003; |
|||
display: inline-block; |
|||
background: white; |
|||
border-radius: 4px; |
|||
padding: 0 2px; |
|||
} |
|||
if($(document).width()<=750) { |
|||
option.grid.left = 0; |
|||
option.grid.width = '100%'; |
|||
} |
|||
myChart.setOption(option); |
|||
} |
|||
|
|||
#__huaban_Button { |
|||
display: block; |
|||
position: absolute; |
|||
z-index: 999999999; |
|||
color: #211922; |
|||
background: #fff; |
|||
text-shadow: 0 1px #eaeaea; |
|||
border-radius: 5px; |
|||
box-shadow: 0 0 2px #555; |
|||
font: 12px/1 arial; |
|||
text-align: center; |
|||
padding: 5px 8px; |
|||
cursor: pointer; |
|||
} |
|||
|
|||
#__huaban_Button:hover { |
|||
background-image: -webkit-linear-gradient(top, #fefeff, #efefef); |
|||
background-image: -moz-linear-gradient(top, #fefeff, #efefef); |
|||
} |
|||
|
|||
.__huaban_Button_share { |
|||
background: url(http://huaban.com/img/sharebutton.png) no-repeat !important; |
|||
text-indent: -9999px; |
|||
width: 70px; |
|||
} |
|||
</style> |
|||
{/literal} |
|||
</script> |
|||
{/literal} |
|||
</body> |
|||
|
|||
</html> |
|||
</html> |
|||
|
|||
@ -0,0 +1,420 @@ |
|||
<!DOCTYPE html> |
|||
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="zh_CN"> <![endif]--> |
|||
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang="zh_CN"> <![endif]--> |
|||
<!--[if IE 8]> <html class="no-js lt-ie9" lang="zh_CN"> <![endif]--> |
|||
<!--[if gt IE 8]><!--> |
|||
<html class="no-js" lang="zh-CN"> |
|||
<!--<![endif]--> |
|||
|
|||
<head> |
|||
<meta http-equiv="content-type" content="text/html; charset=UTF-8"> |
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge"> |
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> |
|||
<title>订单统计</title> |
|||
<meta name="viewport" content="width=device-width,initial-scale=1"> |
|||
<script type="text/javascript" src="/js/jquery-1.8.1.min.js"></script> |
|||
<link href="/css/global.css" media="screen" rel="stylesheet" type="text/css"> |
|||
{literal} |
|||
<!--[if lt IE 9]> |
|||
<script type="text/javascript"> |
|||
// iepp v2.1pre @jon_neal & @aFarkas github.com/aFarkas/iepp |
|||
// html5shiv @rem remysharp.com/html5-enabling-script |
|||
// Dual licensed under the MIT or GPL Version 2 licenses |
|||
/*@cc_on(function(a,b){function r(a){var b=-1;while(++b<f)a.createElement(e[b])}if(!window.attachEvent||!b.createStyleSheet||!function(){var a=document.createElement("div");return a.innerHTML="<elem></elem>",a.childNodes.length!==1}())return;a.iepp=a.iepp||{};var c=a.iepp,d=c.html5elements||"abbr|article|aside|audio|bdi|canvas|data|datalist|details|figcaption|figure|footer|header|hgroup|mark|meter|nav|output|progress|section|subline|summary|time|video",e=d.split("|"),f=e.length,g=new RegExp("(^|\\s)("+d+")","gi"),h=new RegExp("<(/*)("+d+")","gi"),i=/^\s*[\{\}]\s*$/,j=new RegExp("(^|[^\\n]*?\\s)("+d+")([^\\n]*)({[\\n\\w\\W]*?})","gi"),k=b.createDocumentFragment(),l=b.documentElement,m=b.getElementsByTagName("script")[0].parentNode,n=b.createElement("body"),o=b.createElement("style"),p=/print|all/,q;c.getCSS=function(a,b){try{if(a+""===undefined)return""}catch(d){return""}var e=-1,f=a.length,g,h=[];while(++e<f){g=a[e];if(g.disabled)continue;b=g.media||b,p.test(b)&&h.push(c.getCSS(g.imports,b),g.cssText),b="all"}return h.join("")},c.parseCSS=function(a){var b=[],c;while((c=j.exec(a))!=null)b.push(((i.exec(c[1])?"\n":c[1])+c[2]+c[3]).replace(g,"$1.iepp-$2")+c[4]);return b.join("\n")},c.writeHTML=function(){var a=-1;q=q||b.body;while(++a<f){var c=b.getElementsByTagName(e[a]),d=c.length,g=-1;while(++g<d)c[g].className.indexOf("iepp-")<0&&(c[g].className+=" iepp-"+e[a])}k.appendChild(q),l.appendChild(n),n.className=q.className,n.id=q.id,n.innerHTML=q.innerHTML.replace(h,"<$1font")},c._beforePrint=function(){if(c.disablePP)return;o.styleSheet.cssText=c.parseCSS(c.getCSS(b.styleSheets,"all")),c.writeHTML()},c.restoreHTML=function(){if(c.disablePP)return;n.swapNode(q)},c._afterPrint=function(){c.restoreHTML(),o.styleSheet.cssText=""},r(b),r(k);if(c.disablePP)return;m.insertBefore(o,m.firstChild),o.media="print",o.className="iepp-printshim",a.attachEvent("onbeforeprint",c._beforePrint),a.attachEvent("onafterprint",c._afterPrint)})(this,document)@*/ |
|||
</script> |
|||
<![endif]--> |
|||
|
|||
<style> |
|||
.header { |
|||
display: flex; |
|||
flex-direction: column; |
|||
} |
|||
|
|||
.title-left { |
|||
opacity: 0.8; |
|||
font-size: 14pt; |
|||
font-weight: bold; |
|||
} |
|||
|
|||
.contents { |
|||
display: flex; |
|||
/* justify-content: space-between; */ |
|||
justify-content: space-evenly; |
|||
margin: 30px 0px; |
|||
width:80%; |
|||
} |
|||
|
|||
.content-item { |
|||
margin: 20px 60px 20px 60px; |
|||
} |
|||
|
|||
.item-top { |
|||
font-size: 12pt; |
|||
opacity: 0.8; |
|||
} |
|||
|
|||
.item-bottom { |
|||
opacity: 0.9; |
|||
font-size: 18pt; |
|||
font-weight: bold; |
|||
line-height: 40px; |
|||
} |
|||
</style> |
|||
{/literal} |
|||
</head> |
|||
|
|||
<body> |
|||
|
|||
<!-- Topbar |
|||
================================================== --> |
|||
{include file="include/header.html"} |
|||
|
|||
<!-- Page |
|||
================================================== --> |
|||
|
|||
|
|||
<div id="page"> |
|||
<div class="container"> |
|||
<aside id="sidebar" class="sidebar"> |
|||
<div id="filter" class="filter module"> |
|||
</div> |
|||
<div id="search" class="domain-search module"> |
|||
{include file="include/leftmenu.html"} |
|||
</div> |
|||
</aside> |
|||
|
|||
<section id="main"> |
|||
<div class="alert-message block-message info" id="tempalte-tips"> |
|||
<div class="row" style="text-align:center">首次使用该软件，同步历史订单可能需要一段时间，请耐心等待</div> |
|||
<div class="row" style="text-align:center">待发货订单数：<span style="color:red">{$wait_deliver_goods_count}</span></div> |
|||
<div class="row" style="text-align:center">退款订单数：<span style="color:red">{$refund_count}</span></div> |
|||
</div> |
|||
<div id="main-content"> |
|||
|
|||
<div class="modal-body"> |
|||
<div id="container" style="height: 400px"></div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</section> |
|||
<!--end of main section--> |
|||
|
|||
</div> |
|||
<!--end of container--> |
|||
|
|||
</div> |
|||
<!--end of #page--> |
|||
<!-- footer |
|||
================================================== --> |
|||
<script type="text/javascript" src="/js/echarts.min.js"></script> |
|||
<script type="text/javascript" src="/js/control.index.js?v={$smarty.const.CSS_JS_VERSION}"></script> |
|||
<script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts-gl/echarts-gl.min.js"></script> |
|||
|
|||
{include file="include/footer.html"} |
|||
|
|||
{literal} |
|||
<style> |
|||
#feedback { |
|||
position: fixed; |
|||
right: 20px; |
|||
top: 92%; |
|||
height: 30px; |
|||
width: 100px; |
|||
color: #333; |
|||
font-size: 12px; |
|||
line-height: 20px; |
|||
background-color: #fff; |
|||
border: 1px solid #e2e2e2; |
|||
text-align: center; |
|||
} |
|||
|
|||
#feedback:hover { |
|||
background-color: #e2e2e2; |
|||
} |
|||
|
|||
#feedback a { |
|||
line-height: 30px; |
|||
text-decoration: none; |
|||
color: #333; |
|||
} |
|||
</style> |
|||
{/literal} |
|||
|
|||
<!-- UserAgent: Mozilla/5.0 (Windows NT 6.1; rv:12.0) Gecko/20100101 Firefox/12.0 --> |
|||
|
|||
{literal} |
|||
<script type="text/javascript"> |
|||
var dom = document.getElementById('container'); |
|||
var myChart = echarts.init(dom, null, { |
|||
renderer: 'canvas', |
|||
useDirtyRect: false |
|||
}); |
|||
var app = {}; |
|||
|
|||
var option; |
|||
|
|||
option = { |
|||
title: { |
|||
text: '订单统计' |
|||
}, |
|||
tooltip: { |
|||
trigger: 'axis' |
|||
}, |
|||
legend: { |
|||
data: ['订单数量'] |
|||
}, |
|||
grid: { |
|||
left: '3%', |
|||
right: '4%', |
|||
bottom: '3%', |
|||
containLabel: true |
|||
}, |
|||
toolbox: { |
|||
feature: { |
|||
saveAsImage: {} |
|||
} |
|||
}, |
|||
xAxis: { |
|||
type: 'category', |
|||
boundaryGap: false, |
|||
data: {/literal}{$json_dates}{literal} |
|||
}, |
|||
yAxis: { |
|||
type: 'value' |
|||
}, |
|||
series: [ |
|||
{ |
|||
name: '订单数量', |
|||
type: 'line', |
|||
stack: 'Total', |
|||
data: {/literal}{$json_counts}{literal} |
|||
} |
|||
] |
|||
}; |
|||
|
|||
if (option && typeof option === 'object') { |
|||
myChart.setOption(option); |
|||
} |
|||
|
|||
window.addEventListener('resize', myChart.resize); |
|||
</script> |
|||
<!--[if lt IE 7]> |
|||
<![endif]--> |
|||
<!-- |
|||
<script type="text/javascript"> |
|||
/*Load jQuery if not already loaded*/ if(typeof jQuery == 'undefined'){ document.write("<script type=\"text/javascript\" src=\"" + ('https:' == document.location.protocol ? 'https://' : 'http://')+ "ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js\"></"+"script>"); var __noconflict = true; } |
|||
var IE6UPDATE_OPTIONS = { |
|||
url: "http://blog.dnspod.cn/2010/04/ie6-must-die/", |
|||
message: "DNSPod 新版已经完全取消对微软 Internet Explorer 6.0 浏览器的支持，IE6 用户无法正常使用 DNSPod。请升级您的IE6浏览器至IE8，或者升级至Chrome、火狐、Safari等其他浏览器。", |
|||
icons_path: "https://statics.dnspod.cn/zhanjiang/images/ie6update/" |
|||
} |
|||
</script> |
|||
<script type="text/javascript" src="https://statics.dnspod.cn/zhanjiang/javascripts/ie6update.v2.js"></script> |
|||
--> |
|||
<!--[if lt IE 7]> |
|||
<![endif]--> |
|||
|
|||
|
|||
<style id="__huaban_Style"> |
|||
#__huaban_Container { |
|||
font-family: 'helvetica neue', arial, sans-serif; |
|||
position: absolute; |
|||
padding-top: 37px; |
|||
z-index: 100000002; |
|||
top: 0; |
|||
left: 0; |
|||
background-color: transparent; |
|||
opacity: 1; |
|||
} |
|||
|
|||
#__huaban_Overlay { |
|||
position: fixed; |
|||
z-index: 9999; |
|||
top: 0; |
|||
right: 0; |
|||
bottom: 0; |
|||
left: 0; |
|||
background-color: #f2f2f2; |
|||
opacity: .95; |
|||
} |
|||
|
|||
#__huaban_Control { |
|||
position: relative; |
|||
z-index: 100000; |
|||
float: left; |
|||
background-color: #fcf9f9; |
|||
border: solid #ccc; |
|||
border-width: 0 1px 1px 0; |
|||
height: 200px; |
|||
width: 200px; |
|||
opacity: 1; |
|||
} |
|||
|
|||
#__huaban_Control img { |
|||
position: relative; |
|||
padding: 0; |
|||
display: block; |
|||
margin: 82px auto 0; |
|||
-ms-interpolation-mode: bicubic; |
|||
} |
|||
|
|||
#__huaban_Control a { |
|||
position: fixed; |
|||
z-index: 10001; |
|||
right: 0; |
|||
top: 0; |
|||
left: 0; |
|||
height: 24px; |
|||
padding: 12px 0 0; |
|||
text-align: center; |
|||
font-size: 14px; |
|||
line-height: 1em; |
|||
text-shadow: 0 1px #fff; |
|||
color: #211922; |
|||
font-weight: bold; |
|||
text-decoration: none; |
|||
background: #fff url(http://huaban.com/img/fullGradient07Normal.png) 0 0 repeat-x; |
|||
border-bottom: 1px solid #ccc; |
|||
-mox-box-shadow: 0 0 2px #d7d7d7; |
|||
-webkit-box-shadow: 0 0 2px #d7d7d7; |
|||
} |
|||
|
|||
#__huaban_Control a:hover { |
|||
color: #fff; |
|||
text-decoration: none; |
|||
background-color: #1389e5; |
|||
border-color: #1389e5; |
|||
text-shadow: 0 -1px #46A0E6; |
|||
} |
|||
|
|||
#__huaban_Control a:active { |
|||
height: 23px; |
|||
padding-top: 13px; |
|||
background-color: #211922; |
|||
border-color: #211922; |
|||
background-image: url(http://huaban.com/img/fullGradient07Inverted.png); |
|||
text-shadow: 0 -1px #211922; |
|||
} |
|||
|
|||
.__huabanImagePreview { |
|||
position: relative; |
|||
padding: 0; |
|||
margin: 0; |
|||
float: left; |
|||
background-color: #fff; |
|||
border: solid #e7e7e7; |
|||
border-width: 0 1px 1px 0; |
|||
height: 200px; |
|||
width: 200px; |
|||
opacity: 1; |
|||
z-index: 10002; |
|||
text-align: center; |
|||
} |
|||
|
|||
.__huabanImagePreview .__huabanVideoIcon { |
|||
position: absolute; |
|||
display: block; |
|||
top: 0; |
|||
left: 0; |
|||
width: 100%; |
|||
height: 100%; |
|||
background: url(http://huaban.com/img/media_video.png) center center no-repeat; |
|||
} |
|||
|
|||
.__huabanImagePreview .__huabanImg { |
|||
border: none; |
|||
height: 200px; |
|||
width: 200px; |
|||
opacity: 1; |
|||
padding: 0; |
|||
} |
|||
|
|||
.__huabanImagePreview .__huabanImg a { |
|||
margin: 0; |
|||
padding: 0; |
|||
position: absolute; |
|||
top: 0; |
|||
bottom: 0; |
|||
right: 0; |
|||
left: 0; |
|||
display: block; |
|||
text-align: center; |
|||
z-index: 1; |
|||
} |
|||
|
|||
.__huabanImagePreview .__huabanImg a:hover { |
|||
background-color: #fcf9f9; |
|||
border: none; |
|||
} |
|||
|
|||
.__huabanImagePreview .__huabanImg .ImageToPin { |
|||
max-height: 200px; |
|||
max-width: 200px; |
|||
width: auto !important; |
|||
height: auto !important; |
|||
} |
|||
|
|||
.__huabanImagePreview img.__huaban_PinIt { |
|||
border: none; |
|||
position: absolute; |
|||
top: 82px; |
|||
left: 42px; |
|||
display: none; |
|||
padding: 0; |
|||
background-color: transparent; |
|||
z-index: 100; |
|||
} |
|||
|
|||
.__huabanImagePreview img.__huaban_vidind { |
|||
border: none; |
|||
position: absolute; |
|||
top: 75px; |
|||
left: 75px; |
|||
padding: 0; |
|||
background-color: transparent; |
|||
z-index: 99; |
|||
} |
|||
|
|||
.__huabanDimensions { |
|||
color: #000; |
|||
position: relative; |
|||
margin-top: 180px; |
|||
text-align: center; |
|||
font-size: 10px; |
|||
z-index: 10003; |
|||
display: inline-block; |
|||
background: white; |
|||
border-radius: 4px; |
|||
padding: 0 2px; |
|||
} |
|||
|
|||
#__huaban_Button { |
|||
display: block; |
|||
position: absolute; |
|||
z-index: 999999999; |
|||
color: #211922; |
|||
background: #fff; |
|||
text-shadow: 0 1px #eaeaea; |
|||
border-radius: 5px; |
|||
box-shadow: 0 0 2px #555; |
|||
font: 12px/1 arial; |
|||
text-align: center; |
|||
padding: 5px 8px; |
|||
cursor: pointer; |
|||
} |
|||
|
|||
#__huaban_Button:hover { |
|||
background-image: -webkit-linear-gradient(top, #fefeff, #efefef); |
|||
background-image: -moz-linear-gradient(top, #fefeff, #efefef); |
|||
} |
|||
|
|||
.__huaban_Button_share { |
|||
background: url(http://huaban.com/img/sharebutton.png) no-repeat !important; |
|||
text-indent: -9999px; |
|||
width: 70px; |
|||
} |
|||
</style> |
|||
{/literal} |
|||
</body> |
|||
|
|||
</html> |
|||
@ -1,237 +1,170 @@ |
|||
|
|||
<!DOCTYPE html> |
|||
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="zh_CN"> <![endif]--> |
|||
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang="zh_CN"> <![endif]--> |
|||
<!--[if IE 8]> <html class="no-js lt-ie9" lang="zh_CN"> <![endif]--> |
|||
<!--[if gt IE 8]><!--> |
|||
<html class="no-js" lang="zh-CN"> |
|||
<!--<![endif]--> |
|||
<html> |
|||
<head> |
|||
<meta http-equiv="content-type" content="text/html; charset=UTF-8"> |
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge"> |
|||
<!-- <script type="text/javascript" src="/js/echarts.min.js"></script> --> |
|||
<!-- <script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts-gl/echarts-gl.min.js"></script> --> |
|||
<script type="text/javascript" src="/js/jquery-1.8.1.min.js"></script> |
|||
<script type="text/javascript" src="/js/jquery.form.js"></script> |
|||
<script src="/js/lightBox.js" type="text/javascript"></script> |
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> |
|||
<title>{if $smarty.get.refund_status == $smarty.const.REFUND_STATUS_AFTER_SALE_ING}售后监控{/if}{if $smarty.get.order_status == $smarty.const.ORDER_STATUS_WAIT_DELIVER_GOODS}发货提醒{/if}</title> |
|||
<meta name="viewport" content="width=device-width,initial-scale=1"> |
|||
<link href="/css/global.css?v={$smarty.const.CSS_JS_VERSION}" media="screen" rel="stylesheet" type="text/css"> |
|||
<link rel="stylesheet" href="/css/bootstrap-datetimepicker.min.css"> |
|||
{literal} |
|||
<!--[if lt IE 9]> |
|||
<script type="text/javascript"> |
|||
// iepp v2.1pre @jon_neal & @aFarkas github.com/aFarkas/iepp |
|||
// html5shiv @rem remysharp.com/html5-enabling-script |
|||
// Dual licensed under the MIT or GPL Version 2 licenses |
|||
/*@cc_on(function(a,b){function r(a){var b=-1;while(++b<f)a.createElement(e[b])}if(!window.attachEvent||!b.createStyleSheet||!function(){var a=document.createElement("div");return a.innerHTML="<elem></elem>",a.childNodes.length!==1}())return;a.iepp=a.iepp||{};var c=a.iepp,d=c.html5elements||"abbr|article|aside|audio|bdi|canvas|data|datalist|details|figcaption|figure|footer|header|hgroup|mark|meter|nav|output|progress|section|subline|summary|time|video",e=d.split("|"),f=e.length,g=new RegExp("(^|\\s)("+d+")","gi"),h=new RegExp("<(/*)("+d+")","gi"),i=/^\s*[\{\}]\s*$/,j=new RegExp("(^|[^\\n]*?\\s)("+d+")([^\\n]*)({[\\n\\w\\W]*?})","gi"),k=b.createDocumentFragment(),l=b.documentElement,m=b.getElementsByTagName("script")[0].parentNode,n=b.createElement("body"),o=b.createElement("style"),p=/print|all/,q;c.getCSS=function(a,b){try{if(a+""===undefined)return""}catch(d){return""}var e=-1,f=a.length,g,h=[];while(++e<f){g=a[e];if(g.disabled)continue;b=g.media||b,p.test(b)&&h.push(c.getCSS(g.imports,b),g.cssText),b="all"}return h.join("")},c.parseCSS=function(a){var b=[],c;while((c=j.exec(a))!=null)b.push(((i.exec(c[1])?"\n":c[1])+c[2]+c[3]).replace(g,"$1.iepp-$2")+c[4]);return b.join("\n")},c.writeHTML=function(){var a=-1;q=q||b.body;while(++a<f){var c=b.getElementsByTagName(e[a]),d=c.length,g=-1;while(++g<d)c[g].className.indexOf("iepp-")<0&&(c[g].className+=" iepp-"+e[a])}k.appendChild(q),l.appendChild(n),n.className=q.className,n.id=q.id,n.innerHTML=q.innerHTML.replace(h,"<$1font")},c._beforePrint=function(){if(c.disablePP)return;o.styleSheet.cssText=c.parseCSS(c.getCSS(b.styleSheets,"all")),c.writeHTML()},c.restoreHTML=function(){if(c.disablePP)return;n.swapNode(q)},c._afterPrint=function(){c.restoreHTML(),o.styleSheet.cssText=""},r(b),r(k);if(c.disablePP)return;m.insertBefore(o,m.firstChild),o.media="print",o.className="iepp-printshim",a.attachEvent("onbeforeprint",c._beforePrint),a.attachEvent("onafterprint",c._afterPrint)})(this,document)@*/ |
|||
</script> |
|||
<![endif]--> |
|||
{/literal} |
|||
<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> |
|||
|
|||
<!-- Topbar |
|||
================================================== --> |
|||
{include file="include/header.html"} |
|||
|
|||
<!-- Page |
|||
================================================== --> |
|||
|
|||
|
|||
<div id="page"> |
|||
<div class="container"> |
|||
<aside id="sidebar" class="sidebar"> |
|||
<div id="filter" class="filter module"> |
|||
</div> |
|||
<div id="search" class="domain-search module"> |
|||
{include file="include/leftmenu.html"} |
|||
</div> |
|||
</aside> |
|||
|
|||
<section id="main"> |
|||
<div id="main-content"> |
|||
<div class="record-control"> |
|||
<div class="header"> |
|||
<span style="font-size:14px;padding:5px">{if $smarty.get.refund_status == $smarty.const.REFUND_STATUS_AFTER_SALE_ING}退款/投诉{/if}{if $smarty.get.order_status == $smarty.const.ORDER_STATUS_WAIT_DELIVER_GOODS}发货提醒{/if}</span> |
|||
<div class="flash-message"></div> |
|||
<ul class="tabs"> |
|||
</ul> |
|||
</div> |
|||
</div> |
|||
|
|||
{if $smarty.get.order_status == $smarty.const.ORDER_STATUS_WAIT_DELIVER_GOODS} |
|||
<div class="entry"> |
|||
<div class="modal-body"> |
|||
<table class="table table-striped table-bordered table-condensed"> |
|||
<tbody class='js-bundle-record-list'> |
|||
<tr> |
|||
<td> |
|||
<!-- 选择店铺： |
|||
<select name="shop_tb_pay_id" id="shop_tb_pay_id" style="width: 192px;"> |
|||
<option value="0">请选择要查询的店铺</option> |
|||
{foreach from=$tb_pay_methods item=item key=key} |
|||
<option value="{$key}" {if $smarty.get.shopid == $key}selected{/if}>{$item.appid}</option> |
|||
{/foreach} |
|||
</select> |
|||
|
|||
状态： |
|||
<select name="status" id="status" style="width: 192px;"> |
|||
<option value="0">请选择状态</option> |
|||
{foreach from=$tb_status_desc item=status_desc key=status} |
|||
<option value="{$status}" {if $smarty.get.status == $status}selected{/if}>{$status_desc}</option> |
|||
{/foreach} |
|||
</select> |
|||
|
|||
时间： |
|||
<input class="span2" style='width:80px' type="text" id="start_date" name="stime" value="{$smarty.get.start_date}" /> |
|||
- |
|||
<input class="span2" style='width:80px' type="text" id="end_date" name="etime" value="{$smarty.get.end_date}"/> |
|||
<button class="button primary next" onclick="search()">搜索</button> |
|||
--> |
|||
<button onclick="exportPddOrders();" class="button primary next" style="background-color: red;background-image: -webkit-linear-gradient(top, red, red);border: 1px solid red;float:right">导出拼多多批量发货列表</button> |
|||
</td> |
|||
</tr> |
|||
</td> |
|||
</tr> |
|||
</tbody> |
|||
</table> |
|||
</div> |
|||
<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"> |
|||
<div class="admin-table-list-header"> |
|||
<div><span>订单列表/</span></div> |
|||
<div><span>订单列表</span></div> |
|||
<!-- <div><span>导出列表</span></div> --> |
|||
</div> |
|||
{/if} |
|||
<div class="modal-body"> |
|||
<!-- <div id="container" style="height: 400px"></div> --> |
|||
|
|||
<div class="modal-body"> |
|||
<!-- <div id="container" style="height: 400px"></div> --> |
|||
<div class="modal-body"> |
|||
{if count($page_list) > 1} |
|||
{if isset($prev_page)} |
|||
<a href="{$prev_page}">上一页</a> |
|||
{/if} |
|||
|
|||
{foreach from=$page_list key=key item=item} |
|||
<a href="{$item.url}">{if $key+1 eq $curpage}<b>{/if}{$item.page}{if $key+1 eq $curpage}</b>{/if}</a> |
|||
{/foreach} |
|||
|
|||
{if isset($post_page)} |
|||
<a href="{$post_page}">下一页</a> |
|||
{/if} |
|||
{/if} |
|||
</div> |
|||
<div class="entry"> |
|||
<div class="record-control"> |
|||
</div> |
|||
<div class="modal-body"> |
|||
<table class="table table-bordered table-condensed"> |
|||
<thead> |
|||
<tr> |
|||
<th>商品名称</th> |
|||
<th>订单号</th> |
|||
<th>收入</th> |
|||
<th>销售时间</th> |
|||
<th>订单状态</th> |
|||
<th>售后状态</th> |
|||
{if $smarty.get.refund_status == $smarty.const.REFUND_STATUS_AFTER_SALE_ING} |
|||
<th>操作</th> |
|||
{/if} |
|||
</tr> |
|||
</thead> |
|||
<tbody class='js-bundle-record-list'> |
|||
{foreach from=$list key=key item=item} |
|||
<tr> |
|||
<td class='td-valign'><a href="https://mobile.yangkeduo.com/goods.html?goods_id={$item.goods_id}&sku_id={$item.sku_id}" target="_blank">{$goodsid2skuid2info[$item.goods_id][$item.sku_id].goods_name}【{$goodsid2skuid2info[$item.goods_id][$item.sku_id].sku_name}】</a></td> |
|||
<td class='td-valign'>{$item.order_sn}</td> |
|||
<td class='td-valign'>{$item.pay_amount}</td> |
|||
<td class='td-valign'>{$item.pay_time}</td> |
|||
<td class='td-valign'>{$order_status[$item.order_status]}</td> |
|||
<td class='td-valign'>{$refund_status[$item.refund_status]}</td> |
|||
{if $smarty.get.refund_status == $smarty.const.REFUND_STATUS_AFTER_SALE_ING} |
|||
<td class='td-valign'><a href="https://mms.pinduoduo.com/aftersales/aftersale_list" target="_blank">立即处理</a></td> |
|||
{/if} |
|||
</tr> |
|||
{/foreach} |
|||
</tbody> |
|||
</table> |
|||
</div> |
|||
</div> |
|||
</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> |
|||
</div> |
|||
</div> |
|||
|
|||
</div></section><!--end of main section--> |
|||
|
|||
</div><!--end of container--> |
|||
|
|||
</div><!--end of #page--> |
|||
<!-- footer |
|||
================================================== --> |
|||
<iframe width=0 height=0 name="mframe" id="mframe"></iframe> |
|||
<script src="/js/bootstrap-datetimepicker.min.js"></script> |
|||
<script src="/js/bootstrap-datetimepicker.zh-CN.js"></script> |
|||
<script src="/js/echarts.min.js"></script> |
|||
</div> |
|||
</div> |
|||
<script src="/js/layui.js"></script> |
|||
<script src="/js/clipboard.min.js"></script> |
|||
{literal} |
|||
<script type="text/javascript"> |
|||
function exportPddOrders() { |
|||
location.href = '/index/export_wait_deliver_goods_tids'; |
|||
} |
|||
</script> |
|||
{/literal} |
|||
|
|||
{include file="include/footer.html"} |
|||
|
|||
{literal} |
|||
<style> |
|||
#feedback { |
|||
position:fixed; |
|||
right:20px; |
|||
top:92%; |
|||
height:30px; |
|||
width:100px; |
|||
color:#333; |
|||
font-size:12px; |
|||
line-height: 20px; |
|||
background-color:#fff; |
|||
border:1px solid #e2e2e2; |
|||
text-align: center; |
|||
} |
|||
|
|||
#feedback:hover { |
|||
background-color:#e2e2e2; |
|||
} |
|||
|
|||
#feedback a{ |
|||
line-height:30px; |
|||
text-decoration:none; |
|||
color:#333; |
|||
} |
|||
|
|||
</style> |
|||
{/literal} |
|||
|
|||
<!-- UserAgent: Mozilla/5.0 (Windows NT 6.1; rv:12.0) Gecko/20100101 Firefox/12.0 --> |
|||
|
|||
{literal} |
|||
|
|||
<!--[if lt IE 7]> |
|||
<![endif]--> |
|||
<!-- |
|||
<script type="text/javascript"> |
|||
/*Load jQuery if not already loaded*/ if(typeof jQuery == 'undefined'){ document.write("<script type=\"text/javascript\" src=\"" + ('https:' == document.location.protocol ? 'https://' : 'http://')+ "ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js\"></"+"script>"); var __noconflict = true; } |
|||
var IE6UPDATE_OPTIONS = { |
|||
url: "http://blog.dnspod.cn/2010/04/ie6-must-die/", |
|||
message: "DNSPod 新版已经完全取消对微软 Internet Explorer 6.0 浏览器的支持，IE6 用户无法正常使用 DNSPod。请升级您的IE6浏览器至IE8，或者升级至Chrome、火狐、Safari等其他浏览器。", |
|||
icons_path: "https://statics.dnspod.cn/zhanjiang/images/ie6update/" |
|||
<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); |
|||
} |
|||
} |
|||
</script> |
|||
<script type="text/javascript" src="https://statics.dnspod.cn/zhanjiang/javascripts/ie6update.v2.js"></script> |
|||
--> |
|||
<!--[if lt IE 7]> |
|||
<![endif]--> |
|||
,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:'/index/ajax_get_order_list' |
|||
,toolbar: false |
|||
,title: '用户数据表' |
|||
,totalRow: false |
|||
,limit:20 |
|||
,className:'deliver_remind_list_table_class' |
|||
,cols: [[ |
|||
{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:'订单号' |
|||
,templet: function(d){ |
|||
return '<span data-clipboard-text="'+d.order_sn+'" title="点击复制" class="admin-table-td-outter admin-table-td-outter-'+d.order_sn+'">'+ d.order_sn +' <span class="icon-uniE90E admin-table-td-outter-font admin-table-td-outter-font-'+d.order_sn+'"></span></span>'; |
|||
}} |
|||
,{field:'pay_time', title:'支付时间' |
|||
,templet: function(d){ |
|||
return '<span>'+d.pay_time+'</span>'; |
|||
}} |
|||
,{field:'pay_amount', title:'支付金额(元)'} |
|||
,{field:'order_status_desc', title:'订单状态' |
|||
,templet: function(d){ |
|||
return '<span class="'+d.order_status_class+'">'+d.order_status_desc+'</span>'; |
|||
}} |
|||
,{field:'refund_status_desc', title:'退款状态' |
|||
,templet: function(d){ |
|||
return '<span class="'+d.refund_status_class+'">'+d.refund_status_desc+'</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(); |
|||
} |
|||
for(var i=0; i<data.length; i++){ |
|||
|
|||
var tid = data[i].order_sn; |
|||
var clipboard = new ClipboardJS('.admin-table-td-outter-'+tid); |
|||
clipboard.on('success', function(e) { |
|||
layer.msg('复制成功', {time:1500}); |
|||
if(i < (data.length-2)){ |
|||
clipboard.destroy(); |
|||
e.clearSelection(); |
|||
} |
|||
}); |
|||
} |
|||
} |
|||
}); |
|||
}); |
|||
|
|||
|
|||
<style id="__huaban_Style"> |
|||
#__huaban_Container {font-family: 'helvetica neue', arial, sans-serif; position: absolute; padding-top: 37px; z-index: 100000002; top: 0; left: 0; background-color: transparent; opacity: 1;}#__huaban_Overlay {position: fixed; z-index: 9999; top: 0; right: 0; bottom: 0; left: 0; background-color: #f2f2f2; opacity: .95;}#__huaban_Control {position:relative; z-index: 100000; float: left; background-color: #fcf9f9; border: solid #ccc; border-width: 0 1px 1px 0; height: 200px; width: 200px; opacity: 1;}#__huaban_Control img {position: relative; padding: 0; display: block; margin: 82px auto 0; -ms-interpolation-mode: bicubic;}#__huaban_Control a {position: fixed; z-index: 10001; right: 0; top: 0; left: 0; height: 24px; padding: 12px 0 0; text-align: center; font-size: 14px; line-height: 1em; text-shadow: 0 1px #fff; color: #211922; font-weight: bold; text-decoration: none; background: #fff url(http://huaban.com/img/fullGradient07Normal.png) 0 0 repeat-x; border-bottom: 1px solid #ccc; -mox-box-shadow: 0 0 2px #d7d7d7; -webkit-box-shadow: 0 0 2px #d7d7d7;}#__huaban_Control a:hover {color: #fff; text-decoration: none; background-color: #1389e5; border-color: #1389e5; text-shadow: 0 -1px #46A0E6;}#__huaban_Control a:active {height: 23px; padding-top: 13px; background-color: #211922; border-color: #211922; background-image: url(http://huaban.com/img/fullGradient07Inverted.png); text-shadow: 0 -1px #211922;}.__huabanImagePreview {position: relative; padding: 0; margin: 0; float: left; background-color: #fff; border: solid #e7e7e7; border-width: 0 1px 1px 0; height: 200px; width: 200px; opacity: 1; z-index: 10002; text-align: center;}.__huabanImagePreview .__huabanVideoIcon {position:absolute;display:block;top:0;left:0;width:100%;height:100%;background:url(http://huaban.com/img/media_video.png) center center no-repeat;}.__huabanImagePreview .__huabanImg {border: none; height: 200px; width: 200px; opacity: 1; padding: 0;}.__huabanImagePreview .__huabanImg a {margin: 0; padding: 0; position: absolute; top: 0; bottom: 0; right: 0; left: 0; display: block; text-align: center; z-index: 1;}.__huabanImagePreview .__huabanImg a:hover {background-color: #fcf9f9; border: none;}.__huabanImagePreview .__huabanImg .ImageToPin {max-height: 200px; max-width: 200px; width: auto !important; height: auto !important;}.__huabanImagePreview img.__huaban_PinIt {border: none; position: absolute; top: 82px; left: 42px; display: none; padding: 0; background-color: transparent; z-index: 100;}.__huabanImagePreview img.__huaban_vidind {border: none; position: absolute; top: 75px; left: 75px; padding: 0; background-color: transparent; z-index: 99;}.__huabanDimensions { color: #000; position: relative; margin-top: 180px; text-align: center; font-size: 10px; z-index:10003; display: inline-block; background: white; border-radius: 4px; padding: 0 2px;}#__huaban_Button { display: block; position: absolute; z-index: 999999999; color: #211922; background: #fff; text-shadow: 0 1px #eaeaea; border-radius: 5px; box-shadow: 0 0 2px #555; font: 12px/1 arial; text-align: center; padding: 5px 8px; cursor: pointer; }#__huaban_Button:hover { background-image: -webkit-linear-gradient(top, #fefeff, #efefef); background-image: -moz-linear-gradient(top, #fefeff, #efefef); }.__huaban_Button_share {background: url(http://huaban.com/img/sharebutton.png) no-repeat !important; text-indent: -9999px; width: 70px;} |
|||
</style> |
|||
</script> |
|||
{/literal} |
|||
</body> |
|||
</html> |
|||
</html> |
|||
|
|||
@ -0,0 +1,237 @@ |
|||
<!DOCTYPE html> |
|||
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="zh_CN"> <![endif]--> |
|||
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang="zh_CN"> <![endif]--> |
|||
<!--[if IE 8]> <html class="no-js lt-ie9" lang="zh_CN"> <![endif]--> |
|||
<!--[if gt IE 8]><!--> |
|||
<html class="no-js" lang="zh-CN"> |
|||
<!--<![endif]--> |
|||
<head> |
|||
<meta http-equiv="content-type" content="text/html; charset=UTF-8"> |
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge"> |
|||
<!-- <script type="text/javascript" src="/js/echarts.min.js"></script> --> |
|||
<!-- <script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts-gl/echarts-gl.min.js"></script> --> |
|||
<script type="text/javascript" src="/js/jquery-1.8.1.min.js"></script> |
|||
<script type="text/javascript" src="/js/jquery.form.js"></script> |
|||
<script src="/js/lightBox.js" type="text/javascript"></script> |
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> |
|||
<title>{if $smarty.get.refund_status == $smarty.const.REFUND_STATUS_AFTER_SALE_ING}售后监控{/if}{if $smarty.get.order_status == $smarty.const.ORDER_STATUS_WAIT_DELIVER_GOODS}发货提醒{/if}</title> |
|||
<meta name="viewport" content="width=device-width,initial-scale=1"> |
|||
<link href="/css/global.css?v={$smarty.const.CSS_JS_VERSION}" media="screen" rel="stylesheet" type="text/css"> |
|||
<link rel="stylesheet" href="/css/bootstrap-datetimepicker.min.css"> |
|||
{literal} |
|||
<!--[if lt IE 9]> |
|||
<script type="text/javascript"> |
|||
// iepp v2.1pre @jon_neal & @aFarkas github.com/aFarkas/iepp |
|||
// html5shiv @rem remysharp.com/html5-enabling-script |
|||
// Dual licensed under the MIT or GPL Version 2 licenses |
|||
/*@cc_on(function(a,b){function r(a){var b=-1;while(++b<f)a.createElement(e[b])}if(!window.attachEvent||!b.createStyleSheet||!function(){var a=document.createElement("div");return a.innerHTML="<elem></elem>",a.childNodes.length!==1}())return;a.iepp=a.iepp||{};var c=a.iepp,d=c.html5elements||"abbr|article|aside|audio|bdi|canvas|data|datalist|details|figcaption|figure|footer|header|hgroup|mark|meter|nav|output|progress|section|subline|summary|time|video",e=d.split("|"),f=e.length,g=new RegExp("(^|\\s)("+d+")","gi"),h=new RegExp("<(/*)("+d+")","gi"),i=/^\s*[\{\}]\s*$/,j=new RegExp("(^|[^\\n]*?\\s)("+d+")([^\\n]*)({[\\n\\w\\W]*?})","gi"),k=b.createDocumentFragment(),l=b.documentElement,m=b.getElementsByTagName("script")[0].parentNode,n=b.createElement("body"),o=b.createElement("style"),p=/print|all/,q;c.getCSS=function(a,b){try{if(a+""===undefined)return""}catch(d){return""}var e=-1,f=a.length,g,h=[];while(++e<f){g=a[e];if(g.disabled)continue;b=g.media||b,p.test(b)&&h.push(c.getCSS(g.imports,b),g.cssText),b="all"}return h.join("")},c.parseCSS=function(a){var b=[],c;while((c=j.exec(a))!=null)b.push(((i.exec(c[1])?"\n":c[1])+c[2]+c[3]).replace(g,"$1.iepp-$2")+c[4]);return b.join("\n")},c.writeHTML=function(){var a=-1;q=q||b.body;while(++a<f){var c=b.getElementsByTagName(e[a]),d=c.length,g=-1;while(++g<d)c[g].className.indexOf("iepp-")<0&&(c[g].className+=" iepp-"+e[a])}k.appendChild(q),l.appendChild(n),n.className=q.className,n.id=q.id,n.innerHTML=q.innerHTML.replace(h,"<$1font")},c._beforePrint=function(){if(c.disablePP)return;o.styleSheet.cssText=c.parseCSS(c.getCSS(b.styleSheets,"all")),c.writeHTML()},c.restoreHTML=function(){if(c.disablePP)return;n.swapNode(q)},c._afterPrint=function(){c.restoreHTML(),o.styleSheet.cssText=""},r(b),r(k);if(c.disablePP)return;m.insertBefore(o,m.firstChild),o.media="print",o.className="iepp-printshim",a.attachEvent("onbeforeprint",c._beforePrint),a.attachEvent("onafterprint",c._afterPrint)})(this,document)@*/ |
|||
</script> |
|||
<![endif]--> |
|||
{/literal} |
|||
</head> |
|||
<body> |
|||
|
|||
<!-- Topbar |
|||
================================================== --> |
|||
{include file="include/header.html"} |
|||
|
|||
<!-- Page |
|||
================================================== --> |
|||
|
|||
|
|||
<div id="page"> |
|||
<div class="container"> |
|||
<aside id="sidebar" class="sidebar"> |
|||
<div id="filter" class="filter module"> |
|||
</div> |
|||
<div id="search" class="domain-search module"> |
|||
{include file="include/leftmenu.html"} |
|||
</div> |
|||
</aside> |
|||
|
|||
<section id="main"> |
|||
<div id="main-content"> |
|||
<div class="record-control"> |
|||
<div class="header"> |
|||
<span style="font-size:14px;padding:5px">{if $smarty.get.refund_status == $smarty.const.REFUND_STATUS_AFTER_SALE_ING}退款/投诉{/if}{if $smarty.get.order_status == $smarty.const.ORDER_STATUS_WAIT_DELIVER_GOODS}发货提醒{/if}</span> |
|||
<div class="flash-message"></div> |
|||
<ul class="tabs"> |
|||
</ul> |
|||
</div> |
|||
</div> |
|||
|
|||
{if $smarty.get.order_status == $smarty.const.ORDER_STATUS_WAIT_DELIVER_GOODS} |
|||
<div class="entry"> |
|||
<div class="modal-body"> |
|||
<table class="table table-striped table-bordered table-condensed"> |
|||
<tbody class='js-bundle-record-list'> |
|||
<tr> |
|||
<td> |
|||
<!-- 选择店铺： |
|||
<select name="shop_tb_pay_id" id="shop_tb_pay_id" style="width: 192px;"> |
|||
<option value="0">请选择要查询的店铺</option> |
|||
{foreach from=$tb_pay_methods item=item key=key} |
|||
<option value="{$key}" {if $smarty.get.shopid == $key}selected{/if}>{$item.appid}</option> |
|||
{/foreach} |
|||
</select> |
|||
|
|||
状态： |
|||
<select name="status" id="status" style="width: 192px;"> |
|||
<option value="0">请选择状态</option> |
|||
{foreach from=$tb_status_desc item=status_desc key=status} |
|||
<option value="{$status}" {if $smarty.get.status == $status}selected{/if}>{$status_desc}</option> |
|||
{/foreach} |
|||
</select> |
|||
|
|||
时间： |
|||
<input class="span2" style='width:80px' type="text" id="start_date" name="stime" value="{$smarty.get.start_date}" /> |
|||
- |
|||
<input class="span2" style='width:80px' type="text" id="end_date" name="etime" value="{$smarty.get.end_date}"/> |
|||
<button class="button primary next" onclick="search()">搜索</button> |
|||
--> |
|||
<button onclick="exportPddOrders();" class="button primary next" style="background-color: red;background-image: -webkit-linear-gradient(top, red, red);border: 1px solid red;float:right">导出拼多多批量发货列表</button> |
|||
</td> |
|||
</tr> |
|||
</td> |
|||
</tr> |
|||
</tbody> |
|||
</table> |
|||
</div> |
|||
</div> |
|||
{/if} |
|||
<div class="modal-body"> |
|||
<!-- <div id="container" style="height: 400px"></div> --> |
|||
|
|||
<div class="modal-body"> |
|||
<!-- <div id="container" style="height: 400px"></div> --> |
|||
<div class="modal-body"> |
|||
{if count($page_list) > 1} |
|||
{if isset($prev_page)} |
|||
<a href="{$prev_page}">上一页</a> |
|||
{/if} |
|||
|
|||
{foreach from=$page_list key=key item=item} |
|||
<a href="{$item.url}">{if $key+1 eq $curpage}<b>{/if}{$item.page}{if $key+1 eq $curpage}</b>{/if}</a> |
|||
{/foreach} |
|||
|
|||
{if isset($post_page)} |
|||
<a href="{$post_page}">下一页</a> |
|||
{/if} |
|||
{/if} |
|||
</div> |
|||
<div class="entry"> |
|||
<div class="record-control"> |
|||
</div> |
|||
<div class="modal-body"> |
|||
<table class="table table-bordered table-condensed"> |
|||
<thead> |
|||
<tr> |
|||
<th>商品名称</th> |
|||
<th>订单号</th> |
|||
<th>收入</th> |
|||
<th>销售时间</th> |
|||
<th>订单状态</th> |
|||
<th>售后状态</th> |
|||
{if $smarty.get.refund_status == $smarty.const.REFUND_STATUS_AFTER_SALE_ING} |
|||
<th>操作</th> |
|||
{/if} |
|||
</tr> |
|||
</thead> |
|||
<tbody class='js-bundle-record-list'> |
|||
{foreach from=$list key=key item=item} |
|||
<tr> |
|||
<td class='td-valign'><a href="https://mobile.yangkeduo.com/goods.html?goods_id={$item.goods_id}&sku_id={$item.sku_id}" target="_blank">{$goodsid2skuid2info[$item.goods_id][$item.sku_id].goods_name}【{$goodsid2skuid2info[$item.goods_id][$item.sku_id].sku_name}】</a></td> |
|||
<td class='td-valign'>{$item.order_sn}</td> |
|||
<td class='td-valign'>{$item.pay_amount}</td> |
|||
<td class='td-valign'>{$item.pay_time}</td> |
|||
<td class='td-valign'>{$order_status[$item.order_status]}</td> |
|||
<td class='td-valign'>{$refund_status[$item.refund_status]}</td> |
|||
{if $smarty.get.refund_status == $smarty.const.REFUND_STATUS_AFTER_SALE_ING} |
|||
<td class='td-valign'><a href="https://mms.pinduoduo.com/aftersales/aftersale_list" target="_blank">立即处理</a></td> |
|||
{/if} |
|||
</tr> |
|||
{/foreach} |
|||
</tbody> |
|||
</table> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
|
|||
</div></section><!--end of main section--> |
|||
|
|||
</div><!--end of container--> |
|||
|
|||
</div><!--end of #page--> |
|||
<!-- footer |
|||
================================================== --> |
|||
<iframe width=0 height=0 name="mframe" id="mframe"></iframe> |
|||
<script src="/js/bootstrap-datetimepicker.min.js"></script> |
|||
<script src="/js/bootstrap-datetimepicker.zh-CN.js"></script> |
|||
<script src="/js/echarts.min.js"></script> |
|||
{literal} |
|||
<script type="text/javascript"> |
|||
function exportPddOrders() { |
|||
location.href = '/index/export_wait_deliver_goods_tids'; |
|||
} |
|||
</script> |
|||
{/literal} |
|||
|
|||
{include file="include/footer.html"} |
|||
|
|||
{literal} |
|||
<style> |
|||
#feedback { |
|||
position:fixed; |
|||
right:20px; |
|||
top:92%; |
|||
height:30px; |
|||
width:100px; |
|||
color:#333; |
|||
font-size:12px; |
|||
line-height: 20px; |
|||
background-color:#fff; |
|||
border:1px solid #e2e2e2; |
|||
text-align: center; |
|||
} |
|||
|
|||
#feedback:hover { |
|||
background-color:#e2e2e2; |
|||
} |
|||
|
|||
#feedback a{ |
|||
line-height:30px; |
|||
text-decoration:none; |
|||
color:#333; |
|||
} |
|||
|
|||
</style> |
|||
{/literal} |
|||
|
|||
<!-- UserAgent: Mozilla/5.0 (Windows NT 6.1; rv:12.0) Gecko/20100101 Firefox/12.0 --> |
|||
|
|||
{literal} |
|||
|
|||
<!--[if lt IE 7]> |
|||
<![endif]--> |
|||
<!-- |
|||
<script type="text/javascript"> |
|||
/*Load jQuery if not already loaded*/ if(typeof jQuery == 'undefined'){ document.write("<script type=\"text/javascript\" src=\"" + ('https:' == document.location.protocol ? 'https://' : 'http://')+ "ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js\"></"+"script>"); var __noconflict = true; } |
|||
var IE6UPDATE_OPTIONS = { |
|||
url: "http://blog.dnspod.cn/2010/04/ie6-must-die/", |
|||
message: "DNSPod 新版已经完全取消对微软 Internet Explorer 6.0 浏览器的支持，IE6 用户无法正常使用 DNSPod。请升级您的IE6浏览器至IE8，或者升级至Chrome、火狐、Safari等其他浏览器。", |
|||
icons_path: "https://statics.dnspod.cn/zhanjiang/images/ie6update/" |
|||
} |
|||
</script> |
|||
<script type="text/javascript" src="https://statics.dnspod.cn/zhanjiang/javascripts/ie6update.v2.js"></script> |
|||
--> |
|||
<!--[if lt IE 7]> |
|||
<![endif]--> |
|||
|
|||
|
|||
<style id="__huaban_Style"> |
|||
#__huaban_Container {font-family: 'helvetica neue', arial, sans-serif; position: absolute; padding-top: 37px; z-index: 100000002; top: 0; left: 0; background-color: transparent; opacity: 1;}#__huaban_Overlay {position: fixed; z-index: 9999; top: 0; right: 0; bottom: 0; left: 0; background-color: #f2f2f2; opacity: .95;}#__huaban_Control {position:relative; z-index: 100000; float: left; background-color: #fcf9f9; border: solid #ccc; border-width: 0 1px 1px 0; height: 200px; width: 200px; opacity: 1;}#__huaban_Control img {position: relative; padding: 0; display: block; margin: 82px auto 0; -ms-interpolation-mode: bicubic;}#__huaban_Control a {position: fixed; z-index: 10001; right: 0; top: 0; left: 0; height: 24px; padding: 12px 0 0; text-align: center; font-size: 14px; line-height: 1em; text-shadow: 0 1px #fff; color: #211922; font-weight: bold; text-decoration: none; background: #fff url(http://huaban.com/img/fullGradient07Normal.png) 0 0 repeat-x; border-bottom: 1px solid #ccc; -mox-box-shadow: 0 0 2px #d7d7d7; -webkit-box-shadow: 0 0 2px #d7d7d7;}#__huaban_Control a:hover {color: #fff; text-decoration: none; background-color: #1389e5; border-color: #1389e5; text-shadow: 0 -1px #46A0E6;}#__huaban_Control a:active {height: 23px; padding-top: 13px; background-color: #211922; border-color: #211922; background-image: url(http://huaban.com/img/fullGradient07Inverted.png); text-shadow: 0 -1px #211922;}.__huabanImagePreview {position: relative; padding: 0; margin: 0; float: left; background-color: #fff; border: solid #e7e7e7; border-width: 0 1px 1px 0; height: 200px; width: 200px; opacity: 1; z-index: 10002; text-align: center;}.__huabanImagePreview .__huabanVideoIcon {position:absolute;display:block;top:0;left:0;width:100%;height:100%;background:url(http://huaban.com/img/media_video.png) center center no-repeat;}.__huabanImagePreview .__huabanImg {border: none; height: 200px; width: 200px; opacity: 1; padding: 0;}.__huabanImagePreview .__huabanImg a {margin: 0; padding: 0; position: absolute; top: 0; bottom: 0; right: 0; left: 0; display: block; text-align: center; z-index: 1;}.__huabanImagePreview .__huabanImg a:hover {background-color: #fcf9f9; border: none;}.__huabanImagePreview .__huabanImg .ImageToPin {max-height: 200px; max-width: 200px; width: auto !important; height: auto !important;}.__huabanImagePreview img.__huaban_PinIt {border: none; position: absolute; top: 82px; left: 42px; display: none; padding: 0; background-color: transparent; z-index: 100;}.__huabanImagePreview img.__huaban_vidind {border: none; position: absolute; top: 75px; left: 75px; padding: 0; background-color: transparent; z-index: 99;}.__huabanDimensions { color: #000; position: relative; margin-top: 180px; text-align: center; font-size: 10px; z-index:10003; display: inline-block; background: white; border-radius: 4px; padding: 0 2px;}#__huaban_Button { display: block; position: absolute; z-index: 999999999; color: #211922; background: #fff; text-shadow: 0 1px #eaeaea; border-radius: 5px; box-shadow: 0 0 2px #555; font: 12px/1 arial; text-align: center; padding: 5px 8px; cursor: pointer; }#__huaban_Button:hover { background-image: -webkit-linear-gradient(top, #fefeff, #efefef); background-image: -moz-linear-gradient(top, #fefeff, #efefef); }.__huaban_Button_share {background: url(http://huaban.com/img/sharebutton.png) no-repeat !important; text-indent: -9999px; width: 70px;} |
|||
</style> |
|||
{/literal} |
|||
</body> |
|||
</html> |
|||
@ -0,0 +1,238 @@ |
|||
<!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-lg12 deliver-remind-body-right admin-table-body"> |
|||
<div class="admin-table-list-header"> |
|||
<div><span>发货提醒/</span></div> |
|||
<div><span>待发货列表</span></div> |
|||
<div><a href="/index/export_wait_deliver_goods_tids"><span>导出待发货列表</span></a></div> |
|||
</div> |
|||
<div id="test"></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> |
|||
</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.$; |
|||
|
|||
//清除翻页后上一页遗漏的定时器 |
|||
var intervalsMap = new Map(); |
|||
|
|||
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); |
|||
} |
|||
} |
|||
,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:'/index/ajax_get_wait_deliver_list' |
|||
,toolbar: false |
|||
,title: '用户数据表' |
|||
,totalRow: false |
|||
,className:'deliver_remind_list_table_class' |
|||
,limit:20 |
|||
,cols: [[ |
|||
{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:'订单号' |
|||
,templet: function(d){ |
|||
return '<span data-clipboard-text="'+d.order_sn+'" title="点击复制" class="admin-table-td-outter admin-table-td-outter-'+d.order_sn+'">'+ d.order_sn +' <span class="icon-uniE90E admin-table-td-outter-font admin-table-td-outter-font-'+d.order_sn+'"></span></span>'; |
|||
}} |
|||
,{field:'pay_time', title:'销售时间/倒计时' |
|||
,templet: function(d){ |
|||
if(d.is_show_count_down == true) return '<label id="count_down_wait_'+d.order_sn+'" content="'+d.pay_time+'" class="count_down_wait"><span id="count-down-time-'+d.order_sn+'">倒计时：'+d.count_down+'</span></label>'; |
|||
return '<span>'+d.pay_time+'</span>'; |
|||
}} |
|||
,{field:'pay_amount', title:'支付金额(元)'} |
|||
,{field:'status', title:'顾客催发' |
|||
,templet: function(d){ |
|||
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> 已催</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){ |
|||
//删除翻页遗漏的定时器，避免内存泄露 |
|||
for(let key of intervalsMap.keys()){ |
|||
clearInterval(intervalsMap.get(key)); |
|||
intervalsMap.delete(key); |
|||
} |
|||
|
|||
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(); |
|||
} |
|||
|
|||
var countDownList = new Array(); |
|||
for(var i=0; i<data.length; i++){ |
|||
if(data[i].is_show_count_down == true){ |
|||
countDownList.push(data[i]); |
|||
} |
|||
} |
|||
|
|||
for(var i=0; i<data.length; i++){ |
|||
var tid = data[i].order_sn; |
|||
var clipboard = new ClipboardJS('.admin-table-td-outter-'+tid); |
|||
clipboard.on('success', function(e) { |
|||
layer.msg('复制成功', {time:1500}); |
|||
if(i < (data.length-2)){ |
|||
clipboard.destroy(); |
|||
e.clearSelection(); |
|||
} |
|||
}); |
|||
|
|||
clipboard.on('error', function(e) { |
|||
console.error('Action:', e.action); |
|||
console.error('Trigger:', e.trigger); |
|||
}); |
|||
|
|||
if(data[i].is_show_count_down == true){ |
|||
$('#count_down_wait_'+data[i].order_sn).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].is_urge == true){ |
|||
$('#remind_time_'+data[i].order_sn).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); |
|||
}); |
|||
} |
|||
|
|||
var orderSnObjec = new Object(); |
|||
orderSnObjec.order_sn = data[i].order_sn; |
|||
if(data[i].is_show_count_down == true){ |
|||
var coumtTimeList = data[i].count_down.split(':'); |
|||
var countDownTime = (parseInt(coumtTimeList[0]) * 3600 + parseInt(coumtTimeList[1]) * 60 + parseInt(coumtTimeList[2])) * 1000; |
|||
var startTime = new Date(2099,1,1).getTime(); |
|||
var endTime = startTime+countDownTime; |
|||
util.countdown(endTime, startTime, data[i].order_sn, function(date, st, timer, order_sn){ |
|||
var remainTimeStr = (date[0]*24 + date[1]) + ':' + date[2] + ':' + date[3]; |
|||
var countDownId = '#count-down-time-'+order_sn; |
|||
intervalsMap.set(order_sn, timer); |
|||
if(remainTimeStr == '0:0:0'){ |
|||
var order_pay_time = $('#count_down_wait_'+order_sn).attr('content'); |
|||
$('#count_down_wait_'+order_sn).hide(); |
|||
$('#count_down_wait_'+order_sn).after('<span>'+order_pay_time+'</span>'); |
|||
}else{ |
|||
layui.$(countDownId).html('倒计时：'+ remainTimeStr); |
|||
} |
|||
}); |
|||
} |
|||
} |
|||
} |
|||
}); |
|||
}); |
|||
|
|||
|
|||
</script> |
|||
{/literal} |
|||
</body> |
|||
</html> |
|||
Loading…
Reference in new issue