Files
YwxAppThink/app/backend/view/template/setting.html
T

64 lines
2.6 KiB
HTML

<div class="layui-card" style="margin:15px;">
<div class="layui-card-header">界面设置</div>
<div class="layui-card-body">
<form class="layui-form" id="settingForm">
<div class="layui-form-item">
<label class="layui-form-label">全站默认模板</label>
<div class="layui-input-inline" style="width:320px;">
<select name="default_template" id="defaultTemplate">
<option value="default">默认(自带视图)</option>
</select>
</div>
<div class="layui-form-mid layui-word-aux">未单独绑定模板的插件,统一使用此默认模板</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">会员自选风格</label>
<div class="layui-input-inline">
<input type="checkbox" name="allow_member_select" id="allowSelect" lay-skin="switch" lay-text="开启|关闭">
</div>
<div class="layui-form-mid layui-word-aux">允许前台会员切换风格(开启后,已安装模板提供覆盖视图的插件页面右下角自动出现切换器,按访客 cookie 生效,无需登录)</div>
</div>
<div class="layui-form-item">
<div class="layui-input-block">
<button class="layui-btn" lay-submit lay-filter="saveSetting">保存设置</button>
</div>
</div>
</form>
</div>
</div>
<script>
layui.use(['form', 'layer', 'jquery'], function () {
var form = layui.form, layer = layui.layer, $ = layui.jquery;
// 拉取已安装模板填充下拉 + 当前设置
$.ajax({
url: 'index', type: 'POST', dataType: 'json',
success: function (res) {
if (res.code !== 0) { return; }
var inst = res.data.installed || [];
var gd = res.data.global_default || 'default';
var sel = $('#defaultTemplate');
inst.forEach(function (t) {
sel.append('<option value="' + t.name + '">' + t.title + ' (' + t.version + ')</option>');
});
sel.val(gd);
$('#allowSelect').prop('checked', !!res.data.allow_member_select);
form.render('select');
form.render('checkbox');
}
});
form.on('submit(saveSetting)', function (data) {
$.ajax({
url: 'setting', type: 'POST', data: data.field, dataType: 'json',
success: function (res) {
if (res.code === 0) { layer.msg('已保存', { icon: 1 }); }
else { layer.msg(res.message || '保存失败', { icon: 2 }); }
},
error: function () { layer.msg('请求失败', { icon: 2 }); }
});
return false;
});
});
</script>