<style>
|
#febs-index .welcome-info {
|
border: 1px solid #f1f1f1;
|
margin-bottom: .5rem;
|
padding: .5rem;
|
background: #FFFFFF;
|
}
|
|
#febs-index .welcome-info-wrapper {
|
padding: .2rem;
|
display: inline-block
|
}
|
|
#febs-index .welcome-info-wrapper .user-header {
|
display: inline-block;
|
vertical-align: middle
|
}
|
|
#febs-index .welcome-info-wrapper .user-header img {
|
width: 5rem;
|
margin: .5rem 1rem;
|
border-radius: 50%
|
}
|
|
#febs-index .welcome-info-wrapper .user-info {
|
display: inline-block;
|
vertical-align: middle
|
}
|
|
#febs-index .welcome-info-wrapper .user-info .random-message {
|
font-size: 1rem;
|
margin-bottom: .2rem;
|
max-width: 21rem
|
}
|
|
#febs-index .welcome-info-wrapper .user-info .user-dept, #febs-index .welcome-info-wrapper .user-info .user-login-info {
|
color: rgba(0, 0, 0, 0.45);
|
}
|
|
#febs-index .login-count-table {
|
width: 100%;
|
margin: 1rem;
|
}
|
|
#febs-index .login-count-table .count {
|
padding-top: .8rem;
|
font-size: 1rem;
|
font-weight: 600;
|
color: #1890ff
|
}
|
|
#febs-index .project-table {
|
padding: .5rem;
|
border: 1px solid #f1f1f1;
|
width: 100%
|
}
|
|
#febs-index .project-table-td {
|
padding: .5rem 0.7rem;
|
border: 1px solid #f1f1f1;
|
}
|
|
#febs-index .project-table-td a {
|
color: #42b983;
|
font-size: .9rem;
|
font-weight: 600;
|
}
|
|
#febs-index .project-desc {
|
color: rgba(0, 0, 0, 0.45);
|
}
|
/*.layui-card:last-child{*/
|
/* background: #F8F8F8;*/
|
/*}*/
|
.box{
|
background: #FFFFFF;
|
padding: 30px 30px;
|
border-radius: 4px;
|
}
|
.box .name{
|
font-size: 14px;
|
color: #333333;
|
}
|
.box .num{
|
font-size: 24px;
|
color: #1890ff;
|
font-weight: bold;
|
margin-top: 10px;
|
}
|
.m-title{
|
position: relative;
|
font-size: 16px;
|
font-weight: bold;
|
color: #000000;
|
padding-left: 20px;
|
margin: 0 0 10px;
|
}
|
.m-title::before{
|
content: '';
|
position: absolute;
|
left: 0;
|
width: 4px;
|
height: 20px;
|
background: #1890ff;
|
}
|
</style>
|
<div class="layui-fluid layui-anim febs-anim-up" id="febs-index" lay-title="系统首页">
|
<div class="layui-row layui-col-space8 febs-container">
|
<div class="layui-col-md12 layui-col-sm12 layui-col-xs12">
|
<div class="layui-card" style="background: #F8F8F8;">
|
<div class="layui-card-body layui-anim layui-anim-fadein">
|
<div class="layui-row welcome-info">
|
<div class="layui-col-md6 layui-col-sm12 layui-col-xs12">
|
<div class="layui-row welcome-info-wrapper">
|
<div class="user-header">
|
<img alt="头像" id="user-avatar" data-th-src="@{febs/images/avatar/empty.jpg}">
|
</div>
|
<div class="user-info">
|
<div class="layui-row">
|
<div class="random-message">
|
<span id="welcome-message"></span>
|
</div>
|
<div class="user-dept">
|
<span id="user-dept"></span> | <span id="user-role"></span>
|
</div>
|
<div class="user-login-info">
|
上次登录时间：<span id="last-login-time">2019-05-23 18:45:12</span>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
|
<div class="layui-card-body layui-anim layui-anim-fadein">
|
<div class="layui-row">
|
<div class="m-title">订单付款</div>
|
<div class="layui-row layui-col-space15">
|
<div class="layui-col-md3">
|
<div class="layui-panel">
|
<div class="box">
|
<p class="name">微信支付</p>
|
<p class="num"><span id="wechatPay"></span></p>
|
</div>
|
</div>
|
</div>
|
<div class="layui-col-md3">
|
<div class="layui-panel">
|
<div class="box">
|
<p class="name">余额支付</p>
|
<p class="num"><span id="balancePay"></span></p>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
|
<div class="layui-card-body layui-anim layui-anim-fadein">
|
<div class="layui-row">
|
<div class="m-title">会员注册</div>
|
<div class="layui-row layui-col-space15">
|
<div class="layui-col-md3">
|
<div class="layui-panel">
|
<div class="box">
|
<p class="name">用户注册总数</p>
|
<p class="num"><span id="totalMember"></span></p>
|
</div>
|
</div>
|
</div>
|
<div class="layui-col-md3">
|
<div class="layui-panel">
|
<div class="box">
|
<p class="name">本日注册用户数</p>
|
<p class="num"><span id="todayMember"></span></p>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
|
<div class="layui-card-body layui-anim layui-anim-fadein">
|
<div class="layui-row">
|
<div class="layui-row layui-col-space15">
|
<div class="layui-col-md3">
|
<div class="layui-panel">
|
<div class="box">
|
<p class="name">本月注册用户数</p>
|
<p class="num"><span id="thisMonthMember"></span></p>
|
</div>
|
</div>
|
</div>
|
<div class="layui-col-md3">
|
<div class="layui-panel">
|
<div class="box">
|
<p class="name">上月注册用户数</p>
|
<p class="num"><span id="lastMonthMember"></span></p>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
|
</div>
|
</div>
|
</div>
|
</div>
|
<script data-th-inline="javascript" type="text/javascript">
|
layui.use(['apexcharts', 'febs', 'jquery', 'util'], function () {
|
var $ = layui.jquery,
|
util = layui.util,
|
$view = $('#febs-index'),
|
febs = layui.febs;
|
|
febs.get(ctx + 'index/' + currentUser.username, null, function (r) {
|
handleSuccess(r.data);
|
});
|
|
function handleSuccess(data) {
|
var hour = new Date().getHours();
|
var time = hour < 6 ? '早上好' : (hour <= 11 ? '上午好' : (hour <= 13 ? '中午好' : (hour <= 18 ? '下午好' : '晚上好')));
|
var welcomeArr = [
|
'喝杯咖啡休息下吧☕',
|
'要不要和朋友打局LOL',
|
'今天又写了几个Bug呢',
|
'今天在群里吹水了吗',
|
'今天吃了什么好吃的呢',
|
'今天您微笑了吗😊',
|
'今天帮助别人了吗',
|
'准备吃些什么呢',
|
'周末要不要去看电影？'
|
];
|
var index = Math.floor((Math.random() * welcomeArr.length));
|
var welcomeMessage = time + '，<a id="febs-index-user">' + currentUser.username + '</a>，' + welcomeArr[index];
|
$view.find('#today').text(data.today).end()
|
.find('#lastDay').text(data.lastDay).end()
|
.find('#thisMonth').text(data.thisMonth).end()
|
.find('#lastMonth').text(data.lastMonth).end()
|
//会员信息
|
.find('#totalMember').text(data.totalMember).end()
|
.find('#formalMember').text(data.formalMember).end()
|
.find('#informalMember').text(data.informalMember).end()
|
.find('#todayMember').text(data.todayMember).end()
|
.find('#thisMonthMember').text(data.thisMonthMember).end()
|
.find('#lastMonthMember').text(data.lastMonthMember).end()
|
|
.find('#wechatPay').text(data.wechatPay).end()
|
.find('#alipayPay').text(data.alipayPay).end()
|
.find('#scorePay').text(data.scorePay).end()
|
.find('#balancePay').text(data.balancePay).end()
|
|
.find('#user-dept').text(currentUser.deptName ? currentUser.deptName : '暂无所属部门').end()
|
.find('#user-role').text(currentUser.roleName ? currentUser.roleName : '暂无角色').end()
|
.find('#last-login-time').text(currentUser.lastLoginTime ? currentUser.lastLoginTime : '第一次访问系统').end()
|
.find('#welcome-message').html(welcomeMessage).end()
|
.find('#user-avatar').attr('src', ctx + "febs/images/avatar/" + currentUser.avatar);
|
|
var currentTime = new Date().getTime();
|
var yourVisitCount = [];
|
var totalVisitCount = [];
|
var lastTenDays = [
|
util.toDateString(new Date(currentTime - 1000 * 9 * 86400), 'MM-dd'),
|
util.toDateString(new Date(currentTime - 1000 * 8 * 86400), 'MM-dd'),
|
util.toDateString(new Date(currentTime - 1000 * 7 * 86400), 'MM-dd'),
|
util.toDateString(new Date(currentTime - 1000 * 6 * 86400), 'MM-dd'),
|
util.toDateString(new Date(currentTime - 1000 * 5 * 86400), 'MM-dd'),
|
util.toDateString(new Date(currentTime - 1000 * 4 * 86400), 'MM-dd'),
|
util.toDateString(new Date(currentTime - 1000 * 3 * 86400), 'MM-dd'),
|
util.toDateString(new Date(currentTime - 1000 * 2 * 86400), 'MM-dd'),
|
util.toDateString(new Date(currentTime - 1000 * 86400), 'MM-dd'),
|
util.toDateString(new Date(currentTime), 'MM-dd')
|
];
|
|
|
layui.each(lastTenDays, function (k, i) {
|
var contain = false;
|
layui.each(data.lastSevenUserVisitCount, function (key, item) {
|
if (i === item.days) {
|
yourVisitCount.push(item.count);
|
contain = true;
|
}
|
});
|
if (!contain) yourVisitCount.push(0);
|
contain = false;
|
layui.each(data.lastSevenVisitCount, function (key, item) {
|
if (i === item.days) {
|
totalVisitCount.push(item.count);
|
contain = true;
|
}
|
});
|
if (!contain) totalVisitCount.push(0);
|
});
|
}
|
|
$view.on('click', '#febs-index-user',function () {
|
febs.navigate("/user/profile");
|
})
|
|
});
|
</script>
|
