<div class="layui-fluid">
|
<div class="layui-row layui-col-space15">
|
<div class="layui-col-md8">
|
<div class="layui-row layui-col-space15">
|
<div class="layui-col-md6">
|
<div class="layui-card">
|
<div class="layui-card-header"><i class="layui-icon layui-icon-app"></i>快捷方式</div>
|
<div class="layui-card-body">
|
|
<div class="layui-carousel layadmin-carousel layadmin-shortcut">
|
<div carousel-item>
|
<ul class="layui-row layui-col-space10">
|
<li class="layui-col-xs3">
|
<a href="javascript:;" lay-href="/good/goods/">
|
<i class="layui-icon layui-icon-cart-simple"></i>
|
<cite>商品</cite>
|
</a>
|
</li>
|
<li class="layui-col-xs3">
|
<a href="javascript:;" lay-href="/order/orders/">
|
<i class="layui-icon layui-icon-form"></i>
|
<cite>订单</cite>
|
</a>
|
</li>
|
<li class="layui-col-xs3">
|
<a href="javascript:;" lay-href="/user/userInfo/">
|
<i class="layui-icon layui-icon-username"></i>
|
<cite>会员</cite>
|
</a>
|
</li>
|
<li class="layui-col-xs3">
|
<a href="javascript:;" lay-href="/content/notice/">
|
<i class="layui-icon layui-icon-notice"></i>
|
<cite>公告</cite>
|
</a>
|
</li>
|
<li class="layui-col-xs3">
|
<a href="javascript:;" lay-href="/promotion/promotion/">
|
<i class="layui-icon layui-icon-gift"></i>
|
<cite>促销</cite>
|
</a>
|
</li>
|
<li class="layui-col-xs3">
|
<a href="javascript:;" lay-href="/shop/ship/">
|
<i class="layui-icon layui-icon-release"></i>
|
<cite>配送</cite>
|
</a>
|
</li>
|
<li class="layui-col-xs3">
|
<a href="javascript:;" lay-href="/distribution/distributor/">
|
<i class="layui-icon layui-icon-snowflake"></i>
|
<cite>经销商</cite>
|
</a>
|
</li>
|
<li class="layui-col-xs3">
|
<a href="javascript:;" lay-href="/shop/setting/">
|
<i class="layui-icon layui-icon-set"></i>
|
<cite>平台设置</cite>
|
</a>
|
</li>
|
</ul>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="layui-col-md6">
|
<div class="layui-card">
|
<div class="layui-card-header"><i class="layui-icon layui-icon-tabs"></i>待办事项</div>
|
<div class="layui-card-body" id="backlogDiv">
|
|
<div class="layui-carousel layadmin-carousel layadmin-backlog">
|
<div carousel-item>
|
<ul class="layui-row layui-col-space10">
|
<li class="layui-col-xs6">
|
<a lay-href="/order/orders/" class="layadmin-backlog-body">
|
<h3>待支付</h3>
|
<p><cite>{{d.unpaidCount || '0'}}</cite></p>
|
</a>
|
</li>
|
<li class="layui-col-xs6">
|
<a lay-href="/order/orders/" class="layadmin-backlog-body">
|
<h3>待发货</h3>
|
<p><cite>{{d.unshipCount || '0'}}</cite></p>
|
</a>
|
</li>
|
<li class="layui-col-xs6">
|
<a lay-href="/order/billaftersales/" class="layadmin-backlog-body">
|
<h3>待售后</h3>
|
<p><cite>{{d.aftersalesCount || '0'}}</cite></p>
|
</a>
|
</li>
|
<li class="layui-col-xs6">
|
<a lay-href="/good/goods/" class="layadmin-backlog-body">
|
<h3>库存报警</h3>
|
<p><cite style="color: #FF5722;">{{d.goodsStaticsTotalWarn || '0'}}</cite></p>
|
</a>
|
</li>
|
</ul>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
|
|
|
<div class="layui-col-md6">
|
<div class="layui-card">
|
<div class="layui-card-header">
|
<i class="layui-icon layui-icon-form"></i>订单统计
|
</div>
|
<div class="layui-card-body">
|
<div id="graphic" class="">
|
<div id="main" class="main" style="height: 400px;"></div>
|
</div>
|
</div>
|
</div>
|
</div>
|
|
<div class="layui-col-md6">
|
<div class="layui-card">
|
<div class="layui-card-header">
|
<i class="layui-icon layui-icon-user"></i>会员统计
|
</div>
|
<div class="layui-card-body">
|
<div id="graphics" class="">
|
<div id="users" class="main" style="height: 400px;"></div>
|
</div>
|
</div>
|
</div>
|
</div>
|
|
|
</div>
|
</div>
|
|
<script id="backlog" type="text/html">
|
<div class="layui-carousel layadmin-carousel layadmin-backlog">
|
<div carousel-item>
|
<ul class="layui-row layui-col-space10">
|
<li class="layui-col-xs6">
|
<a lay-href="/order/orders/" class="layadmin-backlog-body">
|
<h3>待支付</h3>
|
<p><cite>{{d.unpaidCount || '0'}}</cite></p>
|
</a>
|
</li>
|
<li class="layui-col-xs6">
|
<a lay-href="/order/orders/" class="layadmin-backlog-body">
|
<h3>待发货</h3>
|
<p><cite>{{d.unshipCount || '0'}}</cite></p>
|
</a>
|
</li>
|
<li class="layui-col-xs6">
|
<a lay-href="/order/billaftersales/" class="layadmin-backlog-body">
|
<h3>待售后</h3>
|
<p><cite>{{d.aftersalesCount || '0'}}</cite></p>
|
</a>
|
</li>
|
<li class="layui-col-xs6">
|
<a lay-href="/order/orders/" class="layadmin-backlog-body">
|
<h3>库存报警</h3>
|
<p><cite style="color: #FF5722;">{{d.goodsStaticsTotalWarn || '0'}}</cite></p>
|
</a>
|
</li>
|
</ul>
|
</div>
|
</div>
|
</script>
|
|
<script>
|
var debug = layui.setter.debug;
|
layui.use(['index', 'table', 'laydate', 'util', 'coreHelper', 'laytpl', 'echarts', 'carousel'],
|
function () {
|
var $ = layui.$;
|
var admin = layui.admin;
|
var table = layui.table;
|
var form = layui.form;
|
var laydate = layui.laydate;
|
var setter = layui.setter;
|
var coreHelper = layui.coreHelper;
|
var util = layui.util;
|
var laytpl = layui.laytpl;
|
var carousel = layui.carousel;
|
|
getBackLog();
|
ordersEcharts();
|
usersEcharts();
|
//获取历史登录记录
|
coreHelper.Post("Api/Tools/GetSysLoginRecord",
|
{}, function (data) {
|
if (data.code == 0) {
|
|
table.render({
|
elem: '#loginLog'
|
, data: data.data
|
, page: false //开启分页
|
, cols: [[ //表头
|
{ field: 'os', title: '状态' }
|
, { field: 'username', title: '登录用户' }
|
, { field: 'createTime', title: '记录时间' }
|
, { field: 'ip', title: '登录IP' }
|
]]
|
});
|
|
}
|
});
|
//获取全局Nlog日志
|
coreHelper.Post("Api/Tools/GetSysNLogRecords",
|
{}, function (data) {
|
if (data.code == 0) {
|
|
table.render({
|
elem: '#nlogTable'
|
, data: data.data
|
, page: false //开启分页
|
, cols: [[ //表头
|
{ field: 'logType', title: '类型', width: 80 }
|
, { field: 'logDate', title: '时间', width: 130 }
|
, { field: 'message', title: '内容' }
|
, { field: 'logLevel', title: '级别', width: 80 }
|
]]
|
});
|
|
}
|
});
|
|
function getBackLog() {
|
coreHelper.Post("Api/Tools/GetBackLog", {}, function (data) {
|
if (data.code == 0) {
|
var getTpl = backlog.innerHTML,
|
view = document.getElementById('backlogDiv');
|
laytpl(getTpl).render(data.data, function (html) {
|
view.innerHTML = html;
|
})
|
|
var t = (layui.admin, layui.carousel), a = layui.element, i = layui.device();
|
$(".layadmin-carousel").each(function () {
|
var a = $(this);
|
t.render({
|
elem: this,
|
width: "100%",
|
arrow: "none",
|
interval: a.data("interval"),
|
autoplay: a.data("autoplay") === !0,
|
trigger: i.ios || i.android ? "click" : "hover",
|
anim: a.data("anim")
|
});
|
}), a.render("progress");
|
|
}
|
});
|
}
|
|
function ordersEcharts() {
|
var myChart = echarts.init(document.getElementById('main'));
|
coreHelper.Post("Api/Tools/GetOrdersStatistics",
|
{}, function (data) {
|
if (data.code == 0) {
|
//刷新折线图
|
option = data.data.option;
|
// 使用刚指定的配置项和数据显示图表。
|
myChart.setOption(option);
|
}
|
});
|
}
|
|
function usersEcharts() {
|
var myChart = echarts.init(document.getElementById('users'));
|
var option = {
|
tooltip: {
|
show: true
|
},
|
legend: {},
|
xAxis: [],
|
yAxis: [],
|
series: []
|
};
|
|
coreHelper.Post("Api/Tools/GetUsersStatistics",
|
{}, function (data) {
|
if (data.code == 0) {
|
myChart.setOption({
|
legend: data.data.legend,
|
xAxis: data.data.xAxis,
|
series: data.data.series
|
});
|
}
|
});
|
myChart.setOption(option);
|
}
|
|
//重载form
|
form.render();
|
});
|
</script>
|
<style>
|
.loading-more { overflow: hidden; }
|
.loading-more > div { display: inline-block; }
|
.loading-more a { float: right; font-size: 12px; margin-top: 5px; }
|
.layui-card-header .layui-icon { position: initial; margin-right: 10px; }
|
</style>
|
