{include file="/public/header"/}
<script src="__STATIC_ADMIN__/js/jquery.js?t={php}echo time();{/php}"></script>
<script src="__STATIC_ADMIN__/js/admin_common.js?t={php}echo time();{/php}"></script>
<style>
.layui-table-cell {height:35px;line-height:35px;}
.layui-table, .layui-table-view{margin-top:0px;}
.layui-form-item .layui-inline{margin-right:0;}
.layui-table th, .layui-table td{border:1px solid #e6e6e6;} 
.wauto{width:auto;}
.layui-form-mid{padding:0px!important;margin-right:0px!important;}
.layui-table-page{border-top:1px solid #e6e6e6;border-bottom:0px;}
</style>
<div class="layui-fluid" id="LAY-component-layer-list">
    <div class="layui-card">
        <!-- // 默认操作按钮 -->
        <div class="layui-card-header layuiadmin-card-header-auto">
            <div class="layui-form">
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <div class="layui-form-label wauto" style="padding:6px 15px 6px 0;">{:all_lang('模型名称')}</div>
                        <div class="layui-input-inline "><input name="title" class="layui-input" type="text" placeholder="{:all_lang('模型名称')}"/></div>
                    </div>
                    <div class="layui-inline" >
                        <!-- // 默认搜索 -->
                        <button class="layui-btn icon-btn" lay-filter="formSearch" lay-submit>
                            <i class="layui-icon layui-icon-search"></i>{:all_lang('搜索')}
                        </button>
                        <!-- // 添加数据页面 -->
                        <button class="layui-btn layui-btn-danger icon-btn" lay-title="{:all_lang('添加模型')}" lay-area="500px" lay-url="#addforms" lay-callback="edits" lay-open><i class="layui-icon layui-icon-add-1"></i>{:all_lang('添加')}</button>  
                    </div>
                </div>
            </div>
        </div>
        <!-- // 创建数据表实例 -->
        <table id="lay-tableList" lay-filter="lay-tableList"></table>        
    </div>
</div>

<!-- // 添加数据 -->
<script type="text/html" id="addforms">
    <div class="layui-fluid layui-bg-white">
        <form class="layui-form layui-form-fixed" lay-filter="addforms">
            <div class="layui-form-item">
                <label class="layui-form-label"><font class="pcfts">* </font>{:all_lang('模型名称')}</label>
                <div class="layui-input-block">
                    <input name="title"  type="text" class="layui-input" lay-verify="required"/>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label"><font class="pcfts">* </font>{:all_lang('数据表名')}</label>
                <div class="layui-input-block">
                    <input name="table"  type="text" class="layui-input" lay-verify="required"/>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">{:all_lang('排&emsp;序')}</label>
                <div class="layui-input-inline">
                    <input name="sort" type="text" class="layui-input"/>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label" style="line-height:20px;">{:all_lang('文档标题')}</label>
                <div class="layui-input-inline">
                    <input name="is_repeat_title" type="radio" value="1" title="{:all_lang('允许')}" checked/>
                    <input name="is_repeat_title" type="radio" value="0" title="{:all_lang('不允许')}"/>
                </div>
                <div class="layui-form-mid layui-word-aux">添加/编辑文档时，是否允许标题重复</div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label" style="line-height:20px;">{:all_lang('状态')}</label>
                <div class="layui-input-inline">
                    <input name="status" type="radio" value="1" title="{:all_lang('开启')}" checked/>
                    <input name="status" type="radio" value="0" title="{:all_lang('关闭')}"/>
                </div>
            </div>
            <div class="layui-footer layui-form-item layui-center">
                <button class="layui-btn layui-btn-primary" type="button" sa-event="closePageDialog">{:all_lang('取消')}</button>
                <button class="layui-btn" lay-add="{:url('/channel/add')}" lay-edit="{:url('/channel/edit')}" lay-filter="submitPage" lay-submit>
                {:all_lang('提交')}</button>
            </div>
        </form>
    </div>
</script>

<!-- // 编辑数据 -->
<script type="text/html" id="editforms">
    <div class="layui-fluid layui-bg-white">
        <form class="layui-form layui-form-fixed" lay-filter="editforms">
            <input type="hidden" name="id">
            <div class="layui-form-item">
                <label class="layui-form-label"><font class="pcfts">* </font>{:all_lang('模型名称')}</label>
                <div class="layui-input-block">
                    <input name="title"  type="text" class="layui-input" lay-verify="required"/>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label"><font class="pcfts">* </font>{:all_lang('数据表名')}</label>
                <div class="layui-input-block">
                    <input name="table"  type="text" class="layui-input layui-btn-disabled" lay-verify="required"/>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">{:all_lang('排&emsp;序')}</label>
                <div class="layui-input-inline">
                    <input name="sort" type="text" class="layui-input"/>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label" style="line-height:20px;">{:all_lang('文档标题')}</label>
                <div class="layui-input-inline">
                    <input name="is_repeat_title" type="radio" value="1" title="{:all_lang('允许')}" checked/>
                    <input name="is_repeat_title" type="radio" value="0" title="{:all_lang('不允许')}"/>
                </div>
                <div class="layui-form-mid layui-word-aux">添加/编辑文档时，是否允许标题重复</div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label" style="line-height:20px;">{:all_lang('状态')}</label>
                <div class="layui-input-inline">
                    <input name="status" type="radio" value="1" title="{:all_lang('开启')}" checked/>
                    <input name="status" type="radio" value="0" title="{:all_lang('关闭')}"/>
                </div>
            </div>
            <div class="layui-footer layui-form-item layui-center">
                <button class="layui-btn layui-btn-primary" type="button" sa-event="closePageDialog">{:all_lang('取消')}</button>
                <button class="layui-btn" lay-add="{:url('/channel/add')}" lay-edit="{:url('/channel/edit')}" lay-filter="submitPage" lay-submit>
                {:all_lang('提交')}</button>
            </div>
        </form>
    </div>
</script>

<!-- // 列表编辑框 -->
<script type="text/html" id="tableBar"> 
    <a class="layui-table-text" lay-title="{:all_lang('编辑')} {{d.title}}" lay-area="500px" lay-url="#editforms" lay-callback="edits" lay-event="edit">{:all_lang('编辑')}</a>
    <div class="layui-divider layui-divider-vertical"></div>
    <a class="layui-table-text" href="{:url('/channelField/index/')}channel_id/{{d.id}}">{:all_lang('字段')}</a>
    <div class="layui-divider layui-divider-vertical"></div>
    {{# if(d.ifsystem == 1){ }}
    <a class="layui-table-text pcfgrey">{:all_lang('删除')}</a>
    {{# }else{ }}
    <a class="layui-table-text" lay-url="{:url('/channel/del/')}id/{{d.id}}" lay-event="del">{:all_lang('删除')}</a>
    {{# } }}
</script>

<!-- // 列表状态栏 -->
<script type="text/html" id="userStatus">
    <input type="checkbox" lay-filter="switchStatus" lay-text="开启|关闭" lay-url="{:url('/channel/status')}" value="{{d.id}}" lay-skin="switch" {{d.status == 1 ?'checked':''}} lay-callback="status"/>
</script>

<!-- // 列表状态栏 -->
<script type="text/html" id="userStatus1">
    <input type="checkbox" lay-filter="switchStatus" lay-text="允许|不允许" lay-url="{:url('/channel/is_repeat_title')}" value="{{d.id}}" lay-skin="switch" {{d.is_repeat_title == 1 ?'checked':''}} lay-callback="status"/>
</script>
{include file="/public/footer"/}
<script>
    layui.use(['admin','table','form'], function () {
        var admin = layui.admin;
        var $ = layui.jquery;
        var table = layui.table;
        var form = layui.form;

        // 初始化表格
        var isTable = table.render({
            elem: "#lay-tableList",
            url: "{:url('/channel/index')}",
            page: true,
            height: 'full-110',
            cols: [[
                {type:'checkbox'},
                {field: 'id', align: 'center',width: 80,title: 'ID'},
                {field: 'title', align: 'left', title: '{:all_lang("名称")}'},
                {field: 'table', align: 'center',title: '{:all_lang("模型标识")}'},
                {field: 'field_num', align: 'center',title: '{:all_lang("字段数")}'},
                {field: 'add_time', align: 'center', title: '{:all_lang("创建时间")}'},
                {field: 'status', align: 'center',templet: '#userStatus', width: 135, title: '{:all_lang("状态")}'},
                {field: 'is_repeat_title', align: 'center',templet: '#userStatus1', width: 135, title: '{:all_lang("允许标题重复")}'},
                {align: 'center', toolbar: '#tableBar', width:250, title: '{:all_lang("操作")}'},
                {title: '{:all_lang("排序")}',align: 'center',templet: function (d) {
                    var html = "<input type='number' style='height:35px;' size='4' data-id='"+d.id+"' value='"+d.sort+"' id='sort' class='layui-input'/>";
                    return html;
                }, width: 100},
            ]]
        });

        //编辑|添加
        admin.callback.edits = function(clickthis,colletction,config) {
            var tableThis = colletction.tableThis,
            status = typeof(tableThis) === "undefined" ? true : false;
            form.on("submit(submitPage)",function(post){
                var pageThat = layui.$(this),
                _pageUrl = !status ? pageThat.attr('lay-edit') : pageThat.attr('lay-add');
                layui.$.post(_pageUrl,post.field, function(res){
                    if (res.code == 200) {
                        layui.iziToast.success({
                            message: res.msg,
                            timeout: 1000,
                            onClosing: function () {
                                table.reload('lay-tableList');
                                layer.close(colletction.index);
                            }
                        });
                    } else if(res.code == 504){
                        layui.iziToast.error({
                            message: res.message,
                            timeout: 1000,
                            onClosing: function () {
                                location.reload();
                            }
                        });
                    }else {
                        layui.iziToast.error({
                            message: res.msg,
                            timeout: 1000
                        });
                    }
                }, 'json');
                return false;
            })
        }

        // 修改状态的回调函数
        admin.callback.status = function(clickthis,colletction,config) {
            if(colletction){
                if (colletction.code == 200) {
                    layui.iziToast.success({
                        message: colletction.msg,
                        timeout: 1000,
                        onClosing: function () {
                            table.reload('lay-tableList');
                        }
                    });
                }else {
                    layui.iziToast.error({
                        message: colletction.msg,
                        timeout: 1000,
                        onClosing: function () {
                            table.reload('lay-tableList');
                        }
                    });
                }
            }
        }

        // 监听排序
        $(document).on("change","#LAY-component-layer-list #sort",function(){
            var data_id = $(this).attr('data-id');
            var pcf_url = '{:url("/ajax/ajax_changeTableVal")}';
            changeTableVal('channel','id',data_id,'sort',this,pcf_url);
        });
    })
</script>
</body>
</html>