{extend name="admin/layout/layout" /}

{block name="content"}
<div style="padding: 15px;">
    <div class="layui-card">
        <div class="layui-card-header">系统设置</div>
        <div class="layui-card-body">
            <form class="layui-form" lay-filter="systemForm" action="javascript:;">
                
                <div class="layui-form-item">
                    <label class="layui-form-label">电脑端寄语</label>
                    <div class="layui-input-block">
                        <textarea name="pc_welcome" placeholder="请输入电脑端寄语" class="layui-textarea">{$config.pc_welcome}</textarea>
                    </div>
                </div>
                
                <div class="layui-form-item">
                    <label class="layui-form-label">手机端寄语</label>
                    <div class="layui-input-block">
                        <textarea name="mobile_welcome" placeholder="请输入手机端寄语" class="layui-textarea">{$config.mobile_welcome}</textarea>
                    </div>
                </div>
                
                <hr>
                <div class="layui-form-item">
                    <label class="layui-form-label">公告弹窗</label>
                    <div class="layui-input-inline">
                        <input type="checkbox" name="ys_tanchuang" value="1" lay-skin="switch" lay-text="开启|关闭" lay-filter="ys_tanchuang" {if $config.ys_tanchuang}checked{/if}>
                    </div>
                </div>
                
                <div class="layui-form-item password_ys168" {if !$config.ys_tanchuang}style="display:none;"{/if}>
                    <label class="layui-form-label">弹窗标题</label>
                    <div class="layui-input-block">
                        <input type="text" name="ys_tanbt" value="{$config.ys_tanbt}" placeholder="请输入公告标题" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item password_ys168" {if !$config.ys_tanchuang}style="display:none;"{/if}>
                    <label class="layui-form-label">弹窗内容</label>
                    <div class="layui-input-block">
                        <input type="text" name="ys_tannei" value="{$config.ys_tannei}" placeholder="请输入公告内容" class="layui-input">
                    </div>
                </div>
                
                <div class="layui-form-item password_ys168" {if !$config.ys_tanchuang}style="display:none;"{/if}>
                    <label class="layui-form-label">弹窗皮肤</label>
                    <div class="layui-input-block">
                        <input type="radio" name="ys_tanpifu" value="15" title="不加皮肤" lay-filter="storage" {if $config.ys_tanpifu=='15'}checked{/if}>
                        <input type="radio" name="ys_tanpifu" value="1" title="绝地求生" lay-filter="storage" {if $config.ys_tanpifu=='1'}checked{/if}>
                        <input type="radio" name="ys_tanpifu" value="2" title="绝地求生" lay-filter="storage" {if $config.ys_tanpifu=='2'}checked{/if}>
                        <input type="radio" name="ys_tanpifu" value="3" title="绝地求生" lay-filter="storage" {if $config.ys_tanpifu=='3'}checked{/if}>
                        <input type="radio" name="ys_tanpifu" value="4" title="牛仔" lay-filter="storage" {if $config.ys_tanpifu=='4'}checked{/if}>
                        <input type="radio" name="ys_tanpifu" value="5" title="蛇哥" lay-filter="storage" {if $config.ys_tanpifu=='5'}checked{/if}>
                        <input type="radio" name="ys_tanpifu" value="6" title="DNF" lay-filter="storage" {if $config.ys_tanpifu=='6'}checked{/if}>
                        <input type="radio" name="ys_tanpifu" value="7" title="古装美女" lay-filter="storage" {if $config.s_tanpifu=='7'}checked{/if}>
                        <input type="radio" name="ys_tanpifu" value="8" title="招财猫" lay-filter="storage" {if $config.ys_tanpifu=='8'}checked{/if}>
                        <input type="radio" name="ys_tanpifu" value="9" title="CF" lay-filter="storage" {if $config.ys_tanpifu=='9'}checked{/if}>
                        <input type="radio" name="ys_tanpifu" value="10" title="CF" lay-filter="storage" {if $config.ys_tanpifu=='10'}checked{/if}>
                        <input type="radio" name="ys_tanpifu" value="11" title="DNF" lay-filter="storage" {if $config.ys_tanpifu=='11'}checked{/if}>
                        <input type="radio" name="ys_tanpifu" value="12" title="DNF" lay-filter="storage" {if $config.ys_tanpifu=='12'}checked{/if}>
                        <input type="radio" name="ys_tanpifu" value="13" title="CF" lay-filter="storage" {if $config.ys_tanpifu=='13'}checked{/if}>
                        <input type="radio" name="ys_tanpifu" value="14" title="CF" lay-filter="storage" {if $config.ys_tanpifu=='14'}checked{/if}>
                    </div>
                </div>
                
                <hr>
                <div class="layui-form-item">
                    <label class="layui-form-label">背景样式</label>
                    <div class="layui-input-block">
                        <input type="radio" name="ys_bj" value="0" title="默认样式" lay-filter="storage" {if $config.ys_bj=='0'}checked{/if}>
                        <input type="radio" name="ys_bj" value="11" title="全屏样式" lay-filter="storage" {if $config.ys_bj=='1'}checked{/if}>
                        <input type="radio" name="ys_bj" value="1" title="黑色样式" lay-filter="storage" {if $config.ys_bj=='1'}checked{/if}>
                        <input type="radio" name="ys_bj" value="2" title="蓝色背景" lay-filter="storage" {if $config.ys_bj=='2'}checked{/if}>
                        <input type="radio" name="ys_bj" value="3" title="红色样式" lay-filter="storage" {if $config.ys_bj=='3'}checked{/if}>
                        <input type="radio" name="ys_bj" value="4" title="黄金墙样式" lay-filter="storage" {if $config.ys_bj=='4'}checked{/if}>
                        <input type="radio" name="ys_bj" value="5" title="绿色样式" lay-filter="storage" {if $config.ys_bj=='5'}checked{/if}>
                        <input type="radio" name="ys_bj" value="6" title="粉色样式" lay-filter="storage" {if $config.ys_bj=='6'}checked{/if}>
                        <input type="radio" name="ys_bj" value="7" title="白色样式" lay-filter="storage" {if $config.ys_bj=='7'}checked{/if}>
                        <input type="radio" name="ys_bj" value="8" title="黑灰样式" lay-filter="storage" {if $config.ys_bj=='8'}checked{/if}>
                        <input type="radio" name="ys_bj" value="9" title="橙色样式" lay-filter="storage" {if $config.ys_bj=='9'}checked{/if}>
                        <input type="radio" name="ys_bj" value="10" title="简约黑样式" lay-filter="storage" {if $config.ys_bj=='10'}checked{/if}>
                        <input type="radio" name="ys_bj" value="12" title="多彩样式" lay-filter="storage" {if $config.ys_bj=='12'}checked{/if}>
                        <input type="radio" name="ys_bj" value="13" title="彩球背景" lay-filter="storage" {if $config.ys_bj=='13'}checked{/if}>
                    </div>
                </div>
                
                <hr>
                <div class="layui-form-item">
                    <label class="layui-form-label">发光字</label>
                    <div class="layui-input-block">
                        <input type="radio" name="ys_fgz" value="0" title="默认样式" lay-filter="storage" {if $config.ys_fgz=='0'}checked{/if}>
                        <input type="radio" name="ys_fgz" value="1" title="百搭配置" lay-filter="storage" {if $config.ys_fgz=='1'}checked{/if}>
                        <input type="radio" name="ys_fgz" value="2" title="经典红绿" lay-filter="storage" {if $config.ys_fgz=='2'}checked{/if}>
                        <input type="radio" name="ys_fgz" value="3" title="黄金时代" lay-filter="storage" {if $config.ys_fgz=='3'}checked{/if}>
                        <input type="radio" name="ys_fgz" value="4" title="黑白绅士" lay-filter="storage" {if $config.ys_fgz=='4'}checked{/if}>
                        <input type="radio" name="ys_fgz" value="5" title="深海蓝色" lay-filter="storage" {if $config.ys_fgz=='5'}checked{/if}>
                        <input type="radio" name="ys_fgz" value="6" title="黄绿组合" lay-filter="storage" {if $config.ys_fgz=='6'}checked{/if}>
                        <input type="radio" name="ys_fgz" value="7" title="醒目红" lay-filter="storage" {if $config.ys_fgz=='7'}checked{/if}>
                        <input type="radio" name="ys_fgz" value="8" title="渐变发光字" lay-filter="storage" {if $config.ys_fgz=='8'}checked{/if}>
                    </div>
                </div>
                
                <hr>
                <div class="layui-form-item">
                    <label class="layui-form-label">漂浮特效</label>
                    <div class="layui-input-block">
                        <input type="radio" name="ys_jstx" value="0" title="无特效" lay-filter="storage" {if $config.ys_jstx=='0'}checked{/if}>
                        <input type="radio" name="ys_jstx" value="2" title="雪花特效" lay-filter="storage" {if $config.ys_jstx=='2'}checked{/if}>
                        <input type="radio" name="ys_jstx" value="3" title="花瓣特效" lay-filter="storage" {if $config.ys_jstx=='3'}checked{/if}>
                        <input type="radio" name="ys_jstx" value="4" title="爆炸鼠标" lay-filter="storage" {if $config.ys_jstx=='4'}checked{/if}>
                        <input type="radio" name="ys_jstx" value="5" title="爱心特效" lay-filter="storage" {if $config.ys_jstx=='6'}checked{/if}>
                        <input type="radio" name="ys_jstx" value="6" title="房子特效" lay-filter="storage" {if $config.ys_jstx=='6'}checked{/if}>
                        <input type="radio" name="ys_jstx" value="7" title="太阳特效" lay-filter="storage" {if $config.ys_jstx=='7'}checked{/if}>
                        <input type="radio" name="ys_jstx" value="8" title="金币特效" lay-filter="storage" {if $config.ys_jstx=='8'}checked{/if}>
                        <input type="radio" name="ys_jstx" value="9" title="柠檬特效" lay-filter="storage" {if $config.ys_jstx=='9'}checked{/if}>
                    </div>
                </div>
                
                <hr>
                <!-- 背景图片 上传 -->
                <div class="layui-form-item">
                    <label class="layui-form-label">背景图片</label>
                    <div class="layui-input-block">
                        <button type="button" class="layui-btn" id="uploadBgImg">上传背景图片</button>
                        <!-- 新增：下载背景图片按钮 -->
                        <a href="https://www.ermeb.com/bj" target="_blank" class="layui-btn layui-btn-normal">下载背景图片</a>
                        
                        <input type="hidden" name="ys_bjimg" id="ys_bjimg" value="{$config.ys_bjimg}">
                        <div id="preview_ys_bjimg" style="margin-top:10px; {if !$config.ys_bjimg}display:none;{/if}">
                            <img src="{$config.ys_bjimg}" style="max-width:200px;max-height:100px;">
                            <button type="button" class="layui-btn layui-btn-danger layui-btn-xs del-img" data-input="ys_bjimg" style="margin-left:10px;">删除图片</button>
                        </div>
                    </div>
                </div>
                
                <hr>
                <!-- 顶部图片 上传 -->
                <div class="layui-form-item">
                    <label class="layui-form-label">顶部图片</label>
                    <div class="layui-input-block">
                        <button type="button" class="layui-btn" id="uploadDimg">上传顶部图片</button>
                        <input type="hidden" name="ys_dimg" id="ys_dimg" value="{$config.ys_dimg}">
                        <div id="preview_ys_dimg" style="margin-top:10px; {if !$config.ys_dimg}display:none;{/if}">
                            <img src="{$config.ys_dimg}" style="max-width:200px;max-height:100px;">
                            <button type="button" class="layui-btn layui-btn-danger layui-btn-xs del-img" data-input="ys_dimg" style="margin-left:10px;">删除图片</button>
                        </div>
                    </div>
                </div>
       
                <hr>
                <div class="layui-form-item">
                    <label class="layui-form-label">背景视频</label>
                    <div class="layui-input-inline">
                        <input type="checkbox" name="ys_sp" value="1" lay-skin="switch" lay-text="使用|关闭" lay-filter="ys_sp" {if $config.ys_sp}checked{/if}>
                    </div>
                </div>
                
                <div class="layui-form-item password_sp" {if !$config.ys_sp}style="display:none;"{/if}>
                    <label class="layui-form-label">视频样式</label>
                    <div class="layui-input-block">
                        <input type="radio" name="ys_spys" value="2" title="全屏视频(静音)" lay-filter="storage" {if $config.ys_spys=='2'}checked{/if}>
                        <input type="radio" name="ys_spys" value="3" title="全屏视频(原始)" lay-filter="storage" {if $config.ys_spys=='3'}checked{/if}>
                    </div>
                </div>
                
                <div class="layui-form-item password_sp" {if !$config.ys_sp}style="display:none;"{/if}>
                    <label class="layui-form-label">背景视频</label>
                    <div class="layui-input-block">
                        <input type="text" name="ys_spnr" value="{$config.ys_spnr}" placeholder="请填写视频地址,格式为：mp4格式" class="layui-input">
                    </div>
                </div>

                <hr>
                <div class="layui-form-item">
                    <label class="layui-form-label">音乐播放器</label>
                    <div class="layui-input-inline">
                        <input type="checkbox" name="ys_yinyue1" value="1" lay-skin="switch" lay-text="开启|关闭" lay-filter="ys_yinyue1" {if $config.ys_yinyue1}checked{/if}>
                </div>
                <div class="layui-form-item password_yinyue" {if !$config.ys_yinyue1}style="display:none;"{/if}>
                    <label class="layui-form-label">播放器ID</label>
                     <div class="layui-input-block">
                        <input type="text" name="ys_yinyue2" value="{$config.ys_yinyue2}" placeholder="请输入播放器ID" class="layui-input">
                        <div class="layui-form-mid layui-word-aux">音乐网站:<a href="http://yue.lxphp.com" target="_blank">http://yue.lxphp.com</a>
                    </div>
                
                </div>
                
                <hr>
                <div class="layui-form-item">
                    <label class="layui-form-label">自定义音乐</label>
                    <div class="layui-input-inline">
                        <input type="checkbox" name="ys_yinyue3" value="1" lay-skin="switch" lay-text="开启|关闭" lay-filter="ys_yinyue3" {if $config.ys_yinyue3}checked{/if}>
                </div>
                <div class="layui-form-item password_mp3" {if !$config.ys_yinyue3}style="display:none;"{/if}>
                    <label class="layui-form-label">mp3外链</label>
                     <div class="layui-input-block">
                        <input type="text" name="ys_yinyue4" value="{$config.ys_yinyue4}" placeholder="每个音乐以逗号隔开,必须是mp3外链,音乐格式.MP3" class="layui-input">
                    </div>
				 </div>
                </div>
                
                                
                <hr>
                <div class="layui-form-item">
                    <label class="layui-form-label">多功能按钮</label>
                    <div class="layui-input-block">
                        <input type="checkbox" name="ys_an" value="1" lay-skin="switch" lay-text="显示|隐藏" {if $config.ys_an}checked{/if}>
                    </div>
                </div>
                
                <hr>
                <div class="layui-form-item">
                    <label class="layui-form-label">自定义右侧</label>
                    <div class="layui-input-block">
                        <input type="checkbox" name="ys_you" value="1" lay-skin="switch" lay-text="显示|隐藏" {if $config.ys_you}checked{/if}>
                    </div>
                </div>
             
                <hr>
                <div class="layui-form-item">
                    <label class="layui-form-label">头部图标</label>
                    <div class="layui-input-block">
                        <!-- 预览 + 自动赋值输入框 -->
                        <div style="margin-bottom:10px;">
                            预览：<img id="info_preview" src="{$config.ys_info}" style="width:32px;height:32px;vertical-align:middle;">
                        </div>
                        <input type="text" name="ys_info" id="ys_info" value="{$config.ys_info}" placeholder="自动生成图标地址" class="layui-input" readonly>

                        <!-- 图标单选 1-30 -->
                        <style>
                            .info-icon-grid {
                                display: grid;
                                grid-template-columns: repeat(5, 1fr);
                                gap: 8px;
                                margin-top:10px;
                            }
                            @media (max-width:768px) {
                                .info-icon-grid {grid-template-columns: repeat(3,1fr);}
                            }
                            .info-icon-item {
                                display:flex;
                                align-items:center;
                                gap:6px;
                            }
                        </style>
                        <div class="info-icon-grid">
                            {volist name=":range(1,26)" id="i"}
                            <div class="info-icon-item">
                                <input type="radio" name="select_ico" value="{$i}" lay-filter="changeInfoIcon" {if strpos($config.ys_info, $i.'.ico') !== false}checked{/if}>
                                <img src="/ermeb/ico/{$i}.ico" style="width:24px;height:24px;">
                                <span>{$i}.ico</span>
                            </div>
                            {/volist}
                        </div>

                    </div>
                </div>
             
                
               <!-- ===================== 响应式：电脑4列 / 手机2列 ===================== -->
            <hr>
            <div class="layui-form-item">
                <label class="layui-form-label">目录图标</label>
                <div class="layui-input-block">
                    <div style="margin-bottom:12px;">
                        预览：<img id="icon_preview" src="/npc/img/tb0/{$config.tubiao}" style="width:32px;height:32px;vertical-align:middle;">
                    </div>
            
                    <style>
                        /* 桌面默认：4列 */
                        .icon-grid {
                            display: grid;
                            grid-template-columns: repeat(4, 1fr);
                            gap: 10px 15px;
                        }
                        /* 屏幕 ≤ 768px（手机/平板）：自动变成2列 */
                        @media (max-width: 768px) {
                            .icon-grid {
                                grid-template-columns: repeat(2, 1fr);
                            }
                        }
                        .icon-item {
                            display: flex;
                            align-items: center;
                            gap: 6px;
                        }
                    </style>
            
                    <div class="icon-grid">
                        <div class="icon-item">
                            <input type="radio" name="tubiao" value="M0.gif" lay-filter="changeIcon" {if $config.tubiao=='M0.gif'}checked{/if}>
                            <img src="/npc/img/tb0/M0.gif" style="width:24px;height:24px;"><span>0.默认图标</span>
                        </div>
                        <div class="icon-item">
                            <input type="radio" name="tubiao" value="M1.PNG" lay-filter="changeIcon" {if $config.tubiao=='M1.PNG'}checked{/if}>
                            <img src="/npc/img/tb0/M1.PNG" style="width:24px;height:24px;"><span>1.绝地求生</span>
                        </div>
                        <div class="icon-item">
                            <input type="radio" name="tubiao" value="M2.PNG" lay-filter="changeIcon" {if $config.tubiao=='M2.PNG'}checked{/if}>
                            <img src="/npc/img/tb0/M2.PNG" style="width:24px;height:24px;"><span>2.绝地求生</span>
                        </div>
                        <div class="icon-item">
                            <input type="radio" name="tubiao" value="M3.PNG" lay-filter="changeIcon" {if $config.tubiao=='M3.PNG'}checked{/if}>
                            <img src="/npc/img/tb0/M3.PNG" style="width:24px;height:24px;"><span>3.绝地求生</span>
                        </div>
                        <div class="icon-item">
                            <input type="radio" name="tubiao" value="M4.PNG" lay-filter="changeIcon" {if $config.tubiao=='M4.PNG'}checked{/if}>
                            <img src="/npc/img/tb0/M4.PNG" style="width:24px;height:24px;"><span>4.黑客</span>
                        </div>
                        <div class="icon-item">
                            <input type="radio" name="tubiao" value="M5.PNG" lay-filter="changeIcon" {if $config.tubiao=='M5.PNG'}checked{/if}>
                            <img src="/npc/img/tb0/M5.PNG" style="width:24px;height:24px;"><span>5.钱包</span>
                        </div>
                        <div class="icon-item">
                            <input type="radio" name="tubiao" value="M6.PNG" lay-filter="changeIcon" {if $config.tubiao=='M6.PNG'}checked{/if}>
                            <img src="/npc/img/tb0/M6.PNG" style="width:24px;height:24px;"><span>6.银灰</span>
                        </div>
                        <div class="icon-item">
                            <input type="radio" name="tubiao" value="M7.PNG" lay-filter="changeIcon" {if $config.tubiao=='M7.PNG'}checked{/if}>
                            <img src="/npc/img/tb0/M7.PNG" style="width:24px;height:24px;"><span>7.盒子</span>
                        </div>
                        <div class="icon-item">
                            <input type="radio" name="tubiao" value="M8.PNG" lay-filter="changeIcon" {if $config.tubiao=='M8.PNG'}checked{/if}>
                            <img src="/npc/img/tb0/M8.PNG" style="width:24px;height:24px;"><span>8.南瓜</span>
                        </div>
                        <div class="icon-item">
                            <input type="radio" name="tubiao" value="M9.PNG" lay-filter="changeIcon" {if $config.tubiao=='M9.PNG'}checked{/if}>
                            <img src="/npc/img/tb0/M9.PNG" style="width:24px;height:24px;"><span>9.钥匙</span>
                        </div>
                        <div class="icon-item">
                            <input type="radio" name="tubiao" value="M10.PNG" lay-filter="changeIcon" {if $config.tubiao=='M10.PNG'}checked{/if}>
                            <img src="/npc/img/tb0/M10.PNG" style="width:24px;height:24px;"><span>10.绿色</span>
                        </div>
                        <div class="icon-item">
                            <input type="radio" name="tubiao" value="M11.PNG" lay-filter="changeIcon" {if $config.tubiao=='M11.PNG'}checked{/if}>
                            <img src="/npc/img/tb0/M11.PNG" style="width:24px;height:24px;"><span>11.桃心</span>
                        </div>
                        <div class="icon-item">
                            <input type="radio" name="tubiao" value="M12.PNG" lay-filter="changeIcon" {if $config.tubiao=='M12.PNG'}checked{/if}>
                            <img src="/npc/img/tb0/M12.PNG" style="width:24px;height:24px;"><span>12.收徒</span>
                        </div>
                        <div class="icon-item">
                            <input type="radio" name="tubiao" value="M13.PNG" lay-filter="changeIcon" {if $config.tubiao=='M13.PNG'}checked{/if}>
                            <img src="/npc/img/tb0/M13.PNG" style="width:24px;height:24px;"><span>13.逆水寒</span>
                        </div>
                        <div class="icon-item">
                            <input type="radio" name="tubiao" value="M14.PNG" lay-filter="changeIcon" {if $config.tubiao=='M14.PNG'}checked{/if}>
                            <img src="/npc/img/tb0/M14.PNG" style="width:24px;height:24px;"><span>14.DNF</span>
                        </div>
                        <div class="icon-item">
                            <input type="radio" name="tubiao" value="M15.PNG" lay-filter="changeIcon" {if $config.tubiao=='M15.PNG'}checked{/if}>
                            <img src="/npc/img/tb0/M15.PNG" style="width:24px;height:24px;"><span>15.CF</span>
                        </div>
                        <div class="icon-item">
                            <input type="radio" name="tubiao" value="M16.PNG" lay-filter="changeIcon" {if $config.tubiao=='M16.PNG'}checked{/if}>
                            <img src="/npc/img/tb0/M16.PNG" style="width:24px;height:24px;"><span>16.堡垒之夜</span>
                        </div>
                        <div class="icon-item">
                            <input type="radio" name="tubiao" value="M17.PNG" lay-filter="changeIcon" {if $config.tubiao=='M17.PNG'}checked{/if}>
                            <img src="/npc/img/tb0/M17.PNG" style="width:24px;height:24px;"><span>17.文武</span>
                        </div>
                        <div class="icon-item">
                            <input type="radio" name="tubiao" value="M18.PNG" lay-filter="changeIcon" {if $config.tubiao=='M18.PNG'}checked{/if}>
                            <img src="/npc/img/tb0/M18.PNG" style="width:24px;height:24px;"><span>18.无限法则</span>
                        </div>
                        <div class="icon-item">
                            <input type="radio" name="tubiao" value="M19.PNG" lay-filter="changeIcon" {if $config.tubiao=='M19.PNG'}checked{/if}>
                            <img src="/npc/img/tb0/M19.PNG" style="width:24px;height:24px;"><span>19.VIP</span>
                        </div>
                        <div class="icon-item">
                            <input type="radio" name="tubiao" value="M20.PNG" lay-filter="changeIcon" {if $config.tubiao=='M20.PNG'}checked{/if}>
                            <img src="/npc/img/tb0/M20.PNG" style="width:24px;height:24px;"><span>20.蓝色</span>
                        </div>
                        <div class="icon-item">
                            <input type="radio" name="tubiao" value="M21.PNG" lay-filter="changeIcon" {if $config.tubiao=='M21.PNG'}checked{/if}>
                            <img src="/npc/img/tb0/M21.PNG" style="width:24px;height:24px;"><span>21.黑色</span>
                        </div>
                        <div class="icon-item">
                            <input type="radio" name="tubiao" value="M22.PNG" lay-filter="changeIcon" {if $config.tubiao=='M22.PNG'}checked{/if}>
                            <img src="/npc/img/tb0/M22.PNG" style="width:24px;height:24px;"><span>22.LOL</span>
                        </div>
                        <div class="icon-item">
                            <input type="radio" name="tubiao" value="M23.PNG" lay-filter="changeIcon" {if $config.tubiao=='M23.PNG'}checked{/if}>
                            <img src="/npc/img/tb0/M23.PNG" style="width:24px;height:24px;"><span>23.对错</span>
                        </div>
                        <div class="icon-item">
                            <input type="radio" name="tubiao" value="M24.PNG" lay-filter="changeIcon" {if $config.tubiao=='M24.PNG'}checked{/if}>
                            <img src="/npc/img/tb0/M24.PNG" style="width:24px;height:24px;"><span>24.APEX</span>
                        </div>
                        <div class="icon-item">
                            <input type="radio" name="tubiao" value="M25.PNG" lay-filter="changeIcon" {if $config.tubiao=='M25.PNG'}checked{/if}>
                            <img src="/npc/img/tb0/M25.PNG" style="width:24px;height:24px;"><span>25.和平精英</span>
                        </div>
                        <div class="icon-item">
                            <input type="radio" name="tubiao" value="M26.PNG" lay-filter="changeIcon" {if $config.tubiao=='M26.PNG'}checked{/if}>
                            <img src="/npc/img/tb0/M26.PNG" style="width:24px;height:24px;"><span>26.赞</span>
                        </div>
                        <div class="icon-item">
                            <input type="radio" name="tubiao" value="M27.PNG" lay-filter="changeIcon" {if $config.tubiao=='M27.PNG'}checked{/if}>
                            <img src="/npc/img/tb0/M27.PNG" style="width:24px;height:24px;"><span>27.卡牌</span>
                        </div>
                        <div class="icon-item">
                            <input type="radio" name="tubiao" value="M28.PNG" lay-filter="changeIcon" {if $config.tubiao=='M28.PNG'}checked{/if}>
                            <img src="/npc/img/tb0/M28.PNG" style="width:24px;height:24px;"><span>28.逆战</span>
                        </div>
                        <div class="icon-item">
                            <input type="radio" name="tubiao" value="M29.PNG" lay-filter="changeIcon" {if $config.tubiao=='M29.PNG'}checked{/if}>
                            <img src="/npc/img/tb0/M29.PNG" style="width:24px;height:24px;"><span>29.W图标</span>
                        </div>
                        <div class="icon-item">
                            <input type="radio" name="tubiao" value="M30.PNG" lay-filter="changeIcon" {if $config.tubiao=='M30.PNG'}checked{/if}>
                            <img src="/npc/img/tb0/M30.PNG" style="width:24px;height:24px;"><span>30.龙图标</span>
                        </div>
                        <div class="icon-item">
                            <input type="radio" name="tubiao" value="M31.PNG" lay-filter="changeIcon" {if $config.tubiao=='M31.PNG'}checked{/if}>
                            <img src="/npc/img/tb0/M31.PNG" style="width:24px;height:24px;"><span>31.CS图标</span>
                        </div>
                        <div class="icon-item">
                            <input type="radio" name="tubiao" value="M32.PNG" lay-filter="changeIcon" {if $config.tubiao=='M32.PNG'}checked{/if}>
                            <img src="/npc/img/tb0/M32.PNG" style="width:24px;height:24px;"><span>32.骷髅</span>
                        </div>
                        <div class="icon-item">
                            <input type="radio" name="tubiao" value="M33.PNG" lay-filter="changeIcon" {if $config.tubiao=='M33.PNG'}checked{/if}>
                            <img src="/npc/img/tb0/M33.PNG" style="width:24px;height:24px;"><span>33.骷髅</span>
                        </div>
                        <div class="icon-item">
                            <input type="radio" name="tubiao" value="M34.PNG" lay-filter="changeIcon" {if $config.tubiao=='M34.PNG'}checked{/if}>
                            <img src="/npc/img/tb0/M34.PNG" style="width:24px;height:24px;"><span>34.闪电</span>
                        </div>
                        <div class="icon-item">
                            <input type="radio" name="tubiao" value="M35.PNG" lay-filter="changeIcon" {if $config.tubiao=='M35.PNG'}checked{/if}>
                            <img src="/npc/img/tb0/M35.PNG" style="width:24px;height:24px;"><span>35.魔方</span>
                        </div>
                        <div class="icon-item">
                            <input type="radio" name="tubiao" value="M36.PNG" lay-filter="changeIcon" {if $config.tubiao=='M36.PNG'}checked{/if}>
                            <img src="/npc/img/tb0/M36.PNG" style="width:24px;height:24px;"><span>36.星星</span>
                        </div>
                        <div class="icon-item">
                            <input type="radio" name="tubiao" value="M37.PNG" lay-filter="changeIcon" {if $config.tubiao=='M37.PNG'}checked{/if}>
                            <img src="/npc/img/tb0/M37.PNG" style="width:24px;height:24px;"><span>37.塔科夫</span>
                        </div>
                        <div class="icon-item">
                            <input type="radio" name="tubiao" value="M38.PNG" lay-filter="changeIcon" {if $config.tubiao=='M38.PNG'}checked{/if}>
                            <img src="/npc/img/tb0/M38.PNG" style="width:24px;height:24px;"><span>38.塔科夫</span>
                        </div>
                        <div class="icon-item">
                            <input type="radio" name="tubiao" value="M39.PNG" lay-filter="changeIcon" {if $config.tubiao=='M39.PNG'}checked{/if}>
                            <img src="/npc/img/tb0/M39.PNG" style="width:24px;height:24px;"><span>39.使命召唤</span>
                        </div>
                        <div class="icon-item">
                            <input type="radio" name="tubiao" value="M40.PNG" lay-filter="changeIcon" {if $config.tubiao=='M40.PNG'}checked{/if}>
                            <img src="/npc/img/tb0/M40.PNG" style="width:24px;height:24px;"><span>40.钱袋</span>
                        </div>
                        <div class="icon-item">
                            <input type="radio" name="tubiao" value="M41.PNG" lay-filter="changeIcon" {if $config.tubiao=='M41.PNG'}checked{/if}>
                            <img src="/npc/img/tb0/M41.PNG" style="width:24px;height:24px;"><span>41.永劫无间</span>
                        </div>
                    </div>
                </div>
            </div>
            <hr>
                
                <hr>
                <div class="layui-form-item">
                    <label class="layui-form-label">背景logo</label>
                    <div class="layui-input-inline">
                        <input type="checkbox" name="ys_logo01" value="1" lay-skin="switch" lay-text="开启|关闭" lay-filter="ys_logo01" {if $config.ys_logo01}checked{/if}>
                    </div>
                </div>
                
                <div class="layui-form-item password_yslogo" {if !$config.ys_logo01}style="display:none;"{/if}>
                    <label class="layui-form-label">LOGO图片</label>
                    <div class="layui-input-block">
                        <button type="button" class="layui-btn" id="uploadLogo">上传LOGO图片</button>
                        <input type="hidden" name="ys_logo02" id="ys_logo02" value="{$config.ys_logo02}">
                        <div id="preview_ys_logo02" style="margin-top:10px; {if !$config.ys_logo02}display:none;{/if}">
                            <img src="{$config.ys_logo02}" style="max-width:200px;max-height:100px;">
                            <button type="button" class="layui-btn layui-btn-danger layui-btn-xs del-img" data-input="ys_logo02" style="margin-left:10px;">删除图片</button>
                        </div>
                    </div>
                </div>
                
                <div class="layui-form-item">
                    <label class="layui-form-label">上传限制</label>
                    <div class="layui-input-inline" style="width: 100px;">
                        <input type="number" name="upload_size_limit" value="{$config.upload_size_limit}" class="layui-input">
                    </div>
                    <div class="layui-form-mid">MB</div>
                </div>
                
                <div class="layui-form-item">
                    <div class="layui-input-block">
                        <button class="layui-btn" lay-submit lay-filter="systemForm">提交保存</button>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>
{/block}

