diymall-water/WebRoot/admin/dashboard.htm

##tlayout("admin/layout.htm"){

<div class="breadcrumbs">
	<div class="breadcrumbs_title">数据统计</div>
</div>
<div class="page-content">
	<div class="row">
		<div class="col-xs-12" style="width: 1000px;margin: 25px 0px;">
			<div class="row">
				<div class="col-xs-6 col-sm-3 pricing-box">
					<div class="widget-box">
						<div class="widget-header header-color-blue">
							<h5 class="bigger lighter">一周订单</h5>
						</div>
						<div class="widget-body">
							<div class="widget-main">
								<ul class="list-unstyled spaced2">
									<li><i class="icon-ok green"></i><a href="/admin/orders?status=1&startT=${weekStart!}&endT=${weekEnd!}">待发货：${week_daifahuo!0}</a></li>
									<li><i class="icon-ok green"></i><a href="/admin/orders?status=2&startT=${weekStart!}&endT=${weekEnd!}">已发货：${week_yifahuo!0}</a></li>
									<li><i class="icon-ok green"></i><a href="/admin/orders?status=8&startT=${weekStart!}&endT=${weekEnd!}">已收货：${week_yishouhuo!0}</a></li>
									<li><i class="icon-ok green"></i><a href="/admin/orders?status=3&startT=${weekStart!}&endT=${weekEnd!}">已完成：${week_yiwancheng!0}</a></li>
									<li><i class="icon-ok green"></i><a href="/admin/orders?startT=${weekStart!}&endT=${weekEnd!}">订单总量：${week_zongliang!0}</a></li>
								</ul>
							</div>
						</div>
					</div>
				</div>
				<div class="col-xs-6 col-sm-3 pricing-box">
					<div class="widget-box">
						<div class="widget-header header-color-green">
							<h5 class="bigger lighter">一月订单</h5>
						</div>
						<div class="widget-body">
							<div class="widget-main">
								<ul class="list-unstyled spaced2">
									<li><i class="icon-ok green"></i><a href="/admin/orders?status=1&startT=${monthStart!}&endT=${monthEnd!}">待发货：${month_daifahuo!0}</a></li>
									<li><i class="icon-ok green"></i><a href="/admin/orders?status=2&startT=${monthStart!}&endT=${monthEnd!}">已发货：${month_yifahuo!0}</a></li>
									<li><i class="icon-ok green"></i><a href="/admin/orders?status=8&startT=${monthStart!}&endT=${monthEnd!}">已收货：${month_yishouhuo!0}</a></li>
									<li><i class="icon-ok green"></i><a href="/admin/orders?status=3&startT=${monthStart!}&endT=${monthEnd!}">已完成：${month_yiwancheng!0}</a></li>
									<li><i class="icon-ok green"></i><a href="/admin/orders?startT=${monthStart!}&endT=${monthEnd!}">订单总量：${month_zongliang!0}</a></li>
								</ul>
							</div>
						</div>
					</div>
				</div>
				<div class="col-xs-6 col-sm-3 pricing-box">
					<div class="widget-box">
						<div class="widget-header header-color-dark">
							<h5 class="bigger lighter">总订单</h5>
						</div>
						<div class="widget-body">
							<div class="widget-main">
								<ul class="list-unstyled spaced2">
									<li><i class="icon-ok green"></i><a href="/admin/orders?status=1">待发货：${zong_daifahuo!0}</a></li>
									<li><i class="icon-ok green"></i><a href="/admin/orders?status=2">已发货：${zong_yifahuo!0}</a></li>
									<li><i class="icon-ok green"></i><a href="/admin/orders?status=8">已收货：${zong_yishouhuo!0}</a></li>
									<li><i class="icon-ok green"></i><a href="/admin/orders?status=3">已完成：${zong_yiwancheng!0}</a></li>
									<li><i class="icon-ok green"></i><a href="/admin/orders">订单总量：${zong_zongliang!0}</a></li>
								</ul>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="col-xs-12" id="orders" style="width: 100%;height:400px;margin-top: 25px;"></div>
		<div class="col-xs-12" id="account" style="width: 100%;height:400px;margin-top: 25px;"></div>
	</div>
</div>
<script src="/admin/script/echarts.min.js"></script>
<script>
var orders_chart = echarts.init(document.getElementById('orders'));
var orders_option = {
    title: {
        text: '月订单量走势图'
    },
    tooltip: {
        trigger: 'axis'
    },
    grid: {
        left: '3%',
        right: '4%',
        bottom: '3%',
        containLabel: true
    },
    xAxis: {
        type: 'category',
        boundaryGap: false,
        data: [
				##for(_item in orders_list!){
					##if(_itemLP.index!=orders_list.~size){
						'${_item.create_date!}',
					##}else{
						'${_item.create_date!}'            		   
					##}
				##}
               ]
    },
    yAxis: {
        type: 'value'
    },
    series: [
        {
            name:'订单量',
            type:'line',
            data:[
					##for(_item in orders_list!){
						##if(_itemLP.index!=orders_list.~size){
							${_item.zongliang!},
						##}else{
							${_item.zongliang!}            		   
						##}
					##}
                  ]
        }
    ]
};
orders_chart.setOption(orders_option);
var account_chart = echarts.init(document.getElementById('account'));
var account_option = {
    title: {
        text: '月交易额走势图'
    },
    tooltip: {
        trigger: 'axis'
    },
    grid: {
        left: '3%',
        right: '4%',
        bottom: '3%',
        containLabel: true
    },
    xAxis: {
        type: 'category',
        boundaryGap: false,
        data: [
				##for(_item in orders_list!){
					##if(_itemLP.index!=orders_list.~size){
						'${_item.create_date!}',
					##}else{
						'${_item.create_date!}'            		   
					##}
				##}
               ]
    },
    yAxis: {
        type: 'value'
    },
    series: [
        {
            name:'交易额',
            type:'line',
            data:[
					##for(_item in orders_list!){
						##if(_itemLP.index!=orders_list.~size){
							${_item.account!},
						##}else{
							${_item.account!}            		   
						##}
					##}
                  ]
        }
    ]
};
account_chart.setOption(account_option);
</script>
##}