244 lines
7.8 KiB
HTML
244 lines
7.8 KiB
HTML
<!DOCTYPE html>
|
||
<html>
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>后台首页</title>
|
||
<link rel="shortcut icon" href="favicon.ico">
|
||
<link href="__CSS__/bootstrap.min.css" rel="stylesheet">
|
||
<link href="__FONT__/font-awesome.min.css?v=4.4.0" rel="stylesheet">
|
||
<!-- <link href="__CSS__/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet">
|
||
<link href="__FONT__/font-awesome/4.4.0/css/font-awesome.css?v=4.4.0" rel="stylesheet"> -->
|
||
<!-- <link href="__CSS__/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet"> -->
|
||
<link href="__CSS__/style.min.css?v=4.1.0" rel="stylesheet">
|
||
</head>
|
||
<body class="gray-bg">
|
||
<div class="wrapper wrapper-content">
|
||
<div class="row">
|
||
<div class="col-sm-2">
|
||
<div class="ibox float-e-margins">
|
||
<div class="ibox-title">
|
||
<span class="label label-primary pull-right">今日</span>
|
||
<h5>正在咨询的人数</h5>
|
||
</div>
|
||
<div class="ibox-content">
|
||
<h1 class="no-margins">{$data['is_talking']}</h1>
|
||
<div class="stat-percent font-bold text-navy"></div>
|
||
<small></small>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-2">
|
||
<div class="ibox float-e-margins">
|
||
<div class="ibox-title">
|
||
<span class="label label-primary pull-right">今日</span>
|
||
<h5>当前在线客服数</h5>
|
||
</div>
|
||
<div class="ibox-content">
|
||
<h1 class="no-margins">{$data['online_kf']}</h1>
|
||
<div class="stat-percent font-bold text-danger"></div>
|
||
<small></small>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-2">
|
||
<div class="ibox float-e-margins">
|
||
<div class="ibox-title">
|
||
<span class="label label-primary pull-right">今日</span>
|
||
<h5>总会话量</h5>
|
||
</div>
|
||
<div class="ibox-content">
|
||
<h1 class="no-margins">{$data['success_in']}</h1>
|
||
<div class="stat-percent font-bold text-danger"></div>
|
||
<small></small>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-2">
|
||
<div class="ibox float-e-margins">
|
||
<div class="ibox-title">
|
||
<span class="label label-primary pull-right">今日</span>
|
||
<h5>订单数</h5>
|
||
</div>
|
||
<div class="ibox-content">
|
||
<h1 class="no-margins">{$data['order_num']}</h1>
|
||
<div class="stat-percent font-bold text-danger"></div>
|
||
<small></small>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-2">
|
||
<div class="ibox float-e-margins">
|
||
<div class="ibox-title">
|
||
<span class="label label-primary pull-right">今日</span>
|
||
<h5>充值金额(元)</h5>
|
||
</div>
|
||
<div class="ibox-content">
|
||
<h1 class="no-margins">{$data['money_total']}</h1>
|
||
<div class="stat-percent font-bold text-danger"></div>
|
||
<small></small>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="row">
|
||
<div class="col-sm-8">
|
||
<div class="ibox float-e-margins">
|
||
<div class="ibox-title">
|
||
<h5>今日流量分析</h5>
|
||
</div>
|
||
<div class="ibox-content no-padding">
|
||
<div class="ibox-content" style="height: 350px" id="main">
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-4">
|
||
<div class="ibox float-e-margins">
|
||
<div class="ibox-title">
|
||
<h5>系统说明</h5>
|
||
</div>
|
||
<div class="ibox-content">
|
||
<div class="alert alert-info">
|
||
欢迎进入客户系统后台管理!
|
||
</div>
|
||
|
||
<div class="alert alert-danger">
|
||
欢迎
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="row">
|
||
<div class="col-sm-8">
|
||
<div class="ibox float-e-margins">
|
||
<div class="ibox-title">
|
||
<h5>今日充值分析</h5>
|
||
</div>
|
||
<div class="ibox-content no-padding">
|
||
<div class="ibox-content" style="height: 350px" id="main-1">
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<script src="__JS__/jquery.min.js?v=2.1.4"></script>
|
||
<script src="__JS__/bootstrap.min.js?v=3.3.6"></script>
|
||
<script src="/static/admin/js/plugins/echarts/echarts.min.js"></script>
|
||
<script type="text/javascript">
|
||
var data = {$show_data};
|
||
console.log(data);
|
||
// 基于准备好的dom，初始化echarts实例
|
||
var myChart = echarts.init(document.getElementById('main'));
|
||
// 指定图表的配置项和数据
|
||
var option = {
|
||
tooltip: {
|
||
trigger: 'axis',
|
||
axisPointer: {
|
||
type: 'cross',
|
||
label: {
|
||
|
||
}
|
||
}
|
||
},
|
||
legend: {
|
||
data:['正在咨询的会员','总会话量', '订单数',]
|
||
},
|
||
grid: {
|
||
left: '3%',
|
||
right: '4%',
|
||
bottom: '3%',
|
||
containLabel: true,
|
||
},
|
||
toolbox: {
|
||
feature: {
|
||
saveAsImage: {}
|
||
}
|
||
},
|
||
xAxis: {
|
||
type: 'category',
|
||
boundaryGap: false,
|
||
data: ['08:00','09:00','10:00','11:00','12:00','13:00','14:00','15:00','16:00','17:00',
|
||
'18:00','19:00','20:00','21:00','22:00']
|
||
},
|
||
yAxis: {
|
||
type: 'value'
|
||
},
|
||
series: [
|
||
{
|
||
name:'正在咨询的会员',
|
||
type:'line',
|
||
data: data.is_talking
|
||
},
|
||
{
|
||
name:'总会话量',
|
||
type:'line',
|
||
data: data.success_in
|
||
},
|
||
{
|
||
name:'订单数',
|
||
type:'line',
|
||
data: data.order_num
|
||
}
|
||
]
|
||
};
|
||
// 使用刚指定的配置项和数据显示图表。
|
||
myChart.setOption(option);
|
||
|
||
// 基于准备好的dom，初始化echarts实例
|
||
var myChart1 = echarts.init(document.getElementById('main-1'));
|
||
// 指定图表的配置项和数据
|
||
var option = {
|
||
tooltip: {
|
||
trigger: 'axis',
|
||
axisPointer: {
|
||
type: 'cross',
|
||
label: {
|
||
|
||
}
|
||
}
|
||
},
|
||
legend: {
|
||
data:['充值金额']
|
||
},
|
||
grid: {
|
||
left: '3%',
|
||
right: '4%',
|
||
bottom: '3%',
|
||
containLabel: true,
|
||
},
|
||
toolbox: {
|
||
feature: {
|
||
saveAsImage: {}
|
||
}
|
||
},
|
||
xAxis: {
|
||
type: 'category',
|
||
boundaryGap: false,
|
||
data: ['08:00','09:00','10:00','11:00','12:00','13:00','14:00','15:00','16:00','17:00',
|
||
'18:00','19:00','20:00','21:00','22:00']
|
||
},
|
||
yAxis: {
|
||
type: 'value'
|
||
},
|
||
series: [
|
||
{
|
||
name:'充值金额',
|
||
type:'line',
|
||
data: data.money_total
|
||
}
|
||
]
|
||
};
|
||
// 使用刚指定的配置项和数据显示图表。
|
||
myChart1.setOption(option);
|
||
</script>
|
||
</body>
|
||
</html>
|