{extend name="base/header" /}
{block name="body"}
<style>
    .layui-table .widthtd{ width: 120px;}
</style>
<div style="margin: 0px 10px">
    <table class="layui-table">
        <tbody>

        <tr>
            <td class="widthtd"><strong>附件上传</strong></td>
            <td>
                <table class="layui-table">
                    <thead>
                    <tr>
                        <th>文件名称</th>
                        <th>大小</th>
                        <th>操作</th>
                    </tr>
                    </thead>
                    <tbody>
                    {volist name="info.file_id_str" id="data"}
                    <tr>
                        <td>{$data.filename}</td>
                        <td>{$data.filesize}KB</td>
                        <td >
                            {in name="data.fileext" value="jpg,png,jpeg"}
                            <img src="{$data.fileurl}" width="50" height="50" class="imgclick">
                            {else/}
                            <a class="layui-btn layui-btn-xs" href="/admin/course.course_work/downloadfile?fileid={$data.fileid}" target="_blank">下载</a>
                            {/in}
                        </td>
                    </tr>
                    {/volist}
                    </tbody>
                </table>

            </td>

        </tr>

        <tr>
            <td class="widthtd"><strong>作品上传</strong></td>
            <td>
                <table class="layui-table">
                    <thead>
                    <tr>
                        <th>文件名称</th>
                        <th>大小</th>
                        <th>操作</th>
                    </tr>
                    </thead>
                    <tbody>
                    {volist name="info.complete_file_id_str" id="data"}
                    <tr>
                        <td>{$data.filename}</td>
                        <td>{$data.filesize}KB</td>
                        <td >
                            {in name="data.fileext" value="jpg,png,jpeg"}
                            <img src="{$data.fileurl}" width="50" height="50" class="imgclick">
                            {else/}
                            <a class="layui-btn layui-btn-xs" href="/admin/course.course_work/downloadfile?fileid={$data.fileid}" target="_blank">下载</a>
                            {/in}
                        </td>
                    </tr>
                    {/volist}
                    </tbody>
                </table>

            </td>

        </tr>


        </tbody>
    </table>




</div>

{/block}
{block name="script"}
<script type="text/javascript">
    var project_id = "{$info.id}";
    layui.use(['buildItems', 'form', 'laydate', 'util','vinfo','element'], function () {

        var layer = layui.layer,table=layui.table,form=layui.form,admin=layui.admin;
        var element = layui.element;
        /*解析顶部分组选项*/


    });
    $(".imgclick").click(function (){

        var src = $(this).attr('src'), alt = $(this).attr('alt');
        layer.photos({photos:{data:[{alt:alt,src:src}],start:'0'},anim:5,shade:[0.4,'#000']});
    });


    var callbackdata = function () {

    };

</script>
{/block}