From 5aad7ef3aef4ebf8ab6462e6e5b89425ab5d426c Mon Sep 17 00:00:00 2001
From: xiaoyong931011 <15274802129@163.com>
Date: Thu, 23 Jun 2022 18:03:23 +0800
Subject: [PATCH] 20220528

---
 src/main/resources/templates/febs/views/index.html |  220 +++++++++++++++++++++++++++++++++++++++++++++++-------
 1 files changed, 190 insertions(+), 30 deletions(-)

diff --git a/src/main/resources/templates/febs/views/index.html b/src/main/resources/templates/febs/views/index.html
index 81e787d..954d229 100644
--- a/src/main/resources/templates/febs/views/index.html
+++ b/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,6 +69,40 @@
     #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">
@@ -95,41 +130,153 @@
                                 </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">
+                            <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="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>
-        </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>
@@ -164,6 +311,19 @@
                 .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()

--
Gitblit v1.9.1