|
...
|
...
|
@@ -150,6 +150,7 @@ |
|
|
|
padding: 30px 0;
|
|
|
|
}
|
|
|
|
</style>
|
|
|
|
<script SRC="/public/echarts.min.js"></script>
|
|
|
|
<div class="panel panel-default panel-intro">
|
|
|
|
<div class="panel-heading">
|
|
|
|
{:build_heading(null, false)}
|
|
...
|
...
|
@@ -191,192 +192,191 @@ |
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<!--<div class="col-sm-3 col-xs-6">-->
|
|
|
|
<!--<div class="sm-st clearfix">-->
|
|
|
|
<!--<span class="sm-st-icon st-green"><i class="fa fa-cny"></i></span>-->
|
|
|
|
<!--<div class="sm-st-info">-->
|
|
|
|
<!--<span>{$totalorderamount}</span>-->
|
|
|
|
<!--{:__('Total order amount')}-->
|
|
|
|
<!--</div>-->
|
|
|
|
<!--</div>-->
|
|
|
|
<!--<div class="sm-st clearfix">-->
|
|
|
|
<!--<span class="sm-st-icon st-green"><i class="fa fa-cny"></i></span>-->
|
|
|
|
<!--<div class="sm-st-info">-->
|
|
|
|
<!--<span>{$totalorderamount}</span>-->
|
|
|
|
<!--{:__('Total order amount')}-->
|
|
|
|
<!--</div>-->
|
|
|
|
<!--</div>-->
|
|
|
|
<!--</div>-->
|
|
|
|
<!--</div>-->
|
|
|
|
<!--</div>-->
|
|
|
|
|
|
|
|
<div class="row">
|
|
|
|
<!--<div class="col-lg-8">-->
|
|
|
|
<div class="row">
|
|
|
|
<!--<div class="col-lg-8">-->
|
|
|
|
<!--<!–<div id="echart" class="btn-refresh" style="height:200px;width:100%;"></div>–>-->
|
|
|
|
<!--</div>-->
|
|
|
|
<div class="col-lg-12">
|
|
|
|
<div class="card sameheight-item stats">
|
|
|
|
<div class="card-block">
|
|
|
|
<div class="row row-sm stats-container">
|
|
|
|
<div class="col-xs-6 stat-col">
|
|
|
|
<div class="stat-icon"><i class="fa fa-bar-chart"></i></div>
|
|
|
|
<div class="stat">
|
|
|
|
<div class="value"> {$jiankong}</div>
|
|
|
|
<div class="name"> {:__('Jiankong')}</div>
|
|
|
|
</div>
|
|
|
|
<div class="progress">
|
|
|
|
<div class="progress-bar progress-bar-success" style="width: 30%"></div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="col-xs-6 stat-col">
|
|
|
|
<div class="stat-icon"><i class="fa fa-bar-chart"></i></div>
|
|
|
|
<div class="stat">
|
|
|
|
<div class="value"> {$tongxin}</div>
|
|
|
|
<div class="name"> {:__('Tongxin')}</div>
|
|
|
|
</div>
|
|
|
|
<div class="progress">
|
|
|
|
<div class="progress-bar progress-bar-success" style="width: 25%"></div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="col-xs-6 stat-col">
|
|
|
|
<div class="stat-icon"><i class="fa fa-bar-chart"></i></div>
|
|
|
|
<div class="stat">
|
|
|
|
<div class="value"> {$peidian}</div>
|
|
|
|
<div class="name"> {:__('Peidian')}</div>
|
|
|
|
</div>
|
|
|
|
<div class="progress">
|
|
|
|
<div class="progress-bar progress-bar-success" style="width: 25%"></div>
|
|
|
|
<!--</div>-->
|
|
|
|
<div class="col-lg-12">
|
|
|
|
<div class="card sameheight-item stats">
|
|
|
|
<div class="card-block">
|
|
|
|
<div class="row row-sm stats-container">
|
|
|
|
<div class="col-xs-6 stat-col">
|
|
|
|
<div class="stat-icon"><i class="fa fa-bar-chart"></i></div>
|
|
|
|
<div class="stat">
|
|
|
|
<div class="value"> {$jiankong}</div>
|
|
|
|
<div class="name"> {:__('Jiankong')}</div>
|
|
|
|
</div>
|
|
|
|
<div class="progress">
|
|
|
|
<div class="progress-bar progress-bar-success" style="width: 30%"></div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="col-xs-6 stat-col">
|
|
|
|
<div class="stat-icon"><i class="fa fa-bar-chart"></i></div>
|
|
|
|
<div class="stat">
|
|
|
|
<div class="value"> {$jizhong}</div>
|
|
|
|
<div class="name"> {:__('Jizhong')}</div>
|
|
|
|
<div class="col-xs-6 stat-col">
|
|
|
|
<div class="stat-icon"><i class="fa fa-bar-chart"></i></div>
|
|
|
|
<div class="stat">
|
|
|
|
<div class="value"> {$tongxin}</div>
|
|
|
|
<div class="name"> {:__('Tongxin')}</div>
|
|
|
|
</div>
|
|
|
|
<div class="progress">
|
|
|
|
<div class="progress-bar progress-bar-success" style="width: 25%"></div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="progress">
|
|
|
|
<div class="progress-bar progress-bar-success" style="width: 25%"></div>
|
|
|
|
<div class="col-xs-6 stat-col">
|
|
|
|
<div class="stat-icon"><i class="fa fa-bar-chart"></i></div>
|
|
|
|
<div class="stat">
|
|
|
|
<div class="value"> {$peidian}</div>
|
|
|
|
<div class="name"> {:__('Peidian')}</div>
|
|
|
|
</div>
|
|
|
|
<div class="progress">
|
|
|
|
<div class="progress-bar progress-bar-success" style="width: 25%"></div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="col-xs-6 stat-col">
|
|
|
|
<div class="stat-icon"><i class="fa fa-bar-chart"></i></div>
|
|
|
|
<div class="stat">
|
|
|
|
<div class="value"> {$shoufei}</div>
|
|
|
|
<div class="name"> {:__('Shoufei')}</div>
|
|
|
|
<div class="col-xs-6 stat-col">
|
|
|
|
<div class="stat-icon"><i class="fa fa-bar-chart"></i></div>
|
|
|
|
<div class="stat">
|
|
|
|
<div class="value"> {$jizhong}</div>
|
|
|
|
<div class="name"> {:__('Jizhong')}</div>
|
|
|
|
</div>
|
|
|
|
<div class="progress">
|
|
|
|
<div class="progress-bar progress-bar-success" style="width: 25%"></div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="progress">
|
|
|
|
<div class="progress-bar progress-bar-success" style="width: 25%"></div>
|
|
|
|
<div class="col-xs-6 stat-col">
|
|
|
|
<div class="stat-icon"><i class="fa fa-bar-chart"></i></div>
|
|
|
|
<div class="stat">
|
|
|
|
<div class="value"> {$shoufei}</div>
|
|
|
|
<div class="name"> {:__('Shoufei')}</div>
|
|
|
|
</div>
|
|
|
|
<div class="progress">
|
|
|
|
<div class="progress-bar progress-bar-success" style="width: 25%"></div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<!--<div class="col-xs-6 stat-col">-->
|
|
|
|
<!--<div class="stat-icon"><i class="fa fa-dollar"></i></div>-->
|
|
|
|
<!--<div class="stat">-->
|
|
|
|
<!--<div class="value"> {$sevendau}</div>-->
|
|
|
|
<!--<div class="name"> {:__('Seven dau')}</div>-->
|
|
|
|
<!--</div>-->
|
|
|
|
<!--<div class="progress">-->
|
|
|
|
<!--<div class="progress-bar progress-bar-success" style="width: 25%"></div>-->
|
|
|
|
<!--</div>-->
|
|
|
|
<!--</div>-->
|
|
|
|
</div>
|
|
|
|
<!--<div class="col-xs-6 stat-col">-->
|
|
|
|
<!--<div class="stat-icon"><i class="fa fa-dollar"></i></div>-->
|
|
|
|
<!--<div class="stat">-->
|
|
|
|
<!--<div class="value"> {$sevendau}</div>-->
|
|
|
|
<!--<div class="name"> {:__('Seven dau')}</div>-->
|
|
|
|
<!--</div>-->
|
|
|
|
<!--<div class="progress">-->
|
|
|
|
<!--<div class="progress-bar progress-bar-success" style="width: 25%"></div>-->
|
|
|
|
<!--</div>-->
|
|
|
|
<!--</div>-->
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<!--<div class="row" style="margin-top:15px;">-->
|
|
|
|
<!--<div class="row" style="margin-top:15px;">-->
|
|
|
|
|
|
|
|
<!--<div class="col-lg-12">-->
|
|
|
|
<!--</div>-->
|
|
|
|
<!--<div class="col-xs-6 col-md-3">-->
|
|
|
|
<!--<div class="panel bg-blue">-->
|
|
|
|
<!--<div class="panel-body">-->
|
|
|
|
<!--<div class="panel-title">-->
|
|
|
|
<!--<span class="label label-success pull-right">{:__('Real time')}</span>-->
|
|
|
|
<!--<h5>{:__('Category count')}</h5>-->
|
|
|
|
<!--</div>-->
|
|
|
|
<!--<div class="panel-content">-->
|
|
|
|
<!--<h1 class="no-margins">1234</h1>-->
|
|
|
|
<!--<div class="stat-percent font-bold text-gray"><i class="fa fa-commenting"></i> 1234</div>-->
|
|
|
|
<!--<small>{:__('Category count tips')}</small>-->
|
|
|
|
<!--</div>-->
|
|
|
|
<!--</div>-->
|
|
|
|
<!--</div>-->
|
|
|
|
<!--<div class="panel bg-blue">-->
|
|
|
|
<!--<div class="panel-body">-->
|
|
|
|
<!--<div class="panel-title">-->
|
|
|
|
<!--<span class="label label-success pull-right">{:__('Real time')}</span>-->
|
|
|
|
<!--<h5>{:__('Category count')}</h5>-->
|
|
|
|
<!--</div>-->
|
|
|
|
<!--<div class="panel-content">-->
|
|
|
|
<!--<h1 class="no-margins">1234</h1>-->
|
|
|
|
<!--<div class="stat-percent font-bold text-gray"><i class="fa fa-commenting"></i> 1234</div>-->
|
|
|
|
<!--<small>{:__('Category count tips')}</small>-->
|
|
|
|
<!--</div>-->
|
|
|
|
<!--</div>-->
|
|
|
|
<!--</div>-->
|
|
|
|
<!--</div>-->
|
|
|
|
<!--<div class="col-xs-6 col-md-3">-->
|
|
|
|
<!--<div class="panel bg-aqua-gradient">-->
|
|
|
|
<!--<div class="panel-body">-->
|
|
|
|
<!--<div class="ibox-title">-->
|
|
|
|
<!--<span class="label label-info pull-right">{:__('Real time')}</span>-->
|
|
|
|
<!--<h5>{:__('Attachment count')}</h5>-->
|
|
|
|
<!--</div>-->
|
|
|
|
<!--<div class="ibox-content">-->
|
|
|
|
<!--<h1 class="no-margins">1043</h1>-->
|
|
|
|
<!--<div class="stat-percent font-bold text-gray"><i class="fa fa-modx"></i> 2592</div>-->
|
|
|
|
<!--<small>{:__('Attachment count tips')}</small>-->
|
|
|
|
<!--</div>-->
|
|
|
|
<!--</div>-->
|
|
|
|
<!--</div>-->
|
|
|
|
<!--<div class="panel bg-aqua-gradient">-->
|
|
|
|
<!--<div class="panel-body">-->
|
|
|
|
<!--<div class="ibox-title">-->
|
|
|
|
<!--<span class="label label-info pull-right">{:__('Real time')}</span>-->
|
|
|
|
<!--<h5>{:__('Attachment count')}</h5>-->
|
|
|
|
<!--</div>-->
|
|
|
|
<!--<div class="ibox-content">-->
|
|
|
|
<!--<h1 class="no-margins">1043</h1>-->
|
|
|
|
<!--<div class="stat-percent font-bold text-gray"><i class="fa fa-modx"></i> 2592</div>-->
|
|
|
|
<!--<small>{:__('Attachment count tips')}</small>-->
|
|
|
|
<!--</div>-->
|
|
|
|
<!--</div>-->
|
|
|
|
<!--</div>-->
|
|
|
|
<!--</div>-->
|
|
|
|
|
|
|
|
<!--<div class="col-xs-6 col-md-3">-->
|
|
|
|
<!--<div class="panel bg-purple-gradient">-->
|
|
|
|
<!--<div class="panel-body">-->
|
|
|
|
<!--<div class="ibox-title">-->
|
|
|
|
<!--<span class="label label-primary pull-right">{:__('Real time')}</span>-->
|
|
|
|
<!--<h5>{:__('Article count')}</h5>-->
|
|
|
|
<!--</div>-->
|
|
|
|
<!--<div class="ibox-content">-->
|
|
|
|
|
|
|
|
<!--<div class="row">-->
|
|
|
|
<!--<div class="col-md-6">-->
|
|
|
|
<!--<h1 class="no-margins">1234</h1>-->
|
|
|
|
<!--<div class="font-bold"><i class="fa fa-commenting"></i>-->
|
|
|
|
<!--<small>{:__('Comment count')}</small>-->
|
|
|
|
<!--</div>-->
|
|
|
|
<!--</div>-->
|
|
|
|
<!--<div class="col-md-6">-->
|
|
|
|
<!--<h1 class="no-margins">6754</h1>-->
|
|
|
|
<!--<div class="font-bold"><i class="fa fa-heart"></i>-->
|
|
|
|
<!--<small>{:__('Like count')}</small>-->
|
|
|
|
<!--</div>-->
|
|
|
|
<!--</div>-->
|
|
|
|
<!--</div>-->
|
|
|
|
<!--</div>-->
|
|
|
|
<!--</div>-->
|
|
|
|
<!--</div>-->
|
|
|
|
<!--<div class="panel bg-purple-gradient">-->
|
|
|
|
<!--<div class="panel-body">-->
|
|
|
|
<!--<div class="ibox-title">-->
|
|
|
|
<!--<span class="label label-primary pull-right">{:__('Real time')}</span>-->
|
|
|
|
<!--<h5>{:__('Article count')}</h5>-->
|
|
|
|
<!--</div>-->
|
|
|
|
<!--<div class="ibox-content">-->
|
|
|
|
|
|
|
|
<!--<div class="row">-->
|
|
|
|
<!--<div class="col-md-6">-->
|
|
|
|
<!--<h1 class="no-margins">1234</h1>-->
|
|
|
|
<!--<div class="font-bold"><i class="fa fa-commenting"></i>-->
|
|
|
|
<!--<small>{:__('Comment count')}</small>-->
|
|
|
|
<!--</div>-->
|
|
|
|
<!--</div>-->
|
|
|
|
<!--<div class="col-md-6">-->
|
|
|
|
<!--<h1 class="no-margins">6754</h1>-->
|
|
|
|
<!--<div class="font-bold"><i class="fa fa-heart"></i>-->
|
|
|
|
<!--<small>{:__('Like count')}</small>-->
|
|
|
|
<!--</div>-->
|
|
|
|
<!--</div>-->
|
|
|
|
<!--</div>-->
|
|
|
|
<!--</div>-->
|
|
|
|
<!--</div>-->
|
|
|
|
<!--</div>-->
|
|
|
|
<!--</div>-->
|
|
|
|
<!--<div class="col-xs-6 col-md-3">-->
|
|
|
|
<!--<div class="panel bg-green-gradient">-->
|
|
|
|
<!--<div class="panel-body">-->
|
|
|
|
<!--<div class="ibox-title">-->
|
|
|
|
<!--<span class="label label-primary pull-right">{:__('Real time')}</span>-->
|
|
|
|
<!--<h5>{:__('News count')}</h5>-->
|
|
|
|
<!--</div>-->
|
|
|
|
<!--<div class="ibox-content">-->
|
|
|
|
|
|
|
|
<!--<div class="row">-->
|
|
|
|
<!--<div class="col-md-6">-->
|
|
|
|
<!--<h1 class="no-margins">5302</h1>-->
|
|
|
|
<!--<div class="font-bold"><i class="fa fa-commenting"></i>-->
|
|
|
|
<!--<small>{:__('Comment count')}</small>-->
|
|
|
|
<!--</div>-->
|
|
|
|
<!--</div>-->
|
|
|
|
<!--<div class="col-md-6">-->
|
|
|
|
<!--<h1 class="no-margins">8205</h1>-->
|
|
|
|
<!--<div class="font-bold"><i class="fa fa-user"></i>-->
|
|
|
|
<!--<small>{:__('Like count')}</small>-->
|
|
|
|
<!--</div>-->
|
|
|
|
<!--</div>-->
|
|
|
|
<!--</div>-->
|
|
|
|
<!--</div>-->
|
|
|
|
<!--</div>-->
|
|
|
|
<!--</div>-->
|
|
|
|
<!--<div class="panel bg-green-gradient">-->
|
|
|
|
<!--<div class="panel-body">-->
|
|
|
|
<!--<div class="ibox-title">-->
|
|
|
|
<!--<span class="label label-primary pull-right">{:__('Real time')}</span>-->
|
|
|
|
<!--<h5>{:__('News count')}</h5>-->
|
|
|
|
<!--</div>-->
|
|
|
|
<!--</div>-->
|
|
|
|
<!--</div>-->
|
|
|
|
<div class="tab-pane fade" id="two">
|
|
|
|
<div class="row">
|
|
|
|
<div class="col-xs-12">
|
|
|
|
{:__('Custom zone')}
|
|
|
|
<!--<div class="ibox-content">-->
|
|
|
|
|
|
|
|
<!--<div class="row">-->
|
|
|
|
<!--<div class="col-md-6">-->
|
|
|
|
<!--<h1 class="no-margins">5302</h1>-->
|
|
|
|
<!--<div class="font-bold"><i class="fa fa-commenting"></i>-->
|
|
|
|
<!--<small>{:__('Comment count')}</small>-->
|
|
|
|
<!--</div>-->
|
|
|
|
<!--</div>-->
|
|
|
|
<!--<div class="col-md-6">-->
|
|
|
|
<!--<h1 class="no-margins">8205</h1>-->
|
|
|
|
<!--<div class="font-bold"><i class="fa fa-user"></i>-->
|
|
|
|
<!--<small>{:__('Like count')}</small>-->
|
|
|
|
<!--</div>-->
|
|
|
|
<!--</div>-->
|
|
|
|
<!--</div>-->
|
|
|
|
<!--</div>-->
|
|
|
|
<!--</div>-->
|
|
|
|
<!--</div>-->
|
|
|
|
<!--</div>-->
|
|
|
|
<!--</div>-->
|
|
|
|
<!--</div>-->
|
|
|
|
<div class="tab-pane fade" id="two">
|
|
|
|
<div class="row">
|
|
|
|
<div class="col-xs-12">
|
|
|
|
{:__('Custom zone')}
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<script SRC="/public/echarts.min.js"></script>
|
|
|
|
<!-- 为ECharts准备一个具备大小（宽高）的Dom -->
|
|
|
|
<div id="main" style="width: 600px;height:400px;"></div>
|
|
|
|
<script type="text/javascript">
|
|
...
|
...
|
@@ -390,10 +390,10 @@ |
|
|
|
},
|
|
|
|
tooltip: {},
|
|
|
|
legend: {
|
|
|
|
data:['销量']
|
|
|
|
data: ['销量']
|
|
|
|
},
|
|
|
|
xAxis: {
|
|
|
|
data: ["衬衫","羊毛衫","雪纺衫","裤子","高跟鞋","袜子"]
|
|
|
|
data: ["衬衫", "羊毛衫", "雪纺衫", "裤子", "高跟鞋", "袜子"]
|
|
|
|
},
|
|
|
|
yAxis: {},
|
|
|
|
series: [{
|
|
...
|
...
|
@@ -406,10 +406,10 @@ |
|
|
|
// 使用刚指定的配置项和数据显示图表。
|
|
|
|
myChart.setOption(option);
|
|
|
|
</script>
|
|
|
|
<!--<script>-->
|
|
|
|
<!--var Orderdata = {-->
|
|
|
|
<!--<script>-->
|
|
|
|
<!--var Orderdata = {-->
|
|
|
|
<!--column: {:json_encode(array_keys($paylist))},-->
|
|
|
|
<!--paydata: {:json_encode(array_values($paylist))},-->
|
|
|
|
<!--createdata: {:json_encode(array_values($createlist))},-->
|
|
|
|
<!--};-->
|
|
|
|
<!--</script>--> |
|
|
\ No newline at end of file |
|
|
|
<!--};-->
|
|
|
|
<!--</script>--> |
|
|
\ No newline at end of file |
...
|
...
|
|
