wangdakun
/
contrast_ai


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203
							<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>阿里云OSS配置</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;">
                开关
            </td>
            <td>
                <!-- 隐藏域设置开关未选中时需要传递的参数值 -->
                <input type="hidden" name="switch" value="2"/>
                <input type="checkbox" name="switch" lay-skin="switch"
                       lay-text="打开|关闭"
                       value="1" {{# if(d.switch == 1){ }}checked="checked"{{# } }}
                />
                <input type="hidden" name="form_type[switch]" value="switch" />
            </td>
            <td>
                <div class="conf-des layui-form-mid layui-word-aux">
                    <label title="是否开启阿里云OSS存储">是否开启阿里云OSS存储</label>
                    <br/>
                    <code title="{{=d.group}}.switch">{{=d.group}}.switch</code>
                </div>
            </td>
        </tr>
        <tr>
            <td style="text-align:right;">
                accessKeyID
            </td>
            <td>
                <input autocomplete="off" type="text" name="accessKeyID" id="accessKeyID" value="{{=d.accessKeyID}}" placeholder="请输入accessKeyID" class="layui-input" lay-verify="required">
                <input type="hidden" name="form_type[accessKeyID]" value="input" />
            </td>
            <td>
                <div class="conf-des layui-form-mid layui-word-aux">
                    <label title="阿里云拥有OSS相关权限账号的accessKeyID，可以使用授权了的RAM子账号，也可以使用总账号">阿里云拥有OSS相关权限账号的accessKeyID，可以使用授权了的RAM子账号，也可以使用总账号</label>
                    <br/>
                    <code title="{{=d.group}}.accessKey">{{=d.group}}.accessKey</code>
                </div>
            </td>
        </tr>
        <tr>
            <td style="text-align:right;">
                accessKeySecret
            </td>
            <td>
                <input autocomplete="off" type="text" name="accessKeySecret" id="accessKeySecret" value="{{=d.accessKeySecret}}" placeholder="请输入accessKeySecret" class="layui-input" lay-verify="required">
                <input type="hidden" name="form_type[accessKeySecret]" value="input" />
            </td>
            <td>
                <div class="conf-des layui-form-mid layui-word-aux">
                    <label title="阿里云OSS上传配置的accessKeySecret">阿里云OSS上传配置的accessKeySecret</label>
                    <br/>
                    <code title="{{=d.group}}.accessKeySecret">{{=d.group}}.accessKeySecret</code>
                </div>
            </td>
        </tr>
        <tr>
            <td style="text-align:right;">
                bucket
            </td>
            <td>
                <input autocomplete="off" type="text" name="bucket" id="bucket" value="{{=d.bucket}}" placeholder="请输入bucket" class="layui-input" lay-verify="required">
                <input type="hidden" name="form_type[bucket]" value="input" />
            </td>
            <td>
                <div class="conf-des layui-form-mid layui-word-aux">
                    <label title="阿里云OSS上传配置的bucket">阿里云OSS上传配置的bucket</label>
                    <br/>
                    <code title="{{=d.group}}.bucket">{{=d.group}}.bucket</code>
                </div>
            </td>
        </tr>
        <tr>
            <td style="text-align:right;">
                endpoint
            </td>
            <td>
                <input autocomplete="off" type="text" name="endpoint" id="endpoint" value="{{=d.endpoint}}" placeholder="请输入endpoint" class="layui-input" lay-verify="required">
                <input type="hidden" name="form_type[endpoint]" value="input" />
            </td>
            <td>
                <div class="conf-des layui-form-mid layui-word-aux">
                    <label title="阿里云OSS上传配置的endpoint">阿里云OSS上传配置的endpoint</label>
                    <br/>
                    <code title="{{=d.group}}.endpoint">{{=d.group}}.endpoint</code>
                </div>
            </td>
        </tr>
        <tr>
            <td style="text-align:right;">
                domain
            </td>
            <td>
                <input autocomplete="off" type="text" name="domain" id="domain" value="{{=d.domain}}" placeholder="请输入domain" class="layui-input" lay-verify="required">
                <input type="hidden" name="form_type[domain]" value="input" />
            </td>
            <td>
                <div class="conf-des layui-form-mid layui-word-aux">
                    <label title="阿里云OSS上传配置的domain">阿里云OSS上传配置的domain</label>
                    <br/>
                    <code title="{{=d.group}}.domain">{{=d.group}}.domain</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 = "plugin.ali_oss";
        // 先获取数据，渲染表单
        // 渲染完表单之后，设置滚动条
        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){
            data = facade.setEditorField(data);
            data.field.group = group;
            facade.ajax({
                route:'/admin.conf/saveGroupConf',
                data : data.field
            }).done(function(res){
                if(res.code === 0){

                }
            });
            return false;
        });
    })
</script>
</body>
</html>