<!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>