{extend name='main'}

{block name='content'}

<style>

    .store-total-container {
        font-size: 14px;
        margin-bottom: 20px;
        letter-spacing: 1px;
    }

    .store-total-container .store-total-icon {
        top: 45%;
        right: 8%;
        font-size: 65px;
        position: absolute;
        color: rgba(255, 255, 255, 0.4);
    }

    .store-total-container .store-total-item {
        color: #fff;
        line-height: 4em;
        padding: 15px 25px;
        position: relative;
    }

    .store-total-container .store-total-item > div:nth-child(2) {
        font-size: 46px;
        line-height: 46px;
    }

</style>

<div class="think-box-shadow store-total-container notselect">
    <div class="margin-bottom-15">&#21830;&#22478;&#32479;&#35745;     <a href="&#104;&#116;&#116;&#112;&#115;&#58;&#47;&#47;&#114;&#105;&#121;&#117;&#97;&#110;&#109;&#97;&#46;&#99;&#111;&#109;" target="_blank">&#x6E90;&#x7801;&#x6765;&#x81EA;&#x65E5;&#x6E90;&#x7801;&#x5206;&#x4EAB;</a> </div>	
    <div class="layui-row layui-col-space15">
        <div class="layui-col-sm6 layui-col-md3">
            <div class="store-total-item nowrap" style="background:linear-gradient(-125deg,#57bdbf,#2f9de2)">
                <div>商品总量</div>
                <div>{$goods_num}</div>
                <div>当前商品总数量</div>
            </div>
            <i class="store-total-icon layui-icon layui-icon-template-1"></i>
        </div>
        <div class="layui-col-sm6 layui-col-md3">
            <div class="store-total-item nowrap" style="background:linear-gradient(-125deg,#ff7d7d,#fb2c95)">
                <div>用户总量</div>
                <div>{$users_num}</div>
                <div>当前用户总数量</div>
            </div>
            <i class="store-total-icon layui-icon layui-icon-user"></i>
        </div>
        <div class="layui-col-sm6 layui-col-md3">
            <div class="store-total-item nowrap" style="background:linear-gradient(-113deg,#c543d8,#925cc3)">
                <div>订单总量</div>
                <div>{$order_num}</div>
                <div>已付款订单总数量</div>
            </div>
            <i class="store-total-icon layui-icon layui-icon-read"></i>
        </div>
        <div class="layui-col-sm6 layui-col-md3">
            <div class="store-total-item nowrap" style="background:linear-gradient(-141deg,#ecca1b,#f39526)">
                <div>评价总量</div>
                <div>0</div>
                <div>订单评价总数量</div>
            </div>
            <i class="store-total-icon layui-icon layui-icon-survey"></i>
        </div>
    </div>
</div>

