forked from kidgrow-microservices-platform

zhaoxiaohao
2020-11-25 f6d390988b1c9b5695338214e95ff0d6da70b300
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
<div class="layui-card-header">
    <h2 class="header-title">更多设置</h2>
</div>
<div class="layui-card-body layui-form">
    <div class="layui-form-item" style="margin-top: 20px;">
        <label class="layui-form-label" style="text-align: left;padding-left: 5px;">多标签:</label>
        <div class="layui-input-block" style="text-align: right;">
            <input type="checkbox" lay-skin="switch" lay-text="开启|关闭" lay-filter="set-tab" id="set-tab" checked>
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label" style="text-align: left;padding-left: 5px;">换主题:</label>
        <div class="layui-input-block" style="text-align: right;">
            <input type="checkbox" lay-skin="switch" lay-text="默认|蓝色" lay-filter="set-theme" id="set-theme" checked>
        </div>
    </div>
</div>
 
<script>
    layui.use(['form', 'element', 'layer', 'config', 'index', 'admin'], function () {
        var element = layui.element;
        var form = layui.form;
        var layer = layui.layer;
        var config = layui.config;
        var index = layui.index;
        var admin = layui.admin;
 
        $('#set-tab').prop('checked', config.pageTabs);
        if ($(document.head).find('#layuicss-assetscsstheme-bluecss').length > 0) {
            $('#set-theme').prop('checked', false);
        } else {
            $('#set-theme').prop('checked', true);
        }
        form.render('checkbox');
 
        form.on('switch(set-tab)', function (data) {
            if (data.elem.checked) {
                location.reload();
            } else {
                config.pageTabs = false;
                index.checkPageTabs();
                admin.refresh();
                admin.closePopupRight();
            }
        });
 
        form.on('switch(set-theme)', function (data) {
            if (data.elem.checked) {
                $(document.head).find('#layuicss-assetscsstheme-bluecss').remove();
            } else {
                layui.link('assets/css/theme-blue.css');
            }
        });
    });
</script>