yzncms_console/application/admin/view/general/config/setting.html

{extend name="index_layout"/}
{block name="main"}
<div class="layui-card">
    <div class="layui-card-body">
        <div class="layui-tab layui-tab-card">
            <ul class="layui-tab-title">
                {volist name="groupArray" id="vo"}
                <li class="{if $key==$group}layui-this{/if}"><a href="{:url('setting',['group'=>$key])}">{$vo}</a></li>
                {/volist}
            </ul>
            <div class="layui-tab-content">
                <form class="layui-form" method="post">
                    {:token()}

                    {volist name="fieldList" id="vo"}
                    <div data-favisible="{$vo.visible|default=''}">
                        <div class="layui-form-item">
                            <label class="layui-form-label {if condition="isset($vo.ifrequire) AND $vo.ifrequire"}layui-form-item-required{/if}">{$vo.title}</label>
                            {switch name="vo.type"}
                                {case value="text"}
                                <div class="layui-input-block">
                                    <input {$vo.extend_html|raw} type="text" name="{$vo.fieldArr}[{$vo.name}]" placeholder="请输入{$vo.title}" autocomplete="off" class="layui-input" value="{$vo.value}">
                                </div>
                                {/case}

                                {case value="password"}
                                <div class="layui-input-block">
                                    <input {$vo.extend_html|raw} type="password" name="{$vo.fieldArr}[{$vo.name}]" placeholder="请输入{$vo.title}" autocomplete="off" class="layui-input" value="{$vo.value}" lay-affix="eye">
                                </div>
                                {/case}

                                {case value="tags"}
                                <div class="layui-input-block">
                                    <input {$vo.extend_html|raw} type="text" name="{$vo.fieldArr}[{$vo.name}]" class="layui-input form-tags tags-{$vo.name}" value="{$vo.value}" data-remark="{$vo.remark|default='输入回车键确认'}">
                                </div>
                                {/case}

                                {case value="number"}
                                <div class="layui-input-block">
                                    <input {$vo.extend_html|raw} type="number" name="{$vo.fieldArr}[{$vo.name}]" placeholder="请输入{$vo.title}" autocomplete="off" lay-affix="number" class="layui-input" value="{$vo.value}">
                                </div>
                                {/case}

                                {case value="switch"}
                                <div class="layui-input-block">
                                    <input type="checkbox" name="{$vo.fieldArr}[{$vo.name}]" lay-skin="switch" lay-text="ON|OFF" value="{$vo['value']}" {if 1==$vo[ 'value' ]}checked='' {/if}>
                                </div>
                                {/case}

                                {case value="array"}
                                <dl {$vo.extend_html|raw} class="layui-input-block fieldlist" data-name="{$vo.fieldArr}[{$vo.name}]" data-id="{$vo.name}">
                                    <dd>
                                        <ins>键名</ins>
                                        <ins>键值</ins>
                                    </dd>
                                    <dd><button type="button" class="layui-btn btn-append">追加</button></dd>
                                    <textarea name="{$vo.fieldArr}[{$vo.name}]" class="layui-textarea layui-hide">{$vo.value}</textarea>
                                </dl>
                                <script type="text/html" id="{$vo.name}Tpl">
                                    <dd class="layui-form-item rules-item">
                                        {{# layui.each(d.lists, function(index, item) { }}
                                        <input type="text" class="layui-input" name="{{item.name}}[{{item.index}}][key]" placeholder="键" value="{{item.key|| ''}}" />
                                        <input type="text" class="layui-input" name="{{item.name}}[{{item.index}}][value]" placeholder="值" value="{{item.value|| ''}}" />
                                        <button type="button" class="layui-btn layui-btn-danger btn-remove layui-btn-xs"><i class="iconfont icon-close"></i></button>
                                        <button type="button" class="layui-btn btn-dragsort layui-btn-xs"><i class="iconfont icon-yidong"></i></button>
                                        {{# }); }}
                                    </dd>
                                </script>
                                {/case}

                                {case value="checkbox"}
                                <div class="layui-input-block">
                                    {volist name="vo.options" id="v"}
                                    <input  type="checkbox" name="{$vo.fieldArr}[{$vo.name}][]" lay-skin="primary" title="{$v}" value="{$key}" {if in_array($key,$vo[ 'value' ])}checked{/if}>
                                    {/volist}
                                </div>
                                {/case}

                                {case value="radio"}
                                <div class="layui-input-block">
                                    {volist name="vo.options" id="v"}
                                    <input type="radio" name="{$vo.fieldArr}[{$vo.name}]" value="{$key}" title="{$v}" {if $key==$vo [ 'value' ]}checked='' {/if}> {/volist}
                                </div>
                                {/case}

                                {case value="select"}
                                <div class="layui-input-block">
                                    <select name="{$vo.fieldArr}[{$vo.name}]">
                                        <option value=""></option>
                                        {volist name="vo.options" id="v"}
                                        <option value="{$key}" {if $key==$vo[ 'value' ]}selected="" {/if}>{$v}</option>
                                        {/volist}
                                    </select>
                                </div>
                                {/case}

                                {case value="selects"}
                                <div class="layui-input-block">
                                    <div {$vo.extend_html|raw} class="form-selects" data-name="{$vo.fieldArr}[{$vo.name}]" data-id="{$vo.name}" data-value="{$vo.value}" data-list="{$vo.options|json_encode}"></div>
                                </div>
                                {/case}

                                {case value="selectpage"}
                                <div class="layui-input-block">
                                    <input {$vo.extend_html|raw} class="form-control layui-input selectpage" type="text" name="{$vo.fieldArr}[{$vo.name}]" data-source="{$vo.options.url|url}" data-multiple="{$vo.options.multiple|default='false'}" data-field="{$vo.options.field|default='name'}" data-primary-key="{$vo.options.key|default='id'}" data-max-select-limit="{$vo.options.max|default='20'}" data-pagination="{$vo.options.pagination|default='true'}" data-page-size="{$vo.options.limit|default='10'}" data-order-by="{$vo.options.order|default='id'}"  value="{$vo.value}">
                                </div>
                                {/case}

                                {case value="color"}
                                <div class="layui-input-block">
                                    <div class="layui-input-inline" style="width: 120px;">
                                        <input {$vo.extend_html|raw} type="text" name="{$vo.fieldArr}[{$vo.name}]" value="{$vo.value}" placeholder="请选择颜色" class="layui-input test-form-input" id="c-{$vo.name}">
                                    </div>
                                    <div class="layui-inline" style="left: -11px;">
                                        <div class="colorpicker" data-input-id="c-{$vo.name}"></div>
                                    </div>
                                </div>
                                {/case}

                                {case value="datetime"}
                                <div class="layui-input-block">
                                    <input {$vo.extend_html|raw} type="text" class="layui-input datetime" name="{$vo.fieldArr}[{$vo.name}]" placeholder="请输入{$vo.title}" value="{$vo.value}">
                                </div>
                                {/case}

                                {case value="datetimerange"}
                                <div class="layui-input-block">
                                    <input {$vo.extend_html|raw} type="text" class="layui-input datetime" name="{$vo.fieldArr}[{$vo.name}]" placeholder="请输入{$vo.title}" value="{$vo.value}" data-date-range="-">
                                </div>
                                {/case}

                                {case value="textarea"}
                                <div class="layui-input-block">
                                    <textarea {$vo.extend_html|raw} placeholder="请输入{$vo.title}" class="layui-textarea" name="{$vo.fieldArr}[{$vo.name}]">{$vo.value}</textarea>
                                </div>
                                {/case}

                                {case value="image" break="0"}{/case}
                                {case value="images"}
                                <div class="layui-input-block">
                                    <div class="layui-col-xs4">
                                        <input type="text" name="{$vo.fieldArr}[{$vo.name}]"  id="c-{$vo.name}" value="{$vo.value|default=''}" class="layui-input">
                                    </div>
                                    <button type="button" class="layui-btn faupload" id="faupload-{$vo.name}" data-multiple="{$vo.type=='image'?'false':'true'}" data-input-id="c-{$vo.name}" data-preview-id="p-{$vo.name}" data-type="image"><i class="layui-icon layui-icon-upload"></i> 上传</button><button type="button" class="layui-btn fachoose" data-multiple="{$vo.type=='image'?'false':'true'}" data-mimetype="image" data-input-id="c-{$vo.name}" id="fachoose-c-{$vo.name}"><i class="iconfont icon-other"></i> 选择</button>
                                    <ul class="layui-row list-inline plupload-preview" id="p-{$vo.name}"></ul>
                                </div>
                                {/case}

                                {case value="file" break="0"}{/case}
                                {case value="files"}
                                <div class="layui-input-block">
                                    <div class="layui-col-xs4">
                                        <input type="text" name="{$vo.fieldArr}[{$vo.name}]"  id="c-{$vo.name}" value="{$vo.value|default=''}" class="layui-input">
                                    </div>
                                    <button type="button" class="layui-btn faupload" id="faupload-{$vo.name}" data-multiple="{$vo.type=='file'?'false':'true'}" data-input-id="c-{$vo.name}" data-preview-id="p-{$vo.name}" data-type="file"><i class="layui-icon layui-icon-upload"></i> 上传</button><button type="button" class="layui-btn fachoose" data-multiple="{$vo.type=='file'?'false':'true'}" data-mimetype="file" data-input-id="c-{$vo.name}" id="fachoose-c-{$vo.name}"><i class="iconfont icon-other"></i> 选择</button>
                                </div>
                                {/case}

                                {case value="Ueditor"}
                                <div class="layui-input-block">
                                    <script {$vo.extend_html|raw} type="text/plain" class="js-ueditor" id="{$vo.name}" name="{$vo.fieldArr}[{$vo.name}]">{$vo.value|raw}</script>
                                </div>
                                <div class="{$vo.name}_attr editor_tool" style="margin-left: 140px;">
                                    <a class="layui-btn layui-btn-sm" id="{$vo.name}grabimg" style="margin-top: 4px;">图片本地化</a>
                                    <a class="layui-btn layui-btn-sm" id="{$vo.name}filterword" style="margin-top: 4px;">检测违禁词</a>
                                </div>
                                {/case}

                                {case value="city"}
                                <div class="layui-input-block">
                                    <input {$vo.extend_html|raw} type="text" autocomplete="on" class="layui-input" name="{$vo.fieldArr}[{$vo.name}]" id="{$vo.name}" value="{$vo.value}" data-toggle="city-picker" placeholder="请选择"/>
                                </div>
                                {/case}

                                {case value="custom"}
                                   {$vo.options|raw}
                                {/case}

                                {case value="markdown"}
                                    {:hook('markdown',$vo)}
                                {/case}
                            {/switch}
                            {if $vo.remark}<div class="layui-form-mid no-float layui-word-aux">{$vo.remark|raw}</div>{/if}
                        </div>
                    </div>
                    {/volist}

                    {if count($fieldList)}
                    <div class="layui-form-item layer-footer">
                        <div class="layui-input-block">
                            <button class="layui-btn" lay-submit data-refresh="false">立即提交</button>
                        </div>
                    </div>
                    {/if}
                </form>
            </div>
        </div>
    </div>
</div>
{/block}
{block name="script"}
<script type="text/javascript">
layui.use('yznForm', function() {
    var yznForm = layui.yznForm;
    yznForm.bindevent($("form.layui-form"));
});
</script>
{/block}