|
|
<!DOCTYPE html>
|
<html>
|
<head>
|
<meta charset="utf-8">
|
<title>LMES</title>
|
<meta name="renderer" content="webkit">
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
|
<link rel="stylesheet" href="../../layuiadmin/layui/css/layui.css" media="all">
|
<link rel="stylesheet" href="../../layuiadmin/style/admin.css" media="all">
|
</head>
|
<body>
|
|
<div class="layui-fluid">
|
<div class="layui-row layui-col-space15">
|
|
<div class="layui-col-sm6 layui-col-md3">
|
<div class="layui-card">
|
<div class="layui-card-header">
|
流量
|
<span class="layui-badge layui-bg-blue layuiadmin-badge">周</span>
|
</div>
|
<div class="layui-card-body layuiadmin-card-list">
|
<p class="layuiadmin-big-font"></p>
|
<p>
|
总计
|
<span class="layuiadmin-span-color"><i class="layui-inline layui-icon layui-icon-flag"></i></span>
|
</p>
|
</div>
|
</div>
|
</div>
|
<div class="layui-col-sm6 layui-col-md3">
|
<div class="layui-card">
|
<div class="layui-card-header">
|
下达
|
<span class="layui-badge layui-bg-cyan layuiadmin-badge">月</span>
|
</div>
|
<div class="layui-card-body layuiadmin-card-list">
|
<p class="layuiadmin-big-font">33,555</p>
|
<p>
|
新下达
|
<span class="layuiadmin-span-color">10% <i class="layui-inline layui-icon layui-icon-face-smile-b"></i></span>
|
</p>
|
</div>
|
</div>
|
</div>
|
<div class="layui-col-sm6 layui-col-md3">
|
<div class="layui-card">
|
<div class="layui-card-header">
|
收入
|
<span class="layui-badge layui-bg-green layuiadmin-badge">年</span>
|
</div>
|
<div class="layui-card-body layuiadmin-card-list">
|
|
<p class="layuiadmin-big-font">999,666</p>
|
<p>
|
总收入
|
<span class="layuiadmin-span-color">*** <i class="layui-inline layui-icon layui-icon-dollar"></i></span>
|
</p>
|
</div>
|
</div>
|
</div>
|
<div class="layui-col-sm6 layui-col-md3">
|
<div class="layui-card">
|
<div class="layui-card-header">
|
用户
|
<span class="layui-badge layui-bg-orange layuiadmin-badge">月</span>
|
</div>
|
<div class="layui-card-body layuiadmin-card-list">
|
|
<p class="layuiadmin-big-font">66,666</p>
|
<p>
|
最近一个月
|
<span class="layuiadmin-span-color">15% <i class="layui-inline layui-icon layui-icon-user"></i></span>
|
</p>
|
</div>
|
</div>
|
</div>
|
<div class="layui-col-sm12">
|
<div class="layui-card">
|
<div class="layui-card-header">
|
访问量
|
<div class="layui-btn-group layuiadmin-btn-group">
|
<a href="javascript:;" class="layui-btn layui-btn-primary layui-btn-xs">去年</a>
|
<a href="javascript:;" class="layui-btn layui-btn-primary layui-btn-xs">今年</a>
|
</div>
|
</div>
|
<div class="layui-card-body">
|
<div class="layui-row">
|
<div class="layui-col-sm8">
|
<div class="layui-carousel layadmin-carousel layadmin-dataview" data-anim="fade" lay-filter="LAY-index-pagetwo">
|
<div carousel-item id="LAY-index-pagetwo">
|
<div><i class="layui-icon layui-icon-loading1 layadmin-loading"></i></div>
|
</div>
|
</div>
|
</div>
|
<div class="layui-col-sm4">
|
<div class="layuiadmin-card-list">
|
<p class="layuiadmin-normal-font">月访问数</p>
|
<span>同上期增长</span>
|
<div class="layui-progress layui-progress-big" lay-showPercent="yes">
|
<div class="layui-progress-bar" lay-percent="30%"></div>
|
</div>
|
</div>
|
<div class="layuiadmin-card-list">
|
<p class="layuiadmin-normal-font">月下载数</p>
|
<span>同上期增长</span>
|
<div class="layui-progress layui-progress-big" lay-showPercent="yes">
|
<div class="layui-progress-bar" lay-percent="20%"></div>
|
</div>
|
</div>
|
<div class="layuiadmin-card-list">
|
<p class="layuiadmin-normal-font">月收入</p>
|
<span>同上期增长</span>
|
<div class="layui-progress layui-progress-big" lay-showPercent="yes">
|
<div class="layui-progress-bar" lay-percent="25%"></div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="layui-col-sm4">
|
<div class="layui-card">
|
<div class="layui-card-header">用户留言</div>
|
<div class="layui-card-body">
|
<ul class="layuiadmin-card-status layuiadmin-home2-usernote">
|
<li>
|
<h3></h3>
|
<p></p>
|
<span></span>
|
<a href="javascript:;" layadmin-event="replyNote" data-id="7" class="layui-btn layui-btn-xs layuiadmin-reply">回复</a>
|
</li>
|
<li>
|
<h3></h3>
|
<p></p>
|
<span></span>
|
<a href="javascript:;" layadmin-event="replyNote" data-id="5" class="layui-btn layui-btn-xs layuiadmin-reply">回复</a>
|
</li>
|
<li>
|
<h3></h3>
|
<p></p>
|
<span></span>
|
<a href="javascript:;" layadmin-event="replyNote" data-id="6" class="layui-btn layui-btn-xs layuiadmin-reply">回复</a>
|
</li>
|
<li>
|
<h3></h3>
|
<p></p>
|
<span></span>
|
<a href="javascript:;" layadmin-event="replyNote" data-id="2" class="layui-btn layui-btn-xs layuiadmin-reply">回复</a>
|
</li>
|
<li>
|
<h3></h3>
|
<p></p>
|
<span></span>
|
<a href="javascript:;" layadmin-event="replyNote" data-id="4" class="layui-btn layui-btn-xs layuiadmin-reply">回复</a>
|
</li>
|
<li>
|
<h3></h3>
|
<p></p>
|
<span></span>
|
<a href="javascript:;" layadmin-event="replyNote" data-id="1" class="layui-btn layui-btn-xs layuiadmin-reply">回复</a>
|
</li>
|
</ul>
|
</div>
|
</div>
|
</div>
|
<div class="layui-col-sm8">
|
<div class="layui-row layui-col-space15">
|
<div class="layui-col-sm6">
|
<div class="layui-card">
|
<div class="layui-card-header">本周列表</div>
|
<div class="layui-card-body">
|
<table class="layui-table layuiadmin-page-table" lay-skin="line">
|
<thead>
|
<tr>
|
<th>用户名</th>
|
<th>最后登录时间</th>
|
<th>状态</th>
|
<th>获得赞</th>
|
</tr>
|
</thead>
|
<tbody>
|
<tr>
|
<td><span class="first"></span></td>
|
<td><i class="layui-icon layui-icon-log"> 11:20</i></td>
|
<td><span>在线</span></td>
|
<td>22 <i class="layui-icon layui-icon-praise"></i></td>
|
</tr>
|
<tr>
|
<td><span class="second"></span></td>
|
<td><i class="layui-icon layui-icon-log"> 10:40</i></td>
|
<td><span>在线</span></td>
|
<td>21 <i class="layui-icon layui-icon-praise"></i></td>
|
</tr>
|
<tr>
|
<td><span class="third"></span></td>
|
<td><i class="layui-icon layui-icon-log"> 01:30</i></td>
|
<td><i>离线</i></td>
|
<td>66 <i class="layui-icon layui-icon-praise"></i></td>
|
</tr>
|
<tr>
|
<td></td>
|
<td><i class="layui-icon layui-icon-log"> 21:18</i></td>
|
<td><i>离线</i></td>
|
<td>45 <i class="layui-icon layui-icon-praise"></i></td>
|
</tr>
|
<tr>
|
<td></td>
|
<td><i class="layui-icon layui-icon-log"> 09:30</i></td>
|
<td><span>在线</span></td>
|
<td>21 <i class="layui-icon layui-icon-praise"></i></td>
|
</tr>
|
<tr>
|
<td></td>
|
<td><i class="layui-icon layui-icon-log"> 21:18</i></td>
|
<td><i>在线</i></td>
|
<td>45 <i class="layui-icon layui-icon-praise"></i></td>
|
</tr>
|
<tr>
|
<td></td>
|
<td><i class="layui-icon layui-icon-log"> 09:30</i></td>
|
<td><span>在线</span></td>
|
<td>21 <i class="layui-icon layui-icon-praise"></i></td>
|
</tr>
|
</tbody>
|
</table>
|
</div>
|
</div>
|
</div>
|
<div class="layui-col-sm6">
|
<div class="layui-card">
|
<div class="layui-card-header">项目进展</div>
|
<div class="layui-card-body">
|
<div class="layui-tab-content">
|
<div class="layui-tab-item layui-show">
|
<table id="LAY-index-prograss"></table>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="layui-col-sm12">
|
<div class="layui-card">
|
<div class="layui-card-header">用户分布</div>
|
<div class="layui-card-body">
|
<div class="layui-row layui-col-space15">
|
<div class="layui-col-sm4">
|
<table class="layui-table layuiadmin-page-table" lay-skin="line">
|
<thead>
|
<tr>
|
<th>排名</th>
|
<th>地区</th>
|
<th>人数</th>
|
</tr>
|
</thead>
|
<tbody>
|
<tr>
|
<td>1</td>
|
<td>浙江</td>
|
<td></td>
|
</tr>
|
<tr>
|
<td>2</td>
|
<td>上海</td>
|
<td>59190</td>
|
</tr>
|
<tr>
|
<td>3</td>
|
<td>广东</td>
|
<td>55891</td>
|
</tr>
|
<tr>
|
<td>4</td>
|
<td>北京</td>
|
<td>51919</td>
|
</tr>
|
<tr>
|
<td>5</td>
|
<td>山东</td>
|
<td>39231</td>
|
</tr>
|
<tr>
|
<td>6</td>
|
<td>湖北</td>
|
<td>37109</td>
|
</tr>
|
</tbody>
|
</table>
|
</div>
|
<div class="layui-col-sm8">
|
|
<div class="layui-carousel layadmin-carousel layadmin-dataview" data-anim="fade" lay-filter="LAY-index-pagethree">
|
<div carousel-item id="LAY-index-pagethree">
|
<div><i class="layui-icon layui-icon-loading1 layadmin-loading"></i></div>
|
</div>
|
</div>
|
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
|
</div>
|
</div>
|
</div>
|
|
<script src="../../layuiadmin/layui/layui.js"></script>
|
<script>
|
layui.config({
|
base: '../../layuiadmin/' //静态资源所在路径
|
}).extend({
|
index: 'lib/index' //主入口模块
|
}).use(['index', 'sample']);
|
</script>
|
</body>
|
</html>
|
