{include file="public/header"/}
<script src="__STATIC_ADMIN__/js/jquery.js?t={php}echo time();{/php}"></script>
<script src="__STATIC_ADMIN__/js/admin_clipboard.min.js?t={php}echo time();{/php}"></script>
<script src="__STATIC_ADMIN__/js/admin_common.js?t={php}echo time();{/php}"></script>
<script src="__STATIC_ADMIN__/js/admin_image.js?t={php}echo time();{/php}"></script>
<style type="text/css" media="screen">
    .layui-form-item{margin-bottom:0!important;}
    .layui-form-item .layui-inline{margin-bottom:0!important;margin-right:0!important;}
    .layui-tab-title{background:#f2f2f2!important;height:40px!important;border:0!important;}
    .layui-tab-title a{margin-right:8px!important;}
    .layui-card .layui-tab-brief .layui-tab-title li.layui-this{background:#fff!important;color:#000000!important;}
    .layui-tab-brief>.layui-tab-more li.layui-this:after, .layui-tab-brief>.layui-tab-title .layui-this:after{border-bottom:2px solid #fff!important;}
    .layui-card .layui-tab-brief .layui-tab-title  li{background:#e5e5e5;}
    .layui-tab-content{padding-top:30px!important;}
    .mt20{margin-top:20px!important;}
    #baseForm{margin-bottom:80px;}
    .layui-form-label{width:120px;padding:4px 15px;}
    .layui-card-header {background:#f2f2f2;width:90%;}
    .no-data{padding:3rem;text-indent:25%;}
    .layui-btn{vertical-align:0!important;}
    .wauto{width:auto!important;margin-left:10px!important;margin-right:0px!important;height:38px;line-height:38px;}
</style>
<div class="layui-fluid" id="LAY-component-layer-list">
    <div class="layui-col-md12">
        <div class="layui-col-sm12">
            <div class="layui-card layui-form">
                    <div class="layui-tab layui-tab-brief" id="baseForm">
                        {include file="webinfo/top"}
                        <div class="layui-tab-content">
                            <div class="layui-col-xs6">
                                <div class="layui-card-header" style="margin-bottom:20px;">
                                <i class="iconfont icon-wangzhankaifa"></i> {:all_lang('网站基本信息设置')}</div>
                                <div class="layui-form-item">
                                    <label class="layui-form-label">网站名称：</label>
                                    <div class="layui-input-block">
                                        <div class="layui-col-md8">
                                            <input type="text" name="web_title" placeholder="一般不超过100个字符" value="{$config.web_title|default=''}" class="layui-input">
                                        </div>
                                        <div class="layui-input-inline wauto">
                                            <a class="layui-btn layui-btn-xs web_title" href="javascript:void(0);" data-attr="web_title" data-clipboard-text="{gzpcf:global name='web_title'/}" data-type="customvar_copy"><i class="layui-icon layui-icon-fonts-code"></i>复制标签</a>
                                         </div>
                                    </div>
                                </div>
                                <div class="layui-form-item">
                                    <label class="layui-form-label"></label>
                                    <span style="color:#a3a3a3;font-size:14px">在需要显示网站名称的位置使用</span>
                                </div>

                                <div class="layui-form-item mt20">
                                    <label class="layui-form-label">网站LOGO：</label>
                                    <div class="img-content">
                                        <div class="layui-inline layui-fl">
                                            <input name="web_logo" id="input_web_logo" type="hidden" value="{$config.web_logo}">
                                            <div class="img-container {if(!$config.web_logo)}pcfnone{/if}" id="img1_web_logo">
                                                <img class="img-src" id="src_web_logo" onclick=BigImages("{$Request.domain}/{$config.web_logo}?t={php}echo time();{/php}") src="{$Request.domain}/{$config.web_logo}?t={php}echo time();{/php}"/>
                                                <a class="img-del-x" data-id="img_web_logo">x</a>
                                            </div>
                                            <div class="img-add upload-image-div {if($config.web_logo)}pcfnone{/if}" id="img_web_logo" onClick="GetPicFold(1,'web_logo','allimg','web_logo_img_call_back');">
                                                <a class="upload-image-a"> + 添加图片 </a>
                                            </div>
                                        </div>
                                        <div class="layui-input-inline wauto layui-fl">
                                            <a class="layui-btn layui-btn-xs web_logo" href="javascript:void(0);" data-attr="web_logo" data-clipboard-text="{gzpcf:global name='web_logo'/}" data-type="customvar_copy"><i class="layui-icon layui-icon-fonts-code"></i>复制标签</a>
                                         </div>
                                    </div>
                                </div>

                                <div class="layui-form-item mt20">
                                    <label class="layui-form-label">网站ICO：</label>
                                    <div class="img-content">
                                        <div class="layui-inline layui-fl">
                                            <input name="web_ico" id="input_web_ico" type="hidden" value="{$config.web_ico}">
                                            <div class="img-container {if(!$config.web_ico)}pcfnone{/if}" id="img1_web_ico">
                                            <img class="img-src" id="src_web_ico" onclick=BigImages("{$Request.domain}/{$config.web_ico}?t={php}echo time();{/php}") src="{$Request.domain}/{$config.web_ico}?t={php}echo time();{/php}"/>
                                            <a class="img-del-x" data-id="img_web_ico">x</a>
                                            </div>
                                            <div class="img-add upload-image-div {if($config.web_ico)}pcfnone{/if}" id="img_web_ico" onClick="GetPicFold(1,'web_ico','allimg','web_ico_img_call_back');">
                                            <a class="upload-image-a"> + 添加图片 </a>
                                            </div>
                                        </div>
                                        <div class="layui-input-inline wauto layui-fl">
                                            <a class="layui-btn layui-btn-xs web_ico" href="javascript:void(0);" data-attr="web_ico" data-clipboard-text="{gzpcf:global name='web_ico'/}" data-type="customvar_copy"><i class="layui-icon layui-icon-fonts-code"></i>复制标签</a>
                                         </div>
                                    </div>
                                </div>
                                <div class="layui-form-item">
                                    <label class="layui-form-label"></label>
                                    <span style="color:#a3a3a3;font-size:14px">网站在浏览器标签页显示的图标，favicon.ico文件</span>
                                </div>
                                <div class="layui-form-item mt20">
                                    <label class="layui-form-label">网站关键词：</label>
                                    <div class="layui-input-block">
                                        <div class="layui-col-md8">
                                            <input type="text" name="web_keywords" value="{$config.web_keywords|default=''}" placeholder="一般不超过100个字符" class="layui-input">
                                        </div>
                                        <div class="layui-input-inline wauto">
                                            <a class="layui-btn layui-btn-xs web_keywords" href="javascript:void(0);" data-attr="web_keywords" data-clipboard-text="{gzpcf:global name='web_keywords'/}" data-type="customvar_copy"><i class="layui-icon layui-icon-fonts-code"></i>复制标签</a>
                                         </div>
                                    </div>
                                </div>
                                <div class="layui-form-item">
                                    <label class="layui-form-label"></label>
                                    <span style="color:#a3a3a3;font-size:14px">多个可以用英文 , 分开</span>
                                </div>
                                <div class="layui-form-item layui-form-text mt20">
                                  <label class="layui-form-label">网站描述：</label>
                                  <div class="layui-input-block">
                                        <div class="layui-col-md8">
                                            <textarea name="web_description" class="layui-textarea" placeholder="建议不超过200个字符">{$config.web_description|default=''}</textarea>
                                        </div>
                                        <div class="layui-input-inline wauto">
                                            <a class="layui-btn layui-btn-xs web_description" href="javascript:void(0);" data-attr="web_description" data-clipboard-text="{gzpcf:global name='web_description'/}" data-type="customvar_copy"><i class="layui-icon layui-icon-fonts-code"></i>复制标签</a>
                                         </div>
                                  </div>
                                </div>
                                <div class="layui-form-item layui-form-text mt20">
                                  <label class="layui-form-label">版权信息：</label>
                                  <div class="layui-input-block">
                                        <div class="layui-col-md8">
                                            <textarea name="web_copyright" class="layui-textarea">{$config.web_copyright|default=''}</textarea>
                                        </div>
                                        <div class="layui-input-inline wauto">
                                            <a class="layui-btn layui-btn-xs web_copyright" href="javascript:void(0);" data-attr="web_copyright" data-clipboard-text="{gzpcf:global name='web_copyright'/}" data-type="customvar_copy"><i class="layui-icon layui-icon-fonts-code"></i>复制标签</a>
                                         </div>
                                  </div>
                                </div>
                                <div class="layui-form-item mt20">
                                  <label class="layui-form-label">备案号：</label>
                                  <div class="layui-input-block">
                                        <div class="layui-col-md8">
                                           <input type="text" name="web_recordnum"  value="{$config.web_recordnum|default=''}" class="layui-input">
                                        </div>
                                        <div class="layui-input-inline wauto">
                                            <a class="layui-btn layui-btn-xs web_recordnum" href="javascript:void(0);" data-attr="web_recordnum" data-clipboard-text="{gzpcf:global name='web_recordnum'/}" data-type="customvar_copy"><i class="layui-icon layui-icon-fonts-code"></i>复制标签</a>
                                         </div>
                                  </div>
                                </div>
                                <div class="layui-form-item">
                                    <label class="layui-form-label"></label>
                                    <span style="color:#a3a3a3;font-size:14px">填写备案号即可</span>
                                </div>
                                <div class="layui-form-item mt20">
                                  <label class="layui-form-label">公安备案号：</label>
                                  <div class="layui-input-block">
                                        <div class="layui-col-md8">
                                           <input type="text" name="web_gabeian"  value="{$config.web_gabeian|default=''}" class="layui-input">
                                        </div>
                                        <div class="layui-input-inline wauto">
                                            <a class="layui-btn layui-btn-xs web_gabeian" href="javascript:void(0);" data-attr="web_gabeian" data-clipboard-text="{gzpcf:global name='web_gabeian'/}" data-type="customvar_copy"><i class="layui-icon layui-icon-fonts-code"></i>复制标签</a>
                                         </div>
                                  </div>
                                </div>
                                <div class="layui-form-item">
                                    <label class="layui-form-label"></label>
                                    <span style="color:#a3a3a3;font-size:14px">填写备案号即可</span>
                                </div>
                            </div>
                            <div class="layui-col-xs6">
                                <div class="layui-card-header" style="margin-bottom:20px;">
                                <i class="iconfont icon-ziduan"></i> {:all_lang('自定义字段')}</div>
                                {if !empty($config_attr_lists)}
                                {volist name="config_attr_lists" id="vo"}
                                <div class="layui-form-item {if $key != 0}mt20{/if}" id="dl_{$vo['attr_var_name']}">
                                  <label class="layui-form-label">{$vo['attr_name']}：</label>
                                  {switch name="$vo['attr_input_type']"}
                                    {case value="2"}
                                        <div class="layui-input-block">
                                            <div class="layui-col-md8">
                                               <textarea name="{$vo['attr_var_name']}" id="{$vo['attr_var_name']}" class="layui-textarea">{$vo.value|default=''}</textarea>
                                            </div>
                                            <div class="layui-input-inline wauto">
                                                <a class="layui-btn layui-btn-xs {$vo['attr_var_name']}" href="javascript:void(0);" data-attr="{$vo['attr_var_name']}" data-clipboard-text="{gzpcf:global name='{$vo['attr_var_name']}'/}" data-type="customvar_copy"><i class="layui-icon layui-icon-fonts-code"></i>复制标签</a>
                                             </div>
                                        </div>
                                    {/case}
                                    {case value="3"}
                                        <div class="img-content">
                                            <div class="layui-inline layui-fl">
                                                <input name="{$vo['attr_var_name']}" id="input_{$vo['attr_var_name']}" type="hidden" value="{$vo.value|default=''}">
                                                <div class="img-container {if(!$vo.value)}pcfnone{/if}" id="img1_{$vo['attr_var_name']}">
                                                <img class="img-src" id="src_{$vo['attr_var_name']}" onclick=BigImages("{$Request.domain}/{$vo.value}?t={php}echo time();{/php}") src="{$Request.domain}/{$vo.value|default=''}?t={php}echo time();{/php}"/>
                                                <a class="img-del-x" data-id="img_{$vo['attr_var_name']}">x</a>
                                                </div>
                                                <div class="img-add upload-image-div {if($vo.value)}pcfnone{/if}" id="img_{$vo['attr_var_name']}" onClick="GetPicFold(1,'{$vo['attr_var_name']}','allimg','{$vo['attr_var_name']}_img_call_back');">
                                                <a class="upload-image-a"> + 添加图片 </a>
                                                </div>
                                            </div>
                                            <div class="layui-input-inline wauto layui-fl">
                                                <a class="layui-btn layui-btn-xs {$vo['attr_var_name']}" href="javascript:void(0);" data-attr="{$vo['attr_var_name']}" data-clipboard-text="{gzpcf:global name='{$vo['attr_var_name']}'/}" data-type="customvar_copy"><i class="layui-icon layui-icon-fonts-code"></i>复制标签</a>
                                             </div>
                                        </div>
                                        <script type="text/javascript">
                                            function {$vo['attr_var_name']}_img_call_back(fileurl_tmp){
                                                $("#img1_{$vo['attr_var_name']}").show();
                                                $("#img_{$vo['attr_var_name']}").hide();
                                                $("#input_{$vo['attr_var_name']}").val(fileurl_tmp);
                                                var pcfurl = "{$Request.domain}/"+fileurl_tmp;
                                                $("#src_{$vo['attr_var_name']}").attr('onclick', "BigImages('"+pcfurl+"')");
                                                $("#src_{$vo['attr_var_name']}").attr('src','{$Request.domain}/'+fileurl_tmp);
                                            }
                                        </script>
                                    {/case}
                                    {default/}
                                      <div class="layui-input-block">
                                        <div class="layui-col-md8">
                                            <input type="text" id="{$vo['attr_var_name']}" name="{$vo['attr_var_name']}" value="{$vo.value|default=''}" class="layui-input">
                                        </div>
                                        <div class="layui-input-inline wauto">
                                            <a class="layui-btn layui-btn-xs {$vo['attr_var_name']}" href="javascript:void(0);" data-attr="{$vo['attr_var_name']}" data-clipboard-text="{gzpcf:global name='{$vo['attr_var_name']}'/}" data-type="customvar_copy"><i class="layui-icon layui-icon-fonts-code"></i>复制标签</a>
                                         </div>
                                      </div>
                                  {/switch}
                                </div>
                                {/volist}
                                {else/}
                                   <div class="no-data"> 没有添加任何变量 <a class="layui-btn layui-btn-danger" style="display:unset;" lay-url="{:url('/webinfo/customvar')}" data-type="customvar_index"><i class="layui-icon layui-icon-add-1"></i>{:all_lang('添加变量')}</a></div>
                                {/if}
                            </div>
                        </div>
                        <div class="layui-form-item layui-layout-admin" style="display:block;">
                            <div class="layui-input-block">
                                <div class="layui-footer" id="layui-footer-btn">
                                    <button class="layui-btn layui-btn-danger" lay-url="{:url('/webinfo/customvar')}" data-type="customvar_index">
                                    <i class="layui-icon layui-icon-add-1"></i>{:all_lang('自定义变量')}</button>
                                    <button class="layui-btn layui-btn-normal" lay-submit lay-filter="formSubmit">{:all_lang('立即提交')}</button>
                                </div>
                            </div>
                        </div>
                    </div>
            </div>
        </div>
    </div>
</div>
{include file="public/footer"/}
<script>
    layui.use(['layer','form'], function () {
        var $ = layui.jquery;
        var form = layui.form;
        var layer = layui.layer;

        //监听提交
        form.on('submit(formSubmit)', function(data){
            layer.msg('正在处理请勿刷新页面', {icon: 16,shade: 0.01,time:3600000});
            $.ajax({
                type : 'post',
                url : "{:url('/webinfo/index')}",
                data : data.field,
                dataType : 'json',
                success : function(res){
                    layer.closeAll();
                    if (res.code == 200) {
                        layui.iziToast.success({
                            message: res.msg,
                            timeout: 1000,
                            onClosing: function () {
                                window.location.reload();
                            }
                        });
                    }else if(res.code == 504){
                        layui.iziToast.error({
                            message: res.message,
                            timeout: 1000,
                            onClosing: function () {
                                parent.location.reload();
                            }
                        });
                    }else {
                        layui.iziToast.error({
                            message: res.msg,
                            timeout: 1000
                        });
                    }
                },
                error: function(e){
                    layer.closeAll();
                    layui.iziToast.error({
                        message: "{:all_lang('好像是网络出错了...')}",
                        timeout: 1500
                    });
                }
            });
        });

        $('#LAY-component-layer-list .layui-btn').on('click', function(){
          var type = $(this).data('type');
          active[type] && active[type].call(this);
        });

        // 触发事件
        var active = {
            customvar_index: function(){
                var pcfurl = $(this).attr('lay-url');
                layer.open({
                    type: 2,
                    title: '自定义变量列表',
                    fixed: true,
                    shadeClose: false,
                    shade: 0.3,
                    area: ['100%', '100%'],
                    content: pcfurl,
                    end: function () {
                       location.reload();
                    }
                });
            },
            customvar_copy: function(){
                var classname = $(this).data('attr');
                var pcf_clipboard = new Clipboard("."+classname);
                pcf_clipboard.on("success", function(e) {
                    layer.msg("复制成功", {time:1000});
                });
                pcf_clipboard.on("error", function(e) {
                    layer.msg("复制失败！请手动复制", {icon:2,time:1000});
                }); 
            }
        };
    });
    function web_logo_img_call_back(fileurl_tmp){
        $('#img1_web_logo').show();
        $('#img_web_logo').hide();
        $("#input_web_logo").val(fileurl_tmp);
        var pcfurl = "{$Request.domain}/"+fileurl_tmp;
        $("#src_web_logo").attr('onclick', "BigImages('"+pcfurl+"')");
        $("#src_web_logo").attr('src','{$Request.domain}/'+fileurl_tmp);
    }
    function web_ico_img_call_back(fileurl_tmp){
        $('#img1_web_ico').show();
        $('#img_web_ico').hide();
        $("#input_web_ico").val(fileurl_tmp);
        var pcfurl = "{$Request.domain}/"+fileurl_tmp;
        $("#src_web_ico").attr('onclick', "BigImages('"+pcfurl+"')");
        $("#src_web_ico").attr('src','{$Request.domain}/'+fileurl_tmp);
    }
</script>
</body>
</html>