{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">
    <form class="layui-form layui-form-pane">
        <div class="layui-row layui-col-space15">
            <div class="layui-col-xs12 layui-col-sm12 layui-col-md12">
                <div class="layui-card">
                    <div class="layui-card-body">
                        <div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
                            <ul class="layui-tab-title">
                                <li class="layui-this">基本内容</li>
                                <li onclick="openfulllayer('{:url("diyfields/index")}?tablename={$modelinfo.tablename}&cid={$info.id}','【{$info.title}】动态内容')">动态内容</li>
                            </ul>
                            <div class="layui-tab-content">
                                <div class="layui-tab-item layui-show">
                                    <div class="layui-form-item">
                                        <label class="layui-form-label" title="title">标题</label>
                                        <div class="layui-input-block"><input type="text" name="title" required lay-verify="required" 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">
                                        <div id="navlist"></div>
                                        </div>
                                    </div>
                                    <div class="layui-form-item">
                                        <div class="layui-inline">
                                            <label class="layui-form-label" title="author">作者</label>
                                            <div class="layui-input-inline"><input type="text" name="author" placeholder="请输入作者" class="layui-input" value="{$info.author}"></div>
                                        </div>
                                        <div class="layui-inline">
                                            <label class="layui-form-label" title="source">来源</label>
                                            <div class="layui-input-inline"><input type="text" name="source" placeholder="请输入来源" class="layui-input" value="{$info.source}"></div>
                                        </div>
                                    </div>
                                    <div class="layui-form-item">
                                        <label class="layui-form-label" title="img">缩略图</label>
                                        <div class="layui-input-inline">
                                            <input type="text" class="layui-input" name="img" id="img" value="{$info.img}">
                                        </div>
                                        <div class="layui-word-aux">
                                            <div class="layui-btn-group">
                                                <button type="button" class="layui-btn rgcms_uploadimage" lay-data="{id:'img',config:{water:true,thumb:true,action:'uploadimage'}}">上传</button>
                                                <button type="button" class="layui-btn" onclick='openmedia("{:url('media/show')}?type=image&stype=radio&formname=img");'>选择</button>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="layui-form-item">
                                        <div class="layui-block">
                                            <img src="{$info.img|default='/public/static/images/nopic.jpg'}" id="imgpic" style="max-height:60px; border:#efefef 1px solid;">
                                        </div>
                                    </div>
                                    <div class="layui-form-item">
                                        <label class="layui-form-label" title="imgs">多图</label>
                                        <div class="layui-input-block">
                                            <div class="layui-btn-group">
                                                <button type="button" class="layui-btn rgcms_uploadimages" lay-data="{id:'imgs',config:{water:true,thumb:true,action:'uploadimage'}}">上传</button>
                                                <button type="button" class="layui-btn" onclick='openmedia("{:url('media/show')}?type=image&stype=checkbox&formname=imgs");'>选择</button>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="layui-form-item">
                                        <div class="layui-block">
                                            <div class="pic-more">
                                                <ul class="pic-more-upload-list slide-pc-priview" id="imgs">
                                                {if $info.imgs}
                                                    {foreach :json_decode($info.imgs,true) as $v}
                                                    <li class="item_img"><div class="operate"><i class="toleft layui-icon layui-icon-left"></i><i class="toright layui-icon layui-icon-right"></i><span class="close">删</span><span class="tothumb">缩</span></div><img src="{$v.src}" class="img" ><input type="text" class="layui-input imgstitle" placeholder="标题" value="{$v.title}"/></li>
                                                    {/foreach}
                                                {/if}
                                                </ul>
                                                <input type="hidden" name="imgs" value="{$info.imgs}">
                                            </div>
                                        </div>
                                    </div>
                                    {if $modelinfo.region}
                                    <div class="layui-form-item">
                                        <label class="layui-form-label">地区选择</label>
                                        <div class="layui-input-inline" style="width:170px;">
                                            <select id="province" level="1" name="province">
                                            <option>请选择省</option>
                                            </select>
                                        </div>
                                        <div class="layui-input-inline" style="width:170px;">
                                            <select id="city" level="2" name="city">
                                            <option>请选择市</option>
                                            </select>
                                        </div>
                                        <div class="layui-input-inline" style="width:170px;">
                                            <select id="district" level="3" name="district">
                                            <option>请选择区(县)</option>
                                            </select>
                                        </div>
                                    </div>
                                    {/if}
                                    {:DiyFields($modelinfo.id,$info)}
                                    <div class="layui-form-item">
                                        <label class="layui-form-label" title="content" style="height:65px;">内容<br><a style="cursor:pointer;text-decoration:underline;color:#01AAED !important;text-shadow:none;" href="javascript:;" id="getueimg">提取首图</a></label>
                                        <div class="layui-input-block">
                                            <textarea name="content" class="layui-textarea" id="content">{$info.content}</textarea>
                                            <script>var content = new UE.getEditor("content",{zIndex:0,serverUrl:"{:url('admin/upload/upload',['water' => true,'thumb' => true])}"});</script>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        
                    </div>
                </div>
            </div>
            <div class="layui-col-xs12 layui-col-sm12 layui-col-md12">
                <div class="layui-card">
                    <div class="layui-card-header"><i class="layui-icon layui-icon-set"> </i>其他设置</div>
                    <div class="layui-card-body">
                        <div class="layui-form-item">
                            <label class="layui-form-label" title="alias">文件名<a style="cursor:pointer;text-decoration:underline;color:#01AAED !important;text-shadow:none;" href="javascript:;"  onclick="ConvertName();">(拼)</a></label>
                            <div class="layui-input-block"><input type="text" name="alias" placeholder="输入自定义文件名" class="layui-input" value="{$info.alias}"></div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label" title="link">外链</label>
                            <div class="layui-input-block"><input type="text" name="link" placeholder="如有外链则填写" class="layui-input" value="{$info.link}"></div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label" title="keys">关键词</label>
                            <div class="layui-input-block">
                            <div id="keys" name="keys" class="keyselect" value="{$info.keys}"></div>
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label" style="height:65px;" title="desc">页面描述<br><a style="cursor:pointer;text-decoration:underline;color:#01AAED !important;text-shadow:none;" href="javascript:;" id="pagedesc">手动获取</a></label>
                            <div class="layui-input-block"><textarea name="desc" placeholder="请输入描述" class="layui-textarea">{$info.desc}</textarea></div>
                        </div>
                        <div class="layui-form-item">
                            <div class="layui-inline">
                                <label class="layui-form-label">模板</label>
                                <div class="layui-input-inline">
                                    <select name="template">
                                        <option value="">默认为栏目指定模板</option>
                                    {volist name='templist' id='v'}
                                        {if strpos($v,'_content.html')}
                                        <option value="{$v}" {if $v==$info.template}selected{/if}>{$v}</option>
                                        {/if}
                                    {/volist}
                                    </select>
                                </div>
                            </div>
                            <div class="layui-inline">
                                <label class="layui-form-label" title="target">Target</label>
                                <div class="layui-input-inline">
                                    <select name="target">
                                    <option value="">打开方式</option>
                                    <option value="_blank" {if $info.target == '_blank'}selected{/if}>_blank</option>
                                    <option value="_self" {if $info.target == '_self'}selected{/if}>_self</option>
                                    <option value="_parent" {if $info.target == '_parent'}selected{/if}>_parent</option>
                                    <option value="_top" {if $info.target == '_top'}selected{/if}>_top</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <div class="layui-inline">
                                <label class="layui-form-label" title="hits">点击</label>
                                <div class="layui-input-inline"><input type="number" name="hits" lay-verify="number" value="{$info.hits}" min="0" class="layui-input"></div>
                            </div>
                            <div class="layui-inline">
                                <label class="layui-form-label" title="create_time">发布时间</label>
                                <div class="layui-input-inline"><input type="text" class="layui-input rgcms_date" readonly value="{$info.create_time}">
                                <input type="hidden" name="create_time" value="{$info->getData('create_time')}"></div>
                            </div>
                            <div class="layui-inline">
                                <label class="layui-form-label" title="torder">排序</label>
                                <div class="layui-input-inline"><input type="number" name="torder" lay-verify="number" min="1" placeholder="排序为大于1的整数字" class="layui-input" value="{$info.torder}"></div>
                            </div>
                        </div>
                        <div class="layui-form-item" pane>
                            <label class="layui-form-label" title="status">状态</label>
                            <div class="layui-input-block">
                            <input type="checkbox" lay-skin="primary" data-name="status" {if $info.status==1}checked{/if} lay-filter="rgcms_onoff" title="在线">
                            <input type="hidden" name="status" value="{$info.status}">
                            <input type="checkbox" lay-skin="primary" data-name="istop" {if $info.istop==1}checked{/if} lay-filter="rgcms_onoff" title="置顶">
                            <input type="hidden" name="istop" value="{$info.istop}">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        {:pagedebug()}
        <hr>
        <div class="layui-form-footer">
            <input type="hidden" name="id" value="{$info.id}">
            <button class="layui-btn layui-btn-sm" lay-submit lay-filter="rgcms_submit" data-type="7">{: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>
<script src="__STATIC__/js/Convert_Pinyin.js"></script>
<script> 
    var ConvertName = function(){
        var name = $('input[name="title"]').val();
        if(!name) {
            layer.msg('标题未填写');
            return false;
        }
        //获取全写拼音（调用js中方法）
        var fullName = pinyin.getFullChars(name);
        fullName = fullName.replace(/[^a-z0-9]+/gi,' '); // 过滤非数字和英文
        fullName = fullName.trim(); // 去2头空
        fullName = fullName.replace(/\s+/g,' '); // 只保留连续一个空格
        fullName = fullName.replace(/\ /g, "_"); // 空格替换下划线
        //给文本框赋值
        $('input[name="alias"]').val(fullName);
    };
    function getChildNodes(treeNode,item,result) {
        for (var i in treeNode) {
            result.push(treeNode[i][item]);
            result = getChildNodes(treeNode[i].children,item,result);
        }
        return result;
    };
</script>
{include file="public/foot"}
{include file="public/other"}
<script>
layui.use(['tree','xmSelect','form'],function () {
    var form = layui.form;
    {if $modelinfo.region}
    var regionId = ['#province', '#city', '#district'];
    var regionHtml = ['请选择省', '请选择市', '请选择区(县)'];
    $(function () {
        getRegion(0, 0,{$info['province']});
        getRegion({$info['province']}, 1,{$info['city']});
        getRegion({$info['city']}, 2,{$info['district']});
    });
    function getRegion(parent_id, level,value) {
        clearSon(level);
        var html = '<option value="-1">' + regionHtml[level] + '</option>';
        $.post('/region/getRegion', {parent_id: parent_id}, function (result) {
            $.each(result, function (index, item) {
                html += '<option value="' + item.id + '" '+(item.id == value ? "selected" : "")+'>' + item.name + '</option>';
            });
            $(regionId[level]).html(html);
            form.render('select');
        });
    }

    function clearSon(level) {
        for (var i = level; i <= 2; i++) {
            var html = '<option value="-1">' + regionHtml[i] + '</option>';
            $(regionId[i]).html(html);
        }
    }
    // 地区联动
    form.on('select', function(data){
        var level = $('#'+data.elem.id).attr('level');
        var parent_id = data.value;
        getRegion(parent_id, level,'');
    });
    // 分割
    {/if}
    var xmSelect = layui.xmSelect;
    var navlist = xmSelect.render({
        el: '#navlist',
        name: 'navlist_id',
        direction: 'auto',
        radio: true,
        initValue: [{$info.navlist_id}],
        tips: '请选择栏目',
        autoRow: true,
        theme: {
            color: '#5FB878',
        },
        prop: {
            name: 'title',
            value: 'id'
        },
        tree: {
            show: true,
            strict: false,
            expandedKeys: true,
            showFolderIcon: true,
            showLine: true,
            expandedKeys: true
        },
        layVerify: 'required',
        layVerType: 'msg',
        data(){
            return {:json_encode(app\\admin\\model\\Navlist::getNavlistByModel(session('siteid'),$modelinfo.id))}
        }
    });
    // 下拉关键词多选
    if($('.keyselect').length > 0) {
        $('.keyselect').each(function(index){
            var id = $(this).attr('id');
            var name = $(this).attr('name');
            var value = '';
            if(typeof($(this).attr('value'))!=="undefined") {
                value = $(this).attr('value').split(',');
            }
            xmSelect.render({
                el: '#'+id,
                name: name,
                tips: '请选择关键词',
                searchTips: '搜索或添加(请勿含有逗号)',
                direction: 'auto',
                paging: true,
                autoRow: true,
                pageSize: 8,
                initValue: value,
                theme: {
                    color: '#5FB878',
                },
                prop: {
                    value: 'name',
                },
                toolbar: {
                    show: true,
                    list: [ 'ALL', 'CLEAR', 'REVERSE' ]
                },
                filterable: true,
                create: function(val, arr){
                    if(arr.length !== 1) {
                        return {
                            name: val.replace(/,/g, ""),
                            value: val.replace(/,/g, "")
                        }
                    }
                },
                on: function(data){
                    var isAdd = data.isAdd;
                    var change = data.change;
                    if(isAdd && change.length == 1) {
                        $.ajax({
                            async:false,
                            url: '{:url("sitekey/add")}',
                            type: 'POST',
                            dataType: 'json',
                            data: {name:change[0].name,list_token:true},
                            success: function(result){
                                if(result.code == 1) {
                                    layer.msg(result.msg);
                                } else {
                                    return false;
                                }
                            }
                        });
                    }
                },
                data: {:app\\common\\model\\Sitekey::field(['id,name'])->order('torder')->select()}
            });
        })
    };
})
</script>