You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
420 lines
13 KiB
420 lines
13 KiB
<!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>
|