From f33a410f4d65b200083c3a4b97d51c10ac38bbd9 Mon Sep 17 00:00:00 2001 From: xiaoyong931011 <15274802129@163.com> Date: Fri, 26 Aug 2022 18:13:08 +0800 Subject: [PATCH] 20220822 --- src/main/resources/templates/febs/views/index.html | 239 ++++++++++++++++++++++++++++++++++++++++++++++++++++------- 1 files changed, 208 insertions(+), 31 deletions(-) diff --git a/src/main/resources/templates/febs/views/index.html b/src/main/resources/templates/febs/views/index.html index 81e787d..cae65ee 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,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,41 +130,169 @@ </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 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> - </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 +327,20 @@ .find('#lastDay').text(data.lastDay).end() .find('#thisMonth').text(data.thisMonth).end() .find('#lastMonth').text(data.lastMonth).end() + .find('#scorePool').text(data.scorePool).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