huahuibao/app/admin/views/shop/index.php

<style>

    .main_index_bg_function .overview-item {
        width:24%;
        display:inline-block;
        text-align:center;
        height:50px;
        padding-top:8px;
        background:#f8f8f8;
    }

    .main_index_bg_today .overview-item {
        width:24%;
        display:inline-block;
        text-align:center;
        height:50px;
    }

    .main_index_bg_wait .overview-item {
        width:24%;
        display:inline-block;
        text-align:center;
        height:50px;
    }


</style>

<div class="row">
    <div class="col-sm-12">

        <div style="border-bottom:1px solid #cfffff;">
            <div style="width:10%;height:40px;background:white;border-top-left-radius:10px;border-top-right-radius:10px;display:inline-block;text-align:center;padding-top:13px;font-weight:bold;">商城装修</div>
            <div style="width:10%;height:40px;background:#ccc;border-top-left-radius:10px;border-top-right-radius:10px;display:inline-block;text-align:center;padding-top:13px;font-weight:bold;">门店管理</div>
            <div style="width:10%;height:40px;background:#ccc;border-top-left-radius:10px;border-top-right-radius:10px;display:inline-block;text-align:center;padding-top:13px;font-weight:bold;">收款码</div>
        </div>

        <div class="panel panel-default">

            <div class="panel-heading">
                <h5 class="panel-title" style="font-size:14px">顶部幻灯片</h5>
            </div>
            <div class="panel-body">

                <div class="main_index_bg_today" style="margin-top: 20px;">

                    <div class="overview-item" style="border-right: none;">
                        <div class="item-title">
                            <div><span>消费人数</span>
                            </div>
                        </div>
                        <div class="item-value">0</div>
                    </div>
                    <div class="overview-item" style="border-right: none;">
                        <div class="item-title">
                            <div><span>预约单数</span>
                            </div>
                        </div>
                        <div class="item-value">0</div>
                    </div>
                    <div class="overview-item" style="border-right: none;">
                        <div class="item-title">
                            <div><span>订单数</span>
                            </div>
                        </div>
                        <div class="item-value">0</div>
                    </div>
                    <div class="overview-item" style="border-right: none;">
                        <div class="item-title">
                            <div><span>新增客户</span>
                            </div>
                        </div>
                        <div class="item-value">0</div>
                    </div>

                </div>

            </div>



            <div class="panel-heading" style="margin-top:40px;">
                <h5 class="panel-title" style="font-size:14px">常用功能</h5>
            </div>
            <div class="panel-body">
                <div class="main_index_bg_function" style="margin-top: 20px;">
                    <div class="overview-item" style="border-right: none;">
                        <div class="item-title">
                            <i class="fa-user"></i>
                            <div><span>新增会员</span></div>
                        </div>
                    </div>

                    <div class="overview-item" style="border-right: none;">
                        <div class="item-title">
                            <i class="fa-rmb"></i>
                            <div><span>快速收银</span></div>
                        </div>
                    </div>
                    <div class="overview-item" style="border-right: none;">
                        <div class="item-title">
                            <i class="fa-chain"></i>
                            <div><span>会员充值</span>
                            </div>
                        </div>
                    </div>

                    <div class="overview-item" style="border-right: none;">
                        <div class="item-title">
                            <i class="fa-bank"></i>
                            <div><span>访问网店</span>
                            </div>
                        </div>
                    </div>

                </div>
            </div>



            <div class="panel-heading" style="margin-top:40px;">
                <h5 class="panel-title" style="font-size:14px">待办事项</h5>
            </div>
            <div class="panel-body">
                <div class="main_index_bg_wait" style="margin-top: 20px;">
                    <div class="overview-item" style="border-right: none;">
                        <div class="item-title">
                            <div><span>待付款</span>
                            </div>
                            <div class="item-value">0</div>
                        </div>
                    </div>
                    <div class="overview-item" style="border-right: none;">
                        <div class="item-title">
                            <div><span>待发货</span>
                            </div>
                            <div class="item-value">0</div>
                        </div>
                    </div>
                    <div class="overview-item" style="border-right: none;">
                        <div class="item-title">
                            <div><span>待配送</span>
                            </div>
                            <div class="item-value">0</div>
                        </div>
                    </div>
                    <div class="overview-item" style="border-right: none;">
                        <div class="item-title">
                            <div><span>客户消息</span>
                            </div>
                            <div class="item-value">0</div>
                        </div>
                    </div>
                </div>
            </div>

            <div style="padding-bottom:200px;">&nbsp;</div>

        </div>










    </div>
</div>
<!-- footer -->
<?php
use backend\widgets\FooterWidget;
?>
<?= FooterWidget::widget() ?>
<!-- footer -->