wangdakun
/
contrast_ai


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166
							<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>系统配置样例</title>
</head>
<body class="laytp-container">
<div class="layui-card">
    <div class="layui-card-body">
        <form class="layui-form" lay-filter="layui-form">
            <div class="table-container">
            </div>
            <div class="bottom">
                <div class="button-container">
                    <button type="submit" class="laytp-btn laytp-btn-primary laytp-btn-sm" lay-submit="" lay-filter="add">
                        <i class="layui-icon layui-icon-ok"></i>
                        保存配置
                    </button>
                    <button type="reset" class="laytp-btn laytp-btn-sm">
                        <i class="layui-icon layui-icon-refresh"></i>
                        重置
                    </button>
                </div>
            </div>
        </form>
    </div>
</div>
<script id="confTableHtml" type="text/html">
    <input type="hidden" name="group" id="group" value="{{=d.group}}"/>
    <table class="layui-table" style="margin: 0;" lay-skin="nob">
        <colgroup>
            <col width="15%">
            <col width="70%">
            <col width="15%">
        </colgroup>
        <tbody>
        <tr>
            <td style="text-align:right;">
                <span style="color: red;">*</span> 默认上传方式
            </td>
            <td>
                <div class="xmSelect"
                     data-name="defaultType"
                     data-sourceType="data"
                     data-source='[{"name":"本地上传","value":"local"},{"name":"阿里云OSS","value":"ali-oss"},{"name":"七牛云KODO","value":"qiniu-kodo"}]'
                     data-valueField="value"
                     data-radio="true"
                     data-layVerify="required"
                     data-selected="{{# if(!d.defaultType){ d.defaultType = 'local'; } }}{{d.defaultType}}"
                ></div>
                <input type="hidden" name="form_type[defaultType]" value="xmSelect" />
            </td>
            <td>
                <div class="conf-des layui-form-mid layui-word-aux">
                    <label title="所有上传组件，不定义上传方式时，使用的默认上传方式">所有上传组件，不定义上传方式时，使用的默认上传方式</label>
                    <br/>
                    <code title="{{=d.group}}.defaultType')">{{=d.group}}.defaultType</code>
                </div>
            </td>
        </tr>
        <tr>
            <td style="text-align:right;">
                <span style="color: red;">*</span> 最大上传文件大小
            </td>
            <td>
                <input autocomplete="off" type="text" name="size" id="size" value="{{=d.size}}" placeholder="请输入站点名称" class="layui-input" lay-verify="required">
                <!-- 这个隐藏的input用来标记当前表单元素 -->
                <input type="hidden" name="form_type[size]" value="input" />
            </td>
            <td>
                <div class="conf-des layui-form-mid layui-word-aux">
                    <label title="配置说明">最大上传文件大小，单位自行输入KB,MB,GB</label>
                    <br/>
                    <code title="{{=d.group}}.size">{{=d.group}}.size 一般100MB</code>
                </div>
            </td>
        </tr>
        <tr>
            <td style="text-align:right;">
                <span style="color: red;">*</span> 允许上传的文件后缀
            </td>
            <td>
                <input autocomplete="off" type="text" name="mime" id="mime" value="{{=d.mime}}" placeholder="请输入站点名称" class="layui-input" lay-verify="required">
                <!-- 这个隐藏的input用来标记当前表单元素 -->
                <input type="hidden" name="form_type[mime]" value="input" />
            </td>
            <td>
                <div class="conf-des layui-form-mid layui-word-aux">
                    <label title="允许上传的文件后缀，多个以英文逗号隔开">允许上传的文件后缀，多个以英文逗号隔开</label>
                    <br/>
                    <code title="{{=d.group}}.mime">png,jpg,gif,jpeg,doc,xls,pdf,pem,mp4</code>
                </div>
            </td>
        </tr>
        </tbody>
    </table>
</script>
<script type="application/javascript">
    if(localStorage.getItem("staticDomain")){
        document.write("<link rel='stylesheet' href='" + localStorage.getItem("staticDomain") + "/component/layui/css/layui.css?v=" + localStorage.getItem("version") + "'>");
        document.write("<script src='" + localStorage.getItem("staticDomain") + "/component/layui/layui.js?v="+localStorage.getItem("version")+"'><\/script>");
        document.write("<script src='" + localStorage.getItem("staticDomain") + "/component/laytp/layuiConfig.js?v="+localStorage.getItem("version")+"'><\/script>");
        document.write("<script src='" + localStorage.getItem("staticDomain") + "/component/jquery_3.3.1.js?v="+localStorage.getItem("version")+"'><\/script>");
        document.write("<script src='" + localStorage.getItem("staticDomain") + "/component/jquery.tablednd.js?v="+localStorage.getItem("version")+"'><\/script>");
    }else{
        document.write("<link rel='stylesheet' href='/static/component/layui/css/layui.css?v=" + localStorage.getItem("version") + "'>");
        document.write("<script src='/static/component/layui/layui.js?v="+localStorage.getItem("version")+"'><\/script>");
        document.write("<script src='/static/component/laytp/layuiConfig.js?v="+localStorage.getItem("version")+"'><\/script>");
        document.write("<script src='/static/component/jquery_3.3.1.js?v="+localStorage.getItem("version")+"'><\/script>");
        document.write("<script src='/static/component/jquery.tablednd.js?v="+localStorage.getItem("version")+"'><\/script>");
    }
</script>
<script>
    layui.use(['laytp'],function(){
        var group = "system.upload";
        // 先获取数据，渲染表单
        // 渲染完表单之后，设置滚动条
        facade.ajax({
            route: "/admin.conf/getGroupConf",
            data: {"group" : group},
            successAlert: false,
            showLoading: true
        }).done(function(res){
            if(res.code === 0){
                res.data.group = group;
                layui.laytpl($("#confTableHtml").html()).render(res.data,function(string){
                    $(".table-container").html(string);
                    layui.laytpForm.render();
                    layui.form.render();
                    var windowHeight = $(window).height();
                    var maxHeight = parseInt(windowHeight) - 86;
                    var minHeight = parseInt(windowHeight) - 86;
                    // 设置table-container的最大高度和超过高度后展示滚动条
                    $(".table-container").css("margin-bottom", '40px');
                    $(".table-container").css("max-height", maxHeight + 'px');
                    $(".table-container").css("min-height", minHeight + 'px');
                    $(".table-container").css("overflow-y", "auto");

                    $('.bottom').css("background-color", "#f6f6f6");
                });
            }
        });

        layui.form.on('submit(add)', function(data){
            var btnAnim = layui.button.load({elem:$(this)});
            try{
                data = facade.setEditorField(data);
            }catch (e) {
                facade.error(e);
                return false;
            }
            data.field.group = group;
            facade.ajax({
                route:'/admin.conf/saveGroupConf',
                data : data.field
            }).done(function(res){
                btnAnim.stop();
            }).fail(function(){
                btnAnim.stop();
            });
            return false;
        });
    })
</script>
</body>
</html>