277 lines
11 KiB
HTML
277 lines
11 KiB
HTML
<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="/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 loading-more">
|
|
<div><i class="layui-icon layui-icon-form"></i>最近登录</div>
|
|
<a href="javascript:;" lay-href="/system/logs/sysloginrecord/">查看更多>></a>
|
|
</div>
|
|
<div class="layui-card-body">
|
|
<table id="loginLog" lay-filter="loginLogFilter"></table>
|
|
</div>
|
|
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<div class="layui-col-md6">
|
|
<div class="layui-card">
|
|
<div class="layui-card-header loading-more">
|
|
<div><i class="layui-icon layui-icon-form"></i>全局日志</div>
|
|
<a href="javascript:;" lay-href="/system/logs/sysnlogrecords/">查看更多>></a>
|
|
</div>
|
|
<div class="layui-card-body">
|
|
<table id="nlogTable" lay-filter="nlogTableFilter"></table>
|
|
</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> |