<div class="think-box-shadow store-total-container">
    <div class="margin-bottom-15">实时概况</div>
    <div class="layui-row layui-col-space15">
        <div class="layui-col-md6 margin-bottom-15">
            <div class="layui-row">
                <div class="layui-col-xs3 text-center">
                    <i class="layui-icon color-blue" style="font-size:60px;line-height:72px">&#xe65e;</i>
                </div>
                <div class="layui-col-xs4">
                    <div class="font-s14">销售额（元）</div>
                    <div class="font-s16">{$sell_num|format='%.2f'}</div>
                    <div class="font-s12 color-desc">昨日：{$sell_y_num|format='%.2f'}</div>
                </div>
                <div class="layui-col-xs5">
                    <div class="font-s14">支付订单数</div>
                    <div class="font-s16">{$sell_count}</div>
                    <div class="font-s12 color-desc">{$sell_y_count}</div>
                </div>
            </div>
        </div>
        <div class="layui-col-md6 margin-bottom-15">
            <div class="layui-row">
                <div class="layui-col-xs3 text-center">
                    <i class="layui-icon color-blue" style="font-size:60px;line-height:72px">&#xe663;</i>
                </div>
                <div class="layui-col-xs4">
                    <div class="font-s14">新增用户数</div>
                    <div class="font-s16">{$new_user}</div>
                    <div class="font-s12 color-desc">昨日：{$new_y_user}</div>
                </div>
                <div class="layui-col-xs5">
                    <div class="font-s14">下单用户数</div>
                    <div class="font-s16">{$user_order}</div>
                    <div class="font-s12 color-desc">{$user_y_order}</div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="layui-row layui-col-space15">
    <div class="layui-col-md6">
        <div class="think-box-shadow">
            <table class="layui-table" lay-skin="line" lay-even>
                <caption class="text-left margin-bottom-15 font-s14">系统信息</caption>
                <colgroup>
                    <col width="30%">
                </colgroup>
                <tbody>
                <tr>
                    <td>当前程序版本</td>
                    <td>{:sysconf('app_version')}</td>
                </tr>
                <tr>
                    <td>运行PHP版本</td>
                    <td>{$Think.PHP_VERSION}</td>
                </tr>
                <tr>
                    <td>ThinkPHP版本</td>
                    <td>{$think_ver}</td>
                </tr>
                <tr>
                    <td>MySQL数据库版本</td>
                    <td>{$mysql_ver}</td>
                </tr>
                <tr>
                    <td>服务器操作系统</td>
                    <td>{:php_uname('s')}</td>
                </tr>
                <tr>
                    <td>WEB运行环境</td>
                    <td>{:php_sapi_name()}</td>
                </tr>
                <tr>
                    <td>上传大小限制</td>
                    <td>{:ini_get('upload_max_filesize')}</td>
                </tr>
                <tr>
                    <td>POST大小限制</td>
                    <td>{:ini_get('post_max_size')}</td>
                </tr>
                </tbody>
            </table>
        </div>
    </div>
    <div class="layui-col-md6">
        <div class="think-box-shadow" id="versionTest" data-version="{$has_version}">
            <table class="layui-table" lay-skin="line" lay-even>
                <caption class="text-left margin-bottom-15 font-s14">产品团队</caption>
                <colgroup>
                    <col width="30%">
                </colgroup>
                <tbody>
                <tr>
                    <td>产品名称</td>
                    <td>抢单源码</td>
                </tr>
                <tr>
                    <td>&#x6E90;&#x7801;&#x6765;&#x81EA;</td>
                    <td>&#31449;&#30721;&#20043;&#23478;&#28304;&#30721;&#32;&#119;&#119;&#119;&#46;&#122;&#104;&#97;&#110;&#109;&#97;&#122;&#106;&#46;&#99;&#111;&#109;</td>
                </tr>
                <tr>
                    <td>产品说明</td>
                    <td>本产品只为学习测试交流,请勿要做商业或者用于违法行为,一切后果自负</td>
                </tr>
                <tr>
                    <td>请勿点击</td>
                    <td>
                        <a href="#">
                            <img src="" style="height:18px;width:auto" target="_blank">
                        </a>
                    </td>
                </tr>
                <tr>
                    <td>产品大小</td>
                    <td><a target="_blank" href="">25.5M</a></td>
                </tr>
                <tr>
                    <td>数据库</td>
                    <td><a target="_blank" href="">mysql</a></td>
                </tr>
                <tr>
                    <td>版本</td>
                    <td>{:config('version')}  　　<a  onclick="return updateVersion()" href="javascript:void(0)">检查更新</a></td>
                </tr>


                </tbody>
            </table>
        </div>
    </div>
</div>
/*<script>
$(function () {
    if ($('#versionTest').data('version')) {
        setTimeout(function () {
            updateVersion();
        }, 1000);
    }
});



/*    function updateVersion() {
        //多窗口模式，层叠置顶
        layer.open({
            type: 2 //此处以iframe举例
            , title: '有新的版本更新提示!'
            , area: ['680px', '550px']
            , shade: 0
            ,skin: 'layui-layer-setmybg'
            , maxmin: true
            , content: "{:url('Index/clear00')}"+'?'
            , btn: ['查看全部更新记录', '关闭'] //只是为了演示
            , yes: function () {
                window.open('http://qd.x-g.vip/');
            }
            , btn2: function () {
                layer.closeAll();
            }

            , zIndex: layer.zIndex //重点1
            , success: function (layero) {
                layer.setTop(layero); //重点2
            }
        });
        return false;
    }*/
</script>
{/block}