| | |
| | | border: 1px solid #f1f1f1; |
| | | margin-bottom: .5rem; |
| | | padding: .5rem; |
| | | background: #FFFFFF; |
| | | } |
| | | |
| | | #febs-index .welcome-info-wrapper { |
| | |
| | | #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"> |
| | |
| | | <span id="welcome-message"></span> |
| | | </div> |
| | | <div class="user-dept"> |
| | | <span id="user-dept"></span> | <span id="user-role"></span> |
| | | </div> |
| | | <div class="user-login-info"> |
| | | 上次登录时间:<span id="last-login-time">2019-05-23 18:45:12</span> |
| | |
| | | </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="totalAmount"></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="totalPackage"></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="totalAchieve"></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="orderAmountTotal"></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="orderAmountMonth"></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="orderAmountToday"></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="orderTotalCnt"></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="orderMonthCnt"></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="orderTodayCnt"></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="releaseTotal"></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="releaseNot"></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="releaseToday"></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="withdrawTotal"></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="withdrawNot"></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="withdrawToday"></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="releaseAmountTotal"></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="releaseAmountToday"></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="releaseScoreTotal"></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="releaseScoreToday"></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="releasePackageTotal"></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="releasePackageToday"></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="sendPackageTotal"></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="sendPackageToday"></span></p> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | |
| | | </div> |
| | | </div> |
| | | </div> |
| | |
| | | var index = Math.floor((Math.random() * welcomeArr.length)); |
| | | var welcomeMessage = time + ',<a id="febs-index-user">' + currentUser.username + '</a>,' + welcomeArr[index]; |
| | | $view.find('#today-ip').text(data.todayIp).end() |
| | | |
| | | .find('#totalAmount').text(data.totalAmount).end() |
| | | .find('#totalScore').text(data.totalScore).end() |
| | | .find('#totalPackage').text(data.totalPackage).end() |
| | | .find('#totalAchieve').text(data.totalAchieve).end() |
| | | |
| | | .find('#orderAmountTotal').text(data.orderAmountTotal).end() |
| | | .find('#orderAmountMonth').text(data.orderAmountTotal).end() |
| | | .find('#orderAmountToday').text(data.orderAmountToday).end() |
| | | |
| | | .find('#orderTotalCnt').text(data.orderTotalCnt).end() |
| | | .find('#orderMonthCnt').text(data.orderTotalCnt).end() |
| | | .find('#orderTodayCnt').text(data.orderTodayCnt).end() |
| | | |
| | | .find('#releaseTotal').text(data.releaseTotal).end() |
| | | .find('#releaseToday').text(data.releaseToday).end() |
| | | .find('#releaseNot').text(data.releaseNot).end() |
| | | |
| | | .find('#withdrawTotal').text(data.withdrawTotal).end() |
| | | .find('#withdrawToday').text(data.withdrawToday).end() |
| | | .find('#withdrawNot').text(data.withdrawNot).end() |
| | | |
| | | .find('#releaseAmountTotal').text(data.releaseAmountTotal).end() |
| | | .find('#releaseAmountToday').text(data.releaseAmountToday).end() |
| | | |
| | | .find('#releaseScoreTotal').text(data.releaseScoreTotal).end() |
| | | .find('#releaseScoreToday').text(data.releaseScoreToday).end() |
| | | |
| | | .find('#releasePackageTotal').text(data.releasePackageTotal).end() |
| | | .find('#releasePackageToday').text(data.releasePackageToday).end() |
| | | |
| | | .find('#sendPackageTotal').text(data.sendPackageTotal).end() |
| | | .find('#sendPackageToday').text(data.sendPackageToday).end() |
| | | |
| | | .find('#today-visit-count').text(data.todayVisitCount).end() |
| | | .find('#total-visit-count').text(data.totalVisitCount).end() |
| | | .find('#user-dept').text(currentUser.deptName ? currentUser.deptName : '暂无所属部门').end() |