{block name="script"}
<script>
layui.use(['form','layer','upload'], function(){
    var form = layui.form;
    var layer = layui.layer;
    var upload = layui.upload;
    var $ = layui.$;

    // 弹窗开关
    form.on('switch(ys_tanchuang)', function(data){
        $('.password_ys168').toggle();
    });
    // logo开关
    form.on('switch(ys_logo01)', function(data){
        $('.password_yslogo').toggle();
    });
    
        // 音乐播放器开关
    form.on('switch(ys_yinyue1)', function(data){
        $('.password_yinyue').toggle();
    });
      // 自定义音乐
    form.on('switch(ys_yinyue3)', function(data){
        $('.password_mp3').toggle();
    });

    // 视频开关
    form.on('switch(ys_sp)', function(data){
        $('.password_sp').toggle();
    });
    // 目录图标切换预览
    form.on('radio(changeIcon)', function(data){
        $('#icon_preview').attr('src', '/npc/img/tb0/' + data.value);
    });

    // 头部图标切换预览 + 自动赋值
    form.on('radio(changeInfoIcon)', function(data){
        var ico = data.value;
        var url = '/ermeb/ico/' + ico + '.ico';
        $('#ys_info').val(url);
        $('#info_preview').attr('src', url);
    });

    // ============== 删除图片功能 ==============
    $(document).on('click', '.del-img', function(){
        var inputId = $(this).data('input');
        $('#'+inputId).val('');
        $('#preview_'+inputId).hide();
        layer.msg('已删除图片');
    });

    // ============== 图片上传配置（自动预览） ==============
    function uploadImg(btnId, inputId) {
        upload.render({
            elem: '#' + btnId,
            url: '/admin/index/uploadImg',
            accept: 'images',
            size: 5120,
            before: function(){
                layer.load();
            },
            done: function(res){
                layer.closeAll('loading');
                if(res.code === 0){
                    $('#' + inputId).val(res.data);
                    $('#preview_'+inputId+' img').attr('src', res.data);
                    $('#preview_'+inputId).show();
                    layer.msg('上传成功');
                }else{
                    layer.msg(res.msg);
                }
            },
            error: function(){
                layer.closeAll('loading');
                layer.msg('上传请求异常');
            }
        });
    }

    // 绑定上传按钮
    uploadImg('uploadBgImg', 'ys_bjimg');
    uploadImg('uploadDimg', 'ys_dimg');
    uploadImg('uploadLogo', 'ys_logo02');

    // 提交
    form.on('submit(systemForm)', function(data){
        var load = layer.load();
        $.post('/admin/yssystem/save', data.field, function(res){
            layer.close(load);
            layer.msg(res.msg, {icon: res.code ? 2 : 1});
        }, 'json');
        return false;
    });
});
</script>
{/block}