KKSU
2024-12-20 19c3da86d8c6adcb91baccac6981c63307e3dba1
src/main/resources/templates/febs/views/index.html
@@ -3,6 +3,7 @@
        border: 1px solid #f1f1f1;
        margin-bottom: .5rem;
        padding: .5rem;
        background: #FFFFFF;
    }
    #febs-index .welcome-info-wrapper {
@@ -68,11 +69,45 @@
    #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">
            <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">
@@ -95,50 +130,89 @@
                                </div>
                            </div>
                        </div>
                        <div class="layui-col-md6 layui-col-sm12 layui-col-xs12">
                            <div class="layui-col-md-offset4">
                                <table class="login-count-table">
                                    <tr>
                                        <td>今日业绩</td>
                                        <td>昨日业绩</td>
                                        <td>本月业绩</td>
                                        <td>上月业绩</td>
                                    </tr>
                                    <tr>
                                        <td class="count" id="today">
                                            0
                                        </td>
                                        <td class="count" id="lastDay">
                                            0
                                        </td>
                                        <td class="count" id="thisMonth">
                                            0
                                        </td>
                                        <td class="count" id="lastMonth">
                                            0
                                        </td>
                                    </tr>
                                </table>
                    </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" id = "memberLevelCounts">
                        </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 class="layui-col-md6 layui-col-sm6 layui-col-xs12">
<!--            <div class="layui-card">-->
<!--                <div class="layui-card-body">-->
<!--                </div>-->
<!--            </div>-->
        </div>
    </div>
</div>
<script type="text/html" id="memberLevelCount">
    {{#  layui.each(d, function(index, item){ }}
    <div class="layui-col-md3">
        <div class="layui-panel">
            <div class="box">
                <p class="name">{{item.vipName}}</p>
                <p class="num">{{item.memberCnt}}</p>
            </div>
        </div>
    </div>
    {{# }) }}
</script>
<script data-th-inline="javascript" type="text/javascript">
    layui.use(['apexcharts', 'febs', 'jquery', 'util'], function () {
    layui.use(['apexcharts', 'febs', 'jquery', 'util', 'laytpl'], function () {
        var $ = layui.jquery,
            util = layui.util,
            $view = $('#febs-index'),
            febs = layui.febs;
            memberLevelCountHtml = memberLevelCount.innerHTML,
            $memberLevelCounts = $("#memberLevelCounts"),
                laytpl = layui.laytpl,
                    febs = layui.febs;
        febs.get(ctx + 'index/' + currentUser.username, null, function (r) {
            handleSuccess(r.data);
@@ -160,10 +234,21 @@
            ];
            var index = Math.floor((Math.random() * welcomeArr.length));
            var welcomeMessage = time + ',<a id="febs-index-user">' + currentUser.username + '</a>,' + welcomeArr[index];
            laytpl(memberLevelCountHtml).render(data.vipIndexVos, function(html) {
                $memberLevelCounts.append(html);
            })
            $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('#todayMember').text(data.todayMember).end()
                .find('#thisMonthMember').text(data.thisMonthMember).end()
                .find('#lastMonthMember').text(data.lastMonthMember).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()