@layout("/common/_container.html"){
|
<style>
|
.chart-content {padding: 20px;width: 100%;height: 300px;}
|
</style>
|
<div class="container-fluid" style="padding: 0 !important;">
|
<div class="row">
|
|
<div class="col-md-4">
|
<div class="ibox-title">
|
<h3>门店统计</h3>
|
</div>
|
<div class="row">
|
<div class="col-md-6">
|
<div class="ibox float-e-margins">
|
<div class="ibox-title">
|
<h5>商品总数量</h5>
|
</div>
|
<div class="ibox-content">
|
<div class="row">
|
<div class="col-md-12">
|
<h1 class="no-margins" id="goodsNumber">0</h1>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="col-md-6">
|
<div class="ibox float-e-margins">
|
<div class="ibox-title">
|
<h5>医生数量</h5>
|
</div>
|
<div class="ibox-content">
|
<div class="row">
|
<div class="col-md-12">
|
<h1 class="no-margins" id="doctorNumber">0</h1>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
|
<div class="col-md-4">
|
<div class="ibox-title">
|
<h3>订单分类统计</h3>
|
</div>
|
<div id="typeOrderList">
|
|
</div>
|
</div>
|
|
<div class="col-md-4">
|
<div class="ibox-title">
|
<h3>收益统计</h3>
|
</div>
|
<div class="row">
|
<div class="col-md-6">
|
<div class="ibox float-e-margins">
|
<div class="ibox-title">
|
<h5>订单总数量</h5>
|
</div>
|
<div class="ibox-content">
|
<div class="row">
|
<div class="col-md-12">
|
<h1 class="no-margins" id="countOrder">0</h1>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="col-md-6">
|
<div class="ibox float-e-margins">
|
<div class="ibox-title">
|
<h5>核销次数</h5>
|
</div>
|
<div class="ibox-content">
|
<div class="row">
|
<div class="col-md-12">
|
<h1 class="no-margins" id="useNumber">0</h1>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="col-md-6">
|
<div class="ibox float-e-margins">
|
<div class="ibox-title">
|
<h5>总销售额</h5>
|
</div>
|
<div class="ibox-content">
|
<div class="row">
|
<div class="col-md-12">
|
<h1 class="no-margins" id="orderPrice">0</h1>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
|
</div>
|
</div>
|
|
</div>
|
|
<div class="ibox-title">
|
<label class="control-label">
|
数据类型
|
<select style="margin-left: 10px;" id="dataType" onchange="initData()">
|
<option value="1">订单统计</option>
|
<option value="2">核销</option>
|
<option value="3">营销额</option>
|
</select>
|
</label>
|
|
<div class="btn-group pull-right">
|
<button class="btn btn-outline btn-success btn-xs" style="min-width: 45px" type="button" onclick="changeDateType(1)">日</button>
|
<button class="btn btn-outline btn-success btn-xs" style="min-width: 45px" type="button" onclick="changeDateType(7)">周</button>
|
<button class="btn btn-outline btn-success btn-xs" style="min-width: 45px" type="button" onclick="changeDateType(30)">月</button>
|
</div>
|
</div>
|
<div class="row">
|
<div class="col-sm-12">
|
<div class="ibox-content">
|
<div id="chart1" style="height:500px;border:1px solid #ccc;padding:10px;"></div>
|
</div>
|
</div>
|
</div>
|
</div>
|
<script src="${ctxPath}/static/js/echarts.min.js"></script>
|
<script src="${ctxPath}/static/modular/mall/home/home.js"></script>
|
<script src="${ctxPath}/static/js/plugins/chartJs/echarts-all.js"></script>
|
<script type="text/javascript">
|
var dateType = 1;
|
function changeDateType(option){
|
dateType = option;
|
initData();
|
}
|
function initData(){
|
var dataType = $('#dataType').val();
|
$.ajax({
|
url : "${ctxPath}/indexReport/getDataTrend?dateType="+dateType+"&dataType="+dataType,
|
type : "post",
|
dataType : "json",
|
success : function (map) {
|
var chart1 = echarts.init(document.getElementById('chart1'));
|
chart1.setOption({
|
title : {
|
text: '',
|
subtext: ''
|
},
|
tooltip : {
|
trigger: 'axis'
|
},
|
legend: {
|
data:['-']
|
},
|
toolbox: {
|
show : true,
|
feature : {
|
mark : {show: true},
|
dataView : {show: true, readOnly: false},
|
magicType : {show: true, type: ['line', 'bar']},
|
restore : {show: true},
|
saveAsImage : {show: true}
|
}
|
},
|
calculable : true,
|
xAxis : [
|
{
|
type : 'category',
|
boundaryGap : false,
|
data : map.timeList
|
}
|
],
|
yAxis : [
|
{
|
type : 'value',
|
axisLabel : {
|
formatter: '{value}'
|
}
|
}
|
],
|
series : [
|
{
|
name:'普通用户',
|
type:'line',
|
data:map.num0List,
|
markPoint : {
|
data : [
|
{type : 'max', name: '最大值'},
|
{type : 'min', name: '最小值'}
|
]
|
},
|
markLine : {
|
data : [
|
{type : 'average', name: '平均值'}
|
]
|
}
|
}
|
]
|
});
|
}
|
});
|
}
|
|
$(function() {
|
initFunctionData();
|
setInterval(initFunctionData, 5000);
|
});
|
|
function initFunctionData(){
|
initData();
|
shopIndex();
|
orderIndex();
|
orderPriceIndex();
|
}
|
</script>
|
@}
|
