{extend name="public/container"}
{block name="content"}
<style>
    .backlog-body{
        padding: 10px 15px;
        background-color: #f8f8f8;
        color: #999;
        border-radius: 2px;
        transition: all .3s;
        -webkit-transition: all .3s;
        overflow: hidden;
        max-height: 84px;
    }
    .backlog-body h3{
        margin-bottom: 10px;
    }
    .right-icon{
        position: absolute;
        right: 10px;
    }
    .backlog-body p cite {
        font-style: normal;
        font-size: 17px;
        font-weight: 300;
        color: #009688;
    }
    .layuiadmin-badge, .layuiadmin-btn-group, .layuiadmin-span-color {
        position: absolute;
        right: 15px;
    }
    .layuiadmin-badge {
        top: 50%;
        margin-top: -9px;
        color: #01AAED;
    }
</style>
<div class="layui-fluid">
    <div class="layui-row layui-col-space15">        
        <div class="layui-col-md12 layui-col-sm12 layui-col-lg12">
            <div class="layui-card">
                <div class="layui-card-header">详情</div>
                <div class="layui-card-body">
                    <div class="layui-row layui-col-space15">
                        <table class="layui-table" lay-skin="line" v-cloak="">
                            <thead>
                                <tr>
                                    <th>商品编号</th>
                                    <th>商品图片</th>
                                    <th style="width: 40%;">商品名称</th>
                                    <th>库存</th>
                                    <th>销量</th>
                                    <th>创建时间</th>                                  
                                </tr>
                            </thead>
                            <tbody>
                                {volist name='list' id='v'}
                                <tr>
                                    <td>{$v.goods_id}</td>
                                    <td><img src="{$v.goods_pic}" style="height: 80px !important;"></td>
                                    <td>{$v.goods_name}</td>
                                    <td>{$v.goods_stock}</td>
                                    <td>{$v.goods_sales}</td>
                                    <td>{:date("y-m-d",$v['add_time'])}</td>   
                                </tr>    
                                {/volist}
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>        
    </div>
</div>
{/block}