{include file="public/head"}
<div class="layui-fluid">
    <form class="layui-form layui-form-pane">
        <div class="layui-form-item">
            <label class="layui-form-label">字段类型</label>
            <div class="layui-input-block">
                <select disabled="" name="type">
                <option value="{$info.type}" selected>{$info.type}--{$info.typeinfo.title}</option>
                </select>
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">字段名称</label>
            <div class="layui-input-block"><input type="text" name="title" required  lay-verify="required" autocomplete="off" placeholder="中文和字母或数字组合，如：标题" class="layui-input" value="{$info.title}"></div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">字段名</label>
            <div class="layui-input-block"><input type="text" name="name" class="layui-input layui-disabled" value="{$info.name}" disabled="disabled"></div>
        </div>
        {if in_array('rule',config('fieldtype.list')[$info.type]['config'])}
        <div class="layui-form-item" pane>
            <label class="layui-form-label">验证规则</label>
            <div class="layui-input-block">
                <input type="radio" name="rule" value="" title="无规则" lay-filter="rule" {if !$info.rule}checked{/if}><Hr style="margin-bottom:0px;">
                <input type="radio" name="rule" value="email" title="邮箱" lay-filter="rule" {if $info.rule == 'email'}checked{/if}>
                <input type="radio" name="rule" value="mobile" title="手机号" lay-filter="rule" {if $info.rule == 'mobile'}checked{/if}>
                <input type="radio" name="rule" value="idCard" title="身份证" lay-filter="rule" {if $info.rule == 'idCard'}checked{/if}>
                <input type="radio" name="rule" value="zip" title="邮编" lay-filter="rule" {if $info.rule == 'zip'}checked{/if}>
                <input type="radio" name="rule" value="lower" title="小写" lay-filter="rule" {if $info.rule == 'lower'}checked{/if}>
                <input type="radio" name="rule" value="upper" title="大写" lay-filter="rule" {if $info.rule == 'upper'}checked{/if}><Hr style="margin-bottom:0px;">
                <input type="radio" name="rule" value="alpha" title="纯字母" lay-filter="rule" {if $info.rule == 'alpha'}checked{/if}>
                <input type="radio" name="rule" value="alphaNum" title="字母和数字" lay-filter="rule" {if $info.rule == 'alphaNum'}checked{/if}>
                <input type="radio" name="rule" value="alphaDash" title="字母数字下划线及破折号" lay-filter="rule" {if $info.rule == 'alphaDash'}checked{/if}><Hr style="margin-bottom:0px;">
                <input type="radio" name="rule" value="chs" title="纯汉字" lay-filter="rule" {if $info.rule == 'chs'}checked{/if}>
                <input type="radio" name="rule" value="chsAlpha" title="汉字和字母" lay-filter="rule" {if $info.rule == 'chsAlpha'}checked{/if}>
                <input type="radio" name="rule" value="chsAlphaNum" title="汉字字母数字" lay-filter="rule" {if $info.rule == 'chsAlphaNum'}checked{/if}>
                <input type="radio" name="rule" value="chsDash" title="汉字字母数字下划线及破折号" lay-filter="rule" {if $info.rule == 'chsDash'}checked{/if}><Hr style="margin-bottom:0px;">
                <input type="radio" name="rule" value="ip" title="IP" lay-filter="rule" {if $info.rule == 'ip'}checked{/if}>
                <input type="radio" name="rule" value="url" title="URL地址" lay-filter="rule" {if $info.rule == 'url'}checked{/if}>
                <input type="radio" name="rule" value="macAddr" title="MAC地址" lay-filter="rule" {if $info.rule == 'macAddr'}checked{/if}><Hr style="margin-bottom:0px;">
                <input type="radio" name="rule" value="regex" title="正则" lay-filter="rule" {if $info.rule == 'regex'}checked{/if}>
                <input type="text" name="regexrule" autocomplete="off" placeholder="请输入正则" class="layui-input {if $info.rule !== 'regex'}layui-hide{/if}" value="{$info.regexrule}" style="border:0;margin-left:1px;">
            </div>
        </div>
        {/if}
        {if in_array('source',config('fieldtype.list')[$info.type]['config'])}
        <div class="layui-form-item" pane>
            <label class="layui-form-label">数据源</label>
            <div class="layui-input-block">
                <input type="radio" name="source_type" value="attr" title="属性数据" lay-filter="source_type" {if $info.source_type == 'attr'}checked{/if}>
                <input type="radio" name="source_type" value="model" title="模型数据" lay-filter="source_type" {if $info.source_type == 'model'}checked{/if}>
                <input type="radio" name="source_type" value="other" title="其他数据" lay-filter="source_type" {if $info.source_type == 'other'}checked{/if}>
                <hr style="margin:0px;">
                <input type="radio" name="source_type" value="about" title="单页列表" lay-filter="source_type" {if $info.source_type == 'about'}checked{/if}>
                <input type="radio" name="source_type" value="sitelist" title="站点选择" lay-filter="source_type" {if $info.source_type == 'sitelist'}checked{/if}>
                <input type="radio" name="source_type" value="navlist" title="站点栏目" lay-filter="source_type" {if $info.source_type == 'navlist'}checked{/if}>
            </div>
        </div>
        <div id="source"></div>
        <div class="layui-form-item">
            <label class="layui-form-label">显示的字段</label>
            <div class="layui-input-block"><input type="text" name="source_title" autocomplete="off" placeholder="展示的数据字段名：如：title" class="layui-input" value="{$info.source_title|default='title'}"></div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">选中值字段</label>
            <div class="layui-input-block"><input type="text" name="source_value" autocomplete="off" placeholder="选中数据时获取的字段值名：如：id" class="layui-input" value="{$info.source_value|default='id'}"></div>
        </div>
        {/if}
        {if in_array('defaultval',config('fieldtype.list')[$info.type]['config'])}
        <div class="layui-form-item">
            <label class="layui-form-label">默认值</label>
            <div class="layui-input-block"><textarea placeholder="1.开关为1或0(1开0关)&#10;2.多选及穿梭框设置内容为英文逗号隔开&#10;3.日期默认值请对应设置的日期格式&#10;4.设置数据源的请设置选中字段名的值" class="layui-textarea" name="defaultval">{$info.defaultval}</textarea></div>
        </div>
        {/if}
        {if $info.type == 'datetime'}
        <div class="layui-form-item">
            <label class="layui-form-label">显示格式</label>
            <div class="layui-input-block">
                <input type="text" name="time_format" class="layui-input" value="{$info.time_format|default='yyyy-MM-dd HH:mm:ss'}"><br>
            默认格式：yyyy-MM-dd HH:mm:ss 对应(年-月-日 时-分-秒)
            </div>
        </div>
        {/if}
        {if in_array('width',config('fieldtype.list')[$info.type]['config'])}
        <div class="layui-form-item">
            <label class="layui-form-label">列宽</label>
            <div class="layui-input-block"><input type="number" min='80' name="width" autocomplete="off" placeholder="列表宽度" class="layui-input" value="{$info.width|default=80}"></div>
        </div>
        {/if}
        <div class="layui-form-item" pane>
            <label class="layui-form-label">基本选项</label>
            <div class="layui-input-block">
                {if in_array('require',config('fieldtype.list')[$info.type]['config'])}
                <input type="checkbox" name="require" title="必填" lay-skin="primary" {if $info.require}checked{/if}>
                {/if}
                {if in_array('is_edit',config('fieldtype.list')[$info.type]['config'])}
                <input type="checkbox" name="is_edit" title="允许修改" lay-skin="primary" {if $info.is_edit}checked{/if}>
                {/if}
                {if in_array('is_show',config('fieldtype.list')[$info.type]['config'])}
                <input type="checkbox" name="is_show" title="列表显示" lay-skin="primary" {if $info.is_show}checked{/if}>
                {/if}
                {if in_array('is_sort',config('fieldtype.list')[$info.type]['config'])}
                <input type="checkbox" name="is_sort" title="列表排序" lay-skin="primary" {if $info.is_sort}checked{/if}>
                {/if}
                {if in_array($info.type,['img','imgs','ueditor','ueditors','layedit'])}
                <input type="checkbox" name="thumb" title="缩略图" lay-skin="primary" {if $info.thumb}checked{/if}>
                <input type="checkbox" name="water" title="水印" lay-skin="primary" {if $info.water}checked{/if}>
                {/if}
            </div>
        </div>
        {if in_array('is_search',config('fieldtype.list')[$info.type]['config'])}
        <div class="layui-form-item" pane>
            <label class="layui-form-label">搜索</label>
            <div class="layui-input-block">
                <input type="radio" name="is_search" title="禁用" value="0" {if $info.is_search == 0}checked{/if}>
                <input type="radio" name="is_search" title="模糊" value="1" {if $info.is_search == 1}checked{/if}>
                <input type="radio" name="is_search" title="精确" value="2" {if $info.is_search == 2}checked{/if}>
            </div>
        </div>
        {/if}
        <div class="layui-form-item" pane>
            <label class="layui-form-label">状态</label>
            <div class="layui-input-block">
                <input type="checkbox" name="status" title="启用" lay-skin="primary" {if $info.status}checked{/if}>
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">字段{:lang("order")}</label>
            <div class="layui-input-block"><input type="number" name="torder" lay-verify="number" min="1" placeholder="排序为大于1的整数字" class="layui-input" value="{$info.torder}"></div>
        </div>
        {:pagedebug()}
        <hr>
        <div class="layui-form-footer">
            <input type="hidden" name="id" value="{$info.id}">
            <input type="hidden" name="cmsmodels_id" value="{$info.cmsmodels_id}">
            <button class="layui-btn layui-btn-sm" lay-submit lay-filter="submit">{:lang("submit")}</button>
            <a class="layui-btn layui-btn-primary layui-btn-sm refresh">{:lang("reload")}</a>
            <a class="layui-btn layui-btn-sm layui-btn-primary" onclick="closelayer()"></i>{:lang("close")}</a>
        </div>
    </form>
