feat: 项目基础框架+配置+Kernel
This commit is contained in:
@@ -0,0 +1,198 @@
|
||||
|
||||
<title>主页二</title>
|
||||
|
||||
<div class="layui-card layadmin-header">
|
||||
<div class="layui-breadcrumb" lay-filter="breadcrumb">
|
||||
<a lay-href="">主页</a>
|
||||
<a><cite>主页二</cite></a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-fluid">
|
||||
<div class="layui-row layui-col-space15">
|
||||
<script type="text/html" template lay-url="/agent/get_statistics">
|
||||
<div class="layui-col-sm6 layui-col-md4">
|
||||
<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">{{ d.data.settlement }}</p>
|
||||
<!--<p>-->
|
||||
<!--总计访问量-->
|
||||
<!--<span class="layuiadmin-span-color">88万 <i class="layui-icon"></i></span>-->
|
||||
<!--</p>-->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<input type="hidden" value="{{ d.data.invite_code }}" name="invite_code" id="invite_code">
|
||||
<div class="layui-col-sm6 layui-col-md4">
|
||||
<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">{{ d.data.subordinate_agent_num }}</p>
|
||||
<!--<p>-->
|
||||
<!--新下载-->
|
||||
<!--<span class="layuiadmin-span-color">10% <i class="layui-icon"></i></span>-->
|
||||
<!--</p>-->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-col-sm6 layui-col-md4">
|
||||
<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">{{ d.data.subordinate_user_num }}</p>
|
||||
<!--<p>-->
|
||||
<!--总收入-->
|
||||
<!--<span class="layuiadmin-span-color">*** <i class="layui-icon"></i></span>-->
|
||||
<!--</p>-->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</script>
|
||||
<!--<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-icon"></i></span>-->
|
||||
<!--</p>-->
|
||||
<!--</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">
|
||||
<div class="layui-col-sm12">
|
||||
<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>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script src="../../js/jquery-1.11.1.min.js"></script>
|
||||
<script src="../../js/jquery.qrcode.min.js"></script>
|
||||
<script src="../../js/qrcode.js"></script>
|
||||
|
||||
<script>
|
||||
|
||||
|
||||
layui.define(function(exports) {
|
||||
layui.use('useradmin', layui.factory('useradmin')).use(['admin', 'layer', 'laydate', 'form'], function () {
|
||||
var $ = layui.$
|
||||
, admin = layui.admin
|
||||
, laydate = layui.laydate
|
||||
, form = layui.form;
|
||||
|
||||
admin.req({
|
||||
type: "POST",
|
||||
url: '/agent/day',
|
||||
dataType: "json",
|
||||
data: {type: 'all'},
|
||||
done: function (result) { //返回数据根据结果进行相应的处理
|
||||
//提交 Ajax 成功后,关闭当前弹层并重载图表
|
||||
show_table(result.data);
|
||||
}
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
function show_table(returnData) {
|
||||
//区块轮播切换
|
||||
layui.use(['admin', 'carousel'], function () {
|
||||
var $ = layui.$
|
||||
, admin = layui.admin
|
||||
, carousel = layui.carousel
|
||||
, element = layui.element
|
||||
, device = layui.device();
|
||||
|
||||
//轮播切换
|
||||
$('.layadmin-carousel').each(function () {
|
||||
var othis = $(this);
|
||||
carousel.render({
|
||||
elem: this
|
||||
, width: '100%'
|
||||
, arrow: 'none'
|
||||
, interval: othis.data('interval')
|
||||
, autoplay: othis.data('autoplay') === true
|
||||
, trigger: (device.ios || device.android) ? 'click' : 'hover'
|
||||
, anim: othis.data('anim')
|
||||
});
|
||||
});
|
||||
|
||||
});
|
||||
//柱状图
|
||||
layui.use(['echarts'], function () {
|
||||
var $ = layui.$
|
||||
, echarts = layui.echarts;
|
||||
|
||||
//标准柱状图
|
||||
var echnormcol = [], normcol = [
|
||||
{
|
||||
|
||||
xAxis: {
|
||||
type: 'category',
|
||||
data: returnData.day
|
||||
},
|
||||
yAxis: {
|
||||
type: 'value'
|
||||
},
|
||||
color :["#c23531"],
|
||||
series: [{
|
||||
data: returnData.info,
|
||||
type: 'bar'
|
||||
}]
|
||||
}
|
||||
]
|
||||
, elemNormcol = $('#LAY-index-pagetwo').children('div')
|
||||
, renderNormcol = function (index) {
|
||||
echnormcol[index] = echarts.init(elemNormcol[index], layui.echartsTheme);
|
||||
echnormcol[index].setOption(normcol[index]);
|
||||
window.onresize = echnormcol[index].resize;
|
||||
};
|
||||
if (!elemNormcol[0]) return;
|
||||
renderNormcol(0);
|
||||
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</script>
|
||||
Reference in New Issue
Block a user