<style>
|
#febs-index-data .welcome-info {
|
border: 1px solid #f1f1f1;
|
margin-bottom: .5rem;
|
padding: .5rem;
|
background: #FFFFFF;
|
}
|
|
#febs-index-data .welcome-info-wrapper {
|
padding: .2rem;
|
display: inline-block
|
}
|
|
#febs-index-data .welcome-info-wrapper .user-header {
|
display: inline-block;
|
vertical-align: middle
|
}
|
|
#febs-index-data .welcome-info-wrapper .user-header img {
|
width: 5rem;
|
margin: .5rem 1rem;
|
border-radius: 50%
|
}
|
|
#febs-index-data .welcome-info-wrapper .user-info {
|
display: inline-block;
|
vertical-align: middle
|
}
|
|
#febs-index-data .welcome-info-wrapper .user-info .random-message {
|
font-size: 1rem;
|
margin-bottom: .2rem;
|
max-width: 21rem
|
}
|
|
#febs-index-data .welcome-info-wrapper .user-info .user-dept, #febs-index-data .welcome-info-wrapper .user-info .user-login-info {
|
color: rgba(0, 0, 0, 0.45);
|
}
|
|
#febs-index-data .login-count-table {
|
width: 100%;
|
margin: 1rem;
|
}
|
|
#febs-index-data .login-count-table .count {
|
padding-top: .8rem;
|
font-size: 1rem;
|
font-weight: 600;
|
color: #1890ff
|
}
|
|
#febs-index-data .project-table {
|
padding: .5rem;
|
border: 1px solid #f1f1f1;
|
width: 100%
|
}
|
|
#febs-index-data .project-table-td {
|
padding: .5rem 0.7rem;
|
border: 1px solid #f1f1f1;
|
}
|
|
#febs-index-data .project-table-td a {
|
color: #42b983;
|
font-size: .9rem;
|
font-weight: 600;
|
}
|
|
#febs-index-data .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-data" lay-title="系统数据">
|
<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="alipayPay"></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="scorePay"></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="totalBalance"></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="totalScore"></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="totalPrizeScore"></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="totalCommission"></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="today"></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="lastDay"></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="thisMonth"></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="lastMonth"></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="formalMember"></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="informalMember"></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="todayMember"></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="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 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="scorePool"></span></p>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
<script data-th-inline="javascript" type="text/javascript">
|
layui.use(['febs', 'jquery'], function () {
|
var $ = layui.jquery,
|
$view = $('#febs-index-data'),
|
indexData = [[${indexData}]];
|
initIndexData();
|
function initIndexData() {
|
indexDatahandleSuccess(indexData);
|
}
|
|
function indexDatahandleSuccess(data) {
|
$view.find('#today').text(indexData.today).end()
|
.find('#lastDay').text(indexData.lastDay).end()
|
.find('#thisMonth').text(indexData.thisMonth).end()
|
.find('#lastMonth').text(indexData.lastMonth).end()
|
.find('#scorePool').text(indexData.scorePool).end()
|
//账户金额
|
.find('#totalBalance').text(indexData.totalBalance).end()
|
.find('#totalScore').text(indexData.totalScore).end()
|
.find('#totalPrizeScore').text(indexData.totalPrizeScore).end()
|
.find('#totalCommission').text(indexData.totalCommission).end()
|
//会员信息
|
.find('#totalMember').text(indexData.totalMember).end()
|
.find('#formalMember').text(indexData.formalMember).end()
|
.find('#informalMember').text(indexData.informalMember).end()
|
.find('#todayMember').text(indexData.todayMember).end()
|
.find('#thisMonthMember').text(indexData.thisMonthMember).end()
|
.find('#lastMonthMember').text(indexData.lastMonthMember).end()
|
|
.find('#wechatPay').text(indexData.wechatPay).end()
|
.find('#alipayPay').text(indexData.alipayPay).end()
|
.find('#scorePay').text(indexData.scorePay).end()
|
.find('#balancePay').text(indexData.balancePay).end();
|
}
|
});
|
</script>
|