<!---->
</div>
{include file="public/foot"}
<script>
    layui.use(['jquery', 'form', 'layer', 'element'],function () {
        var $ = layui.jquery;
        var form = layui.form;
        var layer = layui.layer;
        {if in_array('rule',config('fieldtype.list')[$info.type]['config'])}
        form.on('radio(rule)',function(data){
            if(data.value == 'regex') {
                $('input[name="regexrule"]').removeClass('layui-hide');
            } else {
                $('input[name="regexrule"]').addClass('layui-hide');
                $('input[name="regexrule"]').val('');
            }
        });
        {/if}
        {if in_array('source',config('fieldtype.list')[$info.type]['config'])}
        form.on('radio(source_type)',function(data){
            $('#source').html('');
            if(data.value == 'attr') {
                loading = layer.load(1, {shade: [0.1, '#fff']});
                var option = '<option value="">请选择属性</option>';
                $.ajax({
                    url: '{:url("attr/grouplist")}',
                    type: 'POST',
                    dataType: 'json',
                    success: function(result){
                        if(result.code == 0) {
                            $.each(result.data,function(i,o){
                                option += '<option value="'+o.id+'" '+(o.id == {$info.source_id} ? 'selected' : '')+'>'+o.title+'</option>';
                            });
                            $('#source').html("<div class='layui-form-item'><label class='layui-form-label'>选择数据源</label><div class='layui-input-block'><select name='source_id' lay-verify='required'>"+option+"</select></div></div>");
                            form.render();
                        }
                    }
                });
                layer.close(loading);
            } else if(data.value == 'model'){
                loading = layer.load(1, {shade: [0.1, '#fff']});
                var option = '<option value="">请选择模型</option>';
                $.ajax({
                    url: '{:url("cmsmodel/index")}',
                    type: 'POST',
                    dataType: 'json',
                    success: function(result){
                        if(result.code == 0) {
                            $.each(result.data,function(i,o){
                                option += '<option value="'+o.id+'" '+(o.id == {$info.source_id} ? 'selected' : '')+'>'+o.title+'</option>';
                            });
                            $('#source').html("<div class='layui-form-item'><label class='layui-form-label'>选择数据源</label><div class='layui-input-block'><select name='source_id' lay-verify='required'>"+option+"</select></div></div>");
                            form.render();
                        }
                    }
                });
                layer.close(loading);
            } else if(data.value == 'other') {
                $('#source').html("<div class='layui-form-item'><label class='layui-form-label'>表名</label><div class='layui-input-block'><input type='text' name='source_name' lay-verify='required' autocomplete='off' placeholder='表名不含前缀，如：product' class='layui-input' value='{$info.source_name}'></div></div>");
                form.render();
            }
        });
        $(function(){
            $("input:radio[name='source_type']:checked").next("div").click();
        })
        {/if}
        // 表单提交
        form.on('submit(submit)',function(data){
            {if in_array('require',config('fieldtype.list')[$info.type]['config'])}
            data.field.require = data.field.require=="on" ? 1 : 0;
            {/if}
            data.field.status = data.field.status=="on" ? 1 : 0;
            {if in_array('is_edit',config('fieldtype.list')[$info.type]['config'])}
            data.field.is_edit = data.field.is_edit=="on" ? 1 : 0;
            {/if}
            {if !in_array('is_search',config('fieldtype.list')[$info.type]['config'])}
            data.field.is_search = 0;
            {/if}
            {if in_array('is_show',config('fieldtype.list')[$info.type]['config'])}
            data.field.is_show = data.field.is_show=="on" ? 1 : 0;
            {/if}
            {if in_array('is_sort',config('fieldtype.list')[$info.type]['config'])}
            data.field.is_sort = data.field.is_sort=="on" ? 1 : 0;
            {/if}
            {if in_array($info.type,['img','imgs','ueditor','ueditors','layedit'])}
            data.field.thumb = data.field.thumb=="on" ? 1 : 0;
            data.field.water = data.field.water=="on" ? 1 : 0;
            {/if}
            {if in_array('rule',config('fieldtype.list')[$info.type]['config'])}
            if(data.field.rule == 'regex' && data.field.regexrule.trim() == '') {
                layer.msg('请输入正则规则');
                return false;
            }
            {/if}
            loading = layer.load(1, {shade: [0.1, '#fff']});
            $.ajax({
                url: '{:url("editfields")}',
                type: 'POST',
                dataType: 'json',
                data: data.field,
                success: function(result){
                    layer.close(loading);
                    layuialert(result,7);
                }
            });
            return false; //禁止刷新
        });
    });
</script>