feat(mall): 会员首页展示会员等级数量

KKSU

2024-12-19 1689b64fe1352a7c7c1ce2a45b16058bf168dd83

 src/main/resources/templates/febs/views/index.html

@@ -135,24 +135,8 @@

                <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 class="m-title">会员</div>
                        <div class="layui-row layui-col-space15" id = "memberLevelCounts">
                        </div>
                    </div>
                </div>
@@ -208,12 +192,27 @@
        </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);
@@ -235,22 +234,20 @@
            ];
            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('#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()