{extend name="public/base" /}
{block name='content'}
{include file='public/content_header' /}
<style>
    .header-font{
        font-size: 20px
    }
    .layui-card .data-all {
        display: flex;
        justify-content: space-between;
        margin-top: 20px;
    }
    .layui-card  .text-style {
        font-size: 16px;
    }
    .header-time{
        margin-left: 20px
    }
    .layadmin-shortcut .shortcut-list  {
        padding: 30px 0;
        display: flex;
        flex-wrap: wrap;
    }
    .layadmin-shortcut .shortcut-list li {
        min-width: 100px;
        margin-bottom: 20px;
        width: 12.5%;
    }
 
    .layadmin-shortcut .shortcut-list .icon{
        width: 62px;
        height: 62px;
        margin-bottom: 5px;
    }

    .tips {
        float: right;
        padding: 0 10px;
        margin-top: 10px;
        height: 20px;
        line-height: 20px;
        font-size: 12px;
        color: #3A91FB;
        border-radius: 30px;
        border: 1px #3A91FB solid;
        background: #eaf3ff;
    }

</style>
<section class="content">
<div class="layui-fluid" style="margin-bottom: 100px">
    <div class="layui-card" >
        <div class="layui-card-header">
            <span class="header-font">运营数据</span>
            <span class="header-time">更新时间：{$res.time}</span>
        </div>
    </div>
    <div class="layui-row layui-col-space15">
        <div class="layui-col-sm3">
            <div class="layui-card">
                <div class="layui-card-header">
                    成交订单（笔）
                    <span class="tips">今日</span>
                </div>
                <div class="layui-card-body layuiadmin-card-list">
                    <p class="layuiadmin-big-font">{$res.order_num_today}</p>
                    <p>昨日：<span class="text-style">{$res.order_num_yesterday}</span>
                        <span class="text-style" {if condition="$res.order_num_change lt 0" } style="color: #009688" {elseif condition="$res.order_num_change egt 0" } style="color: #FA2828" {/if}>{$res.order_num_change}</span></p>
                
                        <div class="data-all">成交订单总量（笔）<div class="text-style">{$res.order_num_all}</div></div>
                    </div>
            </div>
        </div>
        <div class="layui-col-sm3 ">
            <div class="layui-card">
                <div class="layui-card-header">
                    销售金额（元）
                    <span class="tips">今日</span>
                </div>
                <div class="layui-card-body layuiadmin-card-list">
                    <p class="layuiadmin-big-font">{$res.order_amount_today}</p>

                    <p>昨日：<span class="text-style">{$res.order_amount_yesterday}</span>
                        <span class="text-style" {if condition="$res.order_amount_change lt 0" } style="color: #009688" {elseif condition="$res.order_amount_change egt 0" } style="color: #FA2828" {/if}>{$res.order_amount_change}</span></p>
                        <div class="data-all">销售总额（元）<div class="text-style">{$res.order_amount_all}</div></div>
                    </div>
            </div>
        </div>
        <div class="layui-col-sm3 ">
            <div class="layui-card">
                <div class="layui-card-header">
                    新增会员（人）
                    <span class="tips">今日</span>
                </div>
                <div class="layui-card-body layuiadmin-card-list">
                    <p class="layuiadmin-big-font">{$res.add_user_today}</p>
                    <p >昨日：<span class="text-style">{$res.add_user_yesterday}</span>
                        <span class="text-style"  {if condition="$res.add_user_change lt 0" } style="color: #009688" {elseif condition="$res.add_user_change egt 0" } style="color: #FA2828" {/if}>{$res.add_user_change}</span></p>
                        <div class="data-all">会员总量（人）<div class="text-style">{$res.user_all}</div></div>
                    </div>
            </div>
        </div>
        <!--快捷功能-->
        <div class="layui-col-sm12">
            <div class="layui-card">
                <div class="layui-card-header">快捷功能</div>
                <div class="layui-card-body">
                    <div class="layadmin-shortcut">
                        <ul class="shortcut-list">
                            <li class="shop-item" >
                                <a lay-href="{:url('goods/index')}" data-id="29">
                                    <img class="icon" src="__PUBLIC__/static/common/image/workbench/goods.png" alt="">
                                    <cite>设备管理</cite>
                                </a>
                            </li>
                            <li class="shop-item">
                                <a lay-href="{:url('user/index')}" data-id="33">
                                    <img class="icon" src="__PUBLIC__/static/common/image/workbench/user.png" alt="">
                                    <cite>会员管理</cite>
                                </a>
                            </li>
                            <li class="shop-item">
                                <a lay-href="{:url('order/index')}" data-id="37">
                                    <img class="icon" src="__PUBLIC__/static/common/image/workbench/order.png" alt="">
                                    <cite>用户订单管理</cite>
                                </a>
                            </li>
                            <li class="shop-item">
                                <a lay-href="{:url('account_log/integrallist')}" data-id="39">
                                    <img class="icon" src="__PUBLIC__/static/common/image/workbench/coupon.png" alt="">
                                    <cite>积分记录</cite>
                                </a>
                            </li>
                            <li class="shop-item">
                                <a lay-href="{:url('withdraw/lists')}" data-id="39">
                                    <img class="icon" src="__PUBLIC__/static/common/image/workbench/seckill.png" alt="">
                                    <cite>提现记录</cite>
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>

    </div>
</div>
</section>

<script>

   
</script>

{/block}