{extend name="public/base" /}

{block name="body"}
<blockquote class="layui-elem-quote" style="margin:0">
    <span class="layui-breadcrumb" lay-separator="|">
        <a href="javascript:;">文件总数: {$list->total()} 个</a>
        <a href="javascript:;">占用空间: {$total}</a>
        {volist name="types" id="vo"}
        <a href="{:url('storage/index')}?type={$vo.type}">{$vo.type}</a>
        {/volist}
    </span>
</blockquote>
<div class="layui-progress" lay-showpercent="true" style="border-radius:0">
    <div class="layui-progress-bar" lay-percent="{$disk_use}%" style="border-radius:0"></div>
</div>
<div class="layui-form admin-main">
    <table class="layui-table">
        <thead>
            <tr>
                <th>ID</th>
                <th>类型</th>
                <th>文件名称</th>
                <th>后缀</th>
                <th>空间</th>
                <th>使用(点)</th>
                <th>路径</th>
                <th>创建时间</th>
            </tr>
        </thead>
        <tbody>
            {volist name="list" id="vo"}
            <tr>
                <td>{$vo.id}</td>
                <td>{$vo.type}</td>
                <td>{$vo.name}</td>
                <td>{$vo.ext}</td>
                <td>{$vo.size}</td>
                <td></td>
                <td>{$vo.path}</td>
                <td>{$vo.create_time}</td>
            </tr>
            {/volist}
        </tbody>
    </table>
    {$list->render();}
</div>
{/block}

{block name="layui"}
<script>
    layui.use('element', function(){
        var element = layui.element();
    });
</script>
{/block}