123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237 |
- <!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;">
- 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}}.accessKeyID">{{=d.group}}.accessKeyID</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;">
- 短信签名
- </td>
- <td>
- <input autocomplete="off" type="text" name="sign" id="sign" value="{{=d.sign}}" placeholder="请输入短信签名" class="layui-input" lay-verify="required">
- <input type="hidden" name="form_type[sign]" value="input" />
- </td>
- <td>
- <div class="conf-des layui-form-mid layui-word-aux">
- <label title="阿里云手机短信中设置的签名">阿里云手机短信中设置的签名</label>
- <br/>
- <code title="{{=d.group}}.sign">{{=d.group}}.sign</code>
- </div>
- </td>
- </tr>
- <tr>
- <td style="text-align:right;">
- 短信事件与短信模板对应关系
- </td>
- <td>
- <input type="hidden" name="form_type[template]" value="array" />
- <table class="layui-table" style="margin: 0;" lay-skin="line">
- <colgroup>
- <col width="25%">
- <col width="70%">
- <col>
- </colgroup>
- <thead>
- <tr>
- <th>Key</th>
- <th>Value</th>
- <th></th>
- </tr>
- </thead>
- <tbody class="tableDnd">
- {{# if(d.template){ }}
- {{# var key; for(key in d.template){ }}
- <tr>
- <td style="padding: 4px 15px;"><input class="layui-input" type="text" name="template[key][]" value="{{=key}}" /></td>
- <td style="padding: 4px 15px;"><input class="layui-input" type="text" name="template[value][]" value="{{=d.template[key]}}" /></td>
- <td style="padding: 4px 15px;">
- <a href="javascript:void(0);" class="layui-btn layui-btn-primary layui-btn-sm layui-icon layui-icon-delete delArrayItem" layer-tips="删除" title="删除"></a>
- </td>
- </tr>
- {{# } }}
- {{# }else{ }}
- <tr>
- <td style="padding: 4px 15px;"><input class="layui-input" type="text" name="template[key][]" value="register" /></td>
- <td style="padding: 4px 15px;"><input class="layui-input" type="text" name="template[value][]" value="阿里云的模板ID" /></td>
- <td style="padding: 4px 15px;">
- <a href="javascript:void(0);" class="layui-btn layui-btn-primary layui-btn-sm layui-icon layui-icon-delete delArrayItem" layer-tips="删除" title="删除"></a>
- </td>
- </tr>
- {{# } }}
- <tr class='nodrop nodrag'>
- <td colspan="3" style="padding: 4px 15px;">
- <a href="javascript:void(0);" class="layui-btn layui-btn-primary layui-btn-sm layui-icon layui-icon-add-1 addArrayItem" title="追加">追加</a>
- </td>
- </tr>
- </tbody>
- </table>
- </td>
- <td>
- <div class="conf-des layui-form-mid layui-word-aux">
- 短信事件与短信模板对应关系
- <br/>
- <code title="{{=d.group}}.template">{{=d.group}}.template</code>
- </div>
- </td>
- </tr>
- <tr>
- <td style="text-align:right;">
- 有效时间
- </td>
- <td>
- <input autocomplete="off" type="number" name="expireTime" id="expireTime" value="{{=d.expireTime}}" placeholder="请输入有效时间" class="layui-input" lay-verify="required">
- <input type="hidden" name="form_type[expireTime]" value="input" />
- </td>
- <td>
- <div class="conf-des layui-form-mid layui-word-aux">
- <label title="有效时间,单位秒,设置短信发送后多久内有效">有效时间,单位秒,设置短信发送后多久内有效</label>
- <br/>
- <code title="{{=d.group}}.expireTime">{{=d.group}}.expireTime</code>
- </div>
- </td>
- </tr>
- <tr>
- <td style="text-align:right;">
- 间隔时间
- </td>
- <td>
- <input autocomplete="off" type="number" name="intervalTime" id="intervalTime" value="{{=d.intervalTime}}" placeholder="请输入间隔时间" class="layui-input" lay-verify="required">
- <input type="hidden" name="form_type[intervalTime]" value="input" />
- </td>
- <td>
- <div class="conf-des layui-form-mid layui-word-aux">
- <label title="单位秒,对同一手机号,两条短信发送的最小间隔时间">单位秒,对同一手机号,两条短信发送的最小间隔时间</label>
- <br/>
- <code title="{{=d.group}}.intervalTime">{{=d.group}}.intervalTime</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_sms";
- // 先获取数据,渲染表单
- // 渲染完表单之后,设置滚动条
- 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>
|