无关风月
2025-03-20 2ad97245d64b65132507cab36ad89d968edb7705
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
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
@layout("/common/_container.html"){
<link href="${ctxPath}/static/bootstrap-select-1.13.0/css/bootstrap-select.min.css" rel="stylesheet">
<link rel="stylesheet" href="${ctxPath}/static/js/layui/css/layui.css"  media="all">
<style type="text/css">
    legend{
        width: auto;
        border-bottom: none;
    }
</style>
<div class="row">
    <div class="col-sm-12">
        <div class="ibox float-e-margins">
            <div class="ibox-title">
                <h5>背景设置</h5>
            </div>
            <div class="ibox-content" style="height: 1350px;">
                <div class="form-horizontal">
                    <div class="col-sm-12">
                        <div class="row">
                            <div class="col-sm-6">
                                <fieldset class="layui-elem-field layui-field-title"><legend>个人中心</legend>
                                </fieldset>
                                <div class="form-group">
                                    <label class="col-sm-6 control-label head-scu-label">个人中心顶部背景设置</label>
                                    <div class="col-sm-4">
                                        <div id="personBackPreId">
                                            <div><img width="100px" height="100px" src="${item != null ? item.personBack : '/static/img/NoPIC.png'}" onclick="showImg(this)"></div>
                                        </div>
                                    </div>
                                    <div class="col-sm-2">
                                        <div class="head-scu-btn upload-btn" id="personBackBtnId">
                                            <i class="fa fa-upload"></i>&nbsp;上传
                                        </div>
                                    </div>
                                    <input type="hidden" id="personBack" value="${item != null ? item.personBack : ''}"/>
                                </div>
                                <div class="form-group">
                                    <label class="col-sm-3 control-label head-scu-label"></label>
                                    <div class="col-sm-8">
                                        <div style="color: red;">推荐尺寸:750px * 452px(宽*高)<br/>推荐大小:不超过300K</div>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-sm-6 control-label">生效开始时间</label>
                                    <div class="col-sm-6">
                                        <input type="text" class="layui-input" id="startTime" value="${startTime}">
                                    </div>
                                </div>
                                <br>
                                <fieldset class="layui-elem-field layui-field-title"><legend>首页</legend>
                                </fieldset>
                                <div class="form-group">
                                    <label class="col-sm-6 control-label head-scu-label">首页未登录卡片背景</label>
                                    <div class="col-sm-4">
                                        <div id="firstBackPreId">
                                            <div><img width="100px" height="100px" src="${item != null ? item.firstBack : '/static/img/NoPIC.png'}" onclick="showImg(this)"></div>
                                        </div>
                                    </div>
                                    <div class="col-sm-2">
                                        <div class="head-scu-btn upload-btn" id="firstBackBtnId">
                                            <i class="fa fa-upload"></i>&nbsp;上传
                                        </div>
                                    </div>
                                    <input type="hidden" id="firstBack" value="${item != null ? item.firstBack : ''}"/>
                                </div>
                                <div class="form-group">
                                    <label class="col-sm-3 control-label head-scu-label"></label>
                                    <div class="col-sm-8">
                                        <div style="color: red;">推荐尺寸:690px * 170px(宽*高)<br/>推荐大小:不超过300K</div>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-sm-6 control-label">首页未登录卡片图上文案颜色</label>
                                    <div class="col-sm-6">
                                        <input type="color" class="layui-input" id="firstColor" value="${item!=null?item.firstColor:''}" onchange="changeColor(this)">
                                    </div>
                                </div>
                                <br>
                                <#button btnCss="info" name="保存" id="ensure" icon="fa-check" clickFun="BackConfigure.saveBackConfigure()"/>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script src="${ctxPath}/static/modular/system/systemConfigure/backConfigure.js"></script>
<script src="${ctxPath}/static/js/layui/layui.js" charset="utf-8"></script>
<script>
    layui.use('laydate', function() {
        var laydate = layui.laydate;
        laydate.render({
            elem: '#startTime'
            , type: 'datetime'
        });
    });
    function changeColor(e){
        var c = $(e).val();
        $("#firstColor").val(c);
    }
</script>
@}