{include file="public/head"}
<div class="layui-fluid">
    <div class="layui-inline">
        <div class="layui-input-inline"><button class="layui-btn layui-btn-primary layui-btn-sm layui-btn-disabled countnum"></button></div>
        <div class="layui-input-inline"><button class="layui-btn layui-btn-sm data_act" data-value="done">选择</button></div>
    </div>
    <div class="layui-inline">
        <style type="text/css">
            .month .layui-input,.month .layui-form-select dl dd{height: 32px !important;line-height: 32px !important;}
            .month .layui-form-select dl{top:38px;}
        </style>
        <div class="layui-form layui-inline month">
            <div class="layui-inline">
                <select name="themonth" lay-filter="themonth">
                    <option value="">所有上传日期</option>
                    {volist name='allmonth' id='v'}
                    <option value="{$v}">{$v}</option>
                    {/volist}
                </select>
            </div>
        </div>
    </div>
    <div class="layui-inline" style="float:right;">
        <div class="layui-input-inline"><a class="layui-btn layui-btn-primary layui-btn-sm refresh"><i class="layui-icon layui-icon-refresh-3"></i></a></div>
    </div>
    <hr>
    <table id="data_table" class="layui-table" lay-filter="data_table"></table>
    {:pagedebug()}
</div>
{include file="public/foot"}
<script type="text/javascript">
    layui.use(['table','form','element','layer'],function(){
        var table = layui.table, form = layui.form, $ = layui.jquery;
        var layer = layui.layer;
        var element = layui.element;
        loading = layer.load(1, {shade: [0.1, '#fff']});
        table.render({
            elem: '#data_table',
            url: '{:url("show")}',
            method: 'POST',
            where: {type:'{$type}'},
            cols: [[
            {type:'{$stype}'},
            {field:'type',width:80, align: 'center',title:'预览',templet: function(d){
                if(d.type == '图片') {
                    return '<img src="'+d.url+'" style="height:28px;width:30px;" onclick=viewpic("'+d.url+'")>';
                } else if(d.type == '文件') {
                    return '<i class="layui-icon layui-icon-file"></i>';
                } else if(d.type == '视频') {
                    return '<i class="layui-icon layui-icon-video"></i>';
                }
            }},
            {field:'original', title:'原文件名'},
            {field:'size', width: 150,title:'文件大小'},
            {field:'url', title:'文件地址'},
            {field:'create_time', width: 170, title:'创建日期'},
            ]],
            limit: {:config('app.admin.pagelimit')},
            page: true,
            done: function (res) {
                $('.countnum').text('记录数：' + res.count + '条');
                layer.close(loading);
            },
        });
        // 监听下拉框
        form.on('select(themonth)', function(data){
            var themonth = data.value;
            table.reload('data_table',{where: {themonth:themonth},page:{curr:1}});
        });
        // 选择完毕
        $(".data_act").click(function(){
            var checkStatus = table.checkStatus('data_table'), data = checkStatus.data;
            var ids = [];
            var urls = [];
            var data_act = $(this).attr("data-value");
            var text = $(this).text();
            if(data_act == 'done') {
                $(data).each(function(k,v){
                    ids.push(v.id);
                });
                if(data.length == 0) {
                    layer.msg('请选择！');
                    return false;
                }
                $(data).each(function(k,v){
                    urls.push(v.url);
                });
                var index = parent.layer.getFrameIndex(window.name);
                {if $stype=='radio' && $type=='image'}
                parent.$('#{$formname}').val(urls);
                parent.$('#{$formname}pic').attr('src',urls);
                {/if}
                {if $stype=='radio' && $type=='file'}
                parent.$('#{$formname}').val(urls);
                {/if}
                {if $stype=='checkbox' && $type=='image'}
                var arrlist = parent.$('input[name={$formname}]').val();
                if (arrlist) {
                    arrlist = JSON.parse(arrlist);
                } else {
                    arrlist = [];
                }
                {if $formname == 'imgs'}
                var viewstr = '<span class="tothumb">缩</span>';
                {else/}
                var viewstr = '<span class="view">预</span>';
                {/if}
                $(data).each(function(k,v){
                    var thistitle = v.original; 
                    parent.$('#{$formname}').append('<li class="item_img"><div class="operate"><i class="toleft layui-icon layui-icon-left"></i><i class="toright layui-icon layui-icon-right"></i><span class="close">删</span>'+viewstr+'</div><img src="' + v.url + '" class="img" ><input type="text" class="layui-input imgstitle" placeholder="标题" value="' + thistitle.substring(0,thistitle.lastIndexOf(".")) + '"/></li>');
                    arrlist.push({"title":thistitle.substring(0,thistitle.lastIndexOf(".")),"src":v.url});
                });
                parent.$('input[name={$formname}]').val(JSON.stringify(arrlist));
                {/if}
                {if $stype=='checkbox' && $type=='file'}
                $(data).each(function(k,v){
                    var thistitle = v.original;
                    parent.$('#{$formname}_list').append('<tr><td><input type="hidden" class="md5" value="' + v.filemd5 + '"><input type="hidden" class="size" value="' + v.size + '" /><input type="hidden" class="src" value="' + v.url + '" /><input type="text" class="layui-input layui-sm title" placeholder="标题" value="' + thistitle.substring(0,thistitle.lastIndexOf(".")) + '"></td><td>' + v.size + '</td><td>' + v.url + '</td><td><span style="color: #5FB878;">获取成功</span></td><td style="text-align:center"><a class="layui-btn layui-btn-xs layui-btn-danger this-delete">删除</a><a class="layui-btn layui-btn-xs moveUpOrDown">上移</a><a class="layui-btn layui-btn-xs moveUpOrDown">下移</a></td></tr>');
                    arrlist.push({"title":thistitle.substring(0,thistitle.lastIndexOf(".")),"src":v.url,"md5":v.filemd5,"size":v.size});
                });
                parent.$('input[name={$formname}]').val(JSON.stringify(arrlist));
                {/if}
                parent.layer.close(index);
            }
            return false;
        });
    })
    function viewpic(img) {
        layer.open({
            type: 1,
            area:['auto', 'auto'],
            title: false,
            closeBtn: 1,
            shadeClose: true,
            content: '<img src="'+img+'" style="max-width:800px;max-height:400px">'
        });
    }
</script>