{include file="public/head"}
<script type="text/javascript" src="__STATIC__/ueditor/ueditor.config.js"></script>
<script type="text/javascript" src="__STATIC__/ueditor/ueditor.all.js"></script>
<div class="layui-fluid layui-rg-bg">
    <div class="layui-row layui-col-space15">
        <div class="layui-col-xs12 layui-col-md12 layui-col-lg12">
            <div class="layui-card">
                <div class="layui-card-header">
                    <span style="float:right"><a class="refresh" href="javascript:;"><i class="layui-icon layui-icon-refresh-3"></i></a></span><i class="layui-icon layui-icon-list"> </i>增加字段
                </div>
                <div class="layui-card-body">
                    <form class="layui-form layui-form-pane">
                        <div class="layui-form-item">
                            <div class="layui-inline">
                                <label class="layui-form-label">字段名称</label>
                                <div class="layui-input-inline"><input type="text" name="title" required lay-verify="required" placeholder="请输入字段名称" class="layui-input"></div>
                            </div>
                            <div class="layui-inline">
                                <label class="layui-form-label">调用标识</label>
                                <div class="layui-input-inline"><input type="text" name="name" required lay-verify="required" placeholder="请输入调用标识" class="layui-input"></div>
                            </div>
                            <div class="layui-inline">
                                <label class="layui-form-label">字段类型</label>
                                <div class="layui-input-inline">
                                    <select name="type" required lay-verify="required">
                                        <option value="">选择字段类型</option>
                                        <option value="input">文本框</option>
                                        <option value="textarea">文本域</option>
                                        <option value="img">图片</option>
                                        <option value="imgs">多图</option>
                                        <option value="color">颜色</option>
                                        <option value="ueditor">编辑器</option>
                                    </select>
                                </div>
                            </div>
                            <div class="layui-inline">
                                <label class="layui-form-label">排序</label>
                                <div class="layui-input-inline" style="width:100px;"><input type="number" name="torder" lay-verify="number" value="{:app\\common\\model\\Diyfields::whereTablename($tablename)->whereCid($cid)->count()+1}" min="1" placeholder="排序为大于1的整数字" class="layui-input"></div>
                                <button class="layui-btn" lay-submit lay-filter="addfields">{:lang("add")}字段</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
        <div class="layui-col-xs12 layui-col-md12 layui-col-lg7">
            <div class="layui-card">
                <div class="layui-card-header">
                    <span style="float:right"><a class="refresh" href="javascript:;"><i class="layui-icon layui-icon-refresh-3"></i></a></span><i class="layui-icon layui-icon-list"> </i>内容维护
                </div>
                <div class="layui-card-body">
                {if app\common\model\Diyfields::whereTablename($tablename)->whereCid($cid)->count()==0}
                <p style="color:#ccc;text-align:center;">无字段</p>
                {else /}
                <form class="layui-form layui-form-pane">
                    {:DiyFields_dynamic($tablename,$cid)}
                    <div class="layui-form-item" style="text-align:center;">
                    <button class="layui-btn layui-btn-sm" lay-submit lay-filter="rgcms_submit" data-type="1" data-url='{:url("diyfields/save")}?tablename={$tablename}&cid={$cid}'>{:lang("submit")}</button>
                    </div>
                </form>
                {/if}
                </div>
            </div>
        </div>
        <div class="layui-col-xs12 layui-col-md12 layui-col-lg5">
            <div class="layui-card">
                <div class="layui-card-header">
                    <span style="float:right"><a class="refresh" href="javascript:;"><i class="layui-icon layui-icon-refresh-3"></i></a></span><i class="layui-icon layui-icon-list"> </i>字段列表
                </div>
                <div class="layui-card-body">
                    <table id="data_table" class="layui-table" lay-filter="data_table" style="margin-bottom:-15px;"></table>
                </div>
            </div>
        </div>
    </div>
</div>
{include file="public/foot"}
<script type="text/html" id="action">
    <div class="layui-input-inline"><a class="layui-btn layui-btn-xs layui-btn-danger" lay-event="del"><i class='layui-icon layui-icon-delete'></i>{:lang("del")}</a></div>
</script>
<script type="text/html" id="status">
    <input type="checkbox" name="status" lay-skin="primary" value="{{d.id}}" lay-filter="status" {{ d.status == 1 ? 'checked' : '' }}>
</script>
<script type="text/javascript">
    layui.use(['table','form','element'],function(){
        var table = layui.table, form = layui.form, $ = layui.jquery;
        loading = layer.load(1, {shade: [0.1, '#fff']});
        table.render({
            elem: '#data_table',
            url: '{:url("diyfields/index")}?tablename={$tablename}&cid={$cid}',
            method: 'POST',
            cols: [[
            {field:'title', title:'名称', edit:'text'},
            {field:'name', title:'调用标识'},
            {field:'type', title:'类型'},
            {field:'status',width: 70, align: 'center', title: '状态', templet: '#status'},
            {field:'torder', width: 80, align: 'center', title:'{:lang("order")}', edit:'text'},
            {toolbar: '#action', width: 90, align: 'center', title: '{:lang("act")}', fixed: 'right'}
            ]],
            limit: {:config('app.admin.pagelimit')},
            page: true,
            done: function (res) {
                layer.close(loading);
            }
        });
        //点击事件
        table.on('tool(data_table)', function(obj) {
            var data = obj.data;
            var event = obj.event;
            if(event === 'del'){
                layer.confirm('确认{:lang("del")}('+ data.title +')吗？',{title:'{:lang("del")}'},function(){
                    table_ajax(data,'{:url("diyfields/del")}?tablename={$tablename}&cid={$cid}',1);
                })
                return false;
            }
        });
        //监听单元格编辑
        table.on('edit(data_table)', function(obj){
            var value = obj.value //得到修改后的值
            ,data = obj.data //得到所在行所有键值
            ,field = obj.field; //得到字段
            table_ajax(data,'{:url("diyfields/edit")}?tablename={$tablename}&cid={$cid}',1);
        });
        //监听开关操作
        form.on('checkbox(status)', function(obj){
            var data={};
            data[obj.elem.name] = obj.elem.checked ? 1 : 0;
            data['id'] = obj.value;
            data['list_switch'] = true;
            table_ajax(data,'{:url("diyfields/edit")}?tablename={$tablename}&cid={$cid}',1);
        });
        // 添加字段
        form.on('submit(addfields)',function(data){
            loading = layer.load(1, {shade: [0.1, '#fff']});
            $.ajax({
                url: '{:url("diyfields/add")}?tablename={$tablename}&cid={$cid}',
                type: 'POST',
                dataType: 'json',
                data: data.field,
                success: function(result){
                    layer.close(loading);
                    layuialert(result,1);
                }
            });
            return false; //禁止刷新
        });
    })
</script>
{include file="public/other"}