<{import file="index/header.html"}> 
<style type="text/css">
.tjibox{ width:100%;  border-bottom:1px solid #efefef; float:left; }
.tjibox dl{ width:380px; float:left; }
.tjibox dl dt{ width:100px; float:left; }
.tjibox dl dd{ float:left; }
.tj{ width:100%; float:left; }
.tj .name{ width:100%; padding:0 0 10px 0; float:left; }
.tj .name a{ padding:4px 15px; margin-right:10px; background:#1D94CB; color:#fff; float:left; }
.showbox{ width:100%; height:200px; float:left; }

.gseller{ width:500px; border:1px solid #eee; box-sizing: border-box; float:left;}
.gseller .name{ width:100%; border-bottom:1px solid #eee; background:#f8f8f8; float:left;}
.gseller .name span{ font-weight:bold; font-size:14px; padding:6px 0 5px 10px; float:left;}
.gseller .con{ width:100%; float:left;}
.gseller .con dl{ width:100%;box-sizing: border-box; padding:5px 10px; border-bottom:1px solid #eee; float:left;}
.gseller .con dl dt{ float:left; }
.gseller .con dl dd{ padding:0 10px 0 10px; float:left; }
</style>
<div class="nav"><span>产品统计</span></div>  
<div class="main"> 
	<div class="tjibox"> 
		
	</div>
	<div class="tj"></div>
	<div class="showbox">
		<canvas id="myChart" style="height:200px; width:100%"></canvas> 
	</div>  
	<div class="gseller">
		<div class="name"><span>销量排行</span></div>
		<div class="con">
		<{if $vol_list}>
			<{foreach item=i from =$vol_list}>
				<dl>
					<dt><img src="<{$__IMG__}><{$i.images|img_size:30x30}>"></dt>
					<dd style="width:360px;"><a href="<{$__URI__}>goods/<{$i.id}><{$__HTML__}>" target="_blank"><{$i.title}></a></dd>
					<dd style="width:38px;"><{$i.volume}></dd>
				</dl>
			<{/foreach}>
		<{else}>	
			<div class="nomsg">暂无统计</div>
		<{/if}>
		</div>
	</div>
</div>
<{import file="index/footer.html"}>  
<script src="<{$__PUBLIC__}>plug/Chart.min.js"></script>
<script type="text/javascript">
var ctx = $("#myChart");
var chart = new Chart(ctx, {
    type: 'line',  
    data: {
        labels: [<{$row.time}>],
        datasets: [{
            label: "今天", 
            borderColor: 'rgb(255, 99, 132)',
			fill: false,
            data: [<{$row.count1}>],
        },{
            label: "昨天", 
			fill: false,
            data: [<{$row.count2}>]
        }]
    }, 
    options: {}
});
</script> 