{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 id="screen" class="layui-input-inline">
            <div class="layui-inline"><a class="layui-btn layui-btn-danger layui-btn-sm">全部</a></div>
            {foreach $class as $k=>$v}
            <div class="layui-inline"><a class="layui-btn layui-btn-sm">{$v}</a></div>
            {/foreach}
        </div>
    </div>
    <div class="layui-inline" style="float:right;">
        <div class="layui-input-inline"><button class="layui-btn layui-btn-sm data_act" data-value="done">选择</button></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']});
        var mytable = table.render({
            elem: '#data_table',
            url: '{:url("index")}',
            method: 'POST',
            cols: [[
            {type:'radio'},
            {field:'class',width:100,align: 'center', title:'分类'},
            {field:'content', title:'模板内容'},
            ]],
            limit: Number.MAX_VALUE,
            done: function (res) {
                $('.countnum').text('记录数：' + res.count + '条');
                layer.close(loading);
            },
        });
        // 筛选
        $("#screen").find("a").click(function(){
            var text = $(this).text();
            $("#screen").find("a").removeClass('layui-btn-danger');
            $(this).addClass('layui-btn-danger');
            mytable.reload({
                page: {
                    curr: 1 //重新从第 1 页开始
                }
                ,where: {
                    type:text
                }
            });
        });
        //监听行双击事件
        table.on('rowDouble(data_table)', function(obj){
            var index = parent.layer.getFrameIndex(window.name);
            parent.$('#{$formname}').val(obj.data.content);
            parent.layer.close(index);
        });
        // 选择完毕
        $(".data_act").click(function(){
            var checkStatus = table.checkStatus('data_table'), data = checkStatus.data;
            var ids = [];
            var contents = [];
            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){
                    contents.push(v.content);
                });
                var index = parent.layer.getFrameIndex(window.name);
                parent.$('#{$formname}').val(contents);
                parent.layer.close(index);
            }
            return false;
        });
    })
</script>