{{# var lang001 = {"ch": "监测", "en": "Monitoring"}, lang002 = {"ch": "启用","en": "Enable"}, lang003 = {"ch": "禁用","en": "Disable"}, lang004 = {"ch": "域名TTL","en": "Domain TTL"}, lang005 = {"ch": "秒 (域名在TTL时间内没有对应活动将会被删除)","en": "seconds (Domain will be deleted if no activity is recorded within the TTL period)"}, lang006 = {"ch": "DNS时延标准","en": "DNS Latency Standard"}, lang007 = {"ch": "优","en": "Excellent"}, lang008 = {"ch": "良","en": "Good"}, lang009 = {"ch": "中","en": "Normal"}, lang010 = {"ch": "差","en": "Poor"}, lang011 = {"ch": "应用延时标准","en": "Application Latency Standard"}, lang012 = {"ch": "标准色设置","en": "Standard Color Settings"}, lang013 = {"ch": "确定要提交吗","en": "Are you sure you want to submit?"}, lang014 = {"ch": "此处会同步启用/禁用NPM模块", "en": "This will simultaneously enable/disable the NPM module."}; }}  <style> .paui-page-segdelay-set{ border-left: 0px; padding-bottom: 5px; } .paui-page-segdelay-set .layui-inline{margin: 0px;} .paui-page-segdelay-set .layui-form-item{margin-bottom: 0px;} .paui-page-segdelay-set .layui-form-mid{ margin: 0px; padding: 0px!important; } .paui-page-segdelay-set .paui-segdelay-tips{ width: 66px; height: 34px; line-height: 34px; text-align: center; } .paui-page-segdelay-set .layui-input-inline{ padding: 0px; width: 60px; margin: 0px; height: 34px; line-height: 34px; } .paui-page-segdelay-set .layui-colorpicker{ height: 34px; width: 34px; padding: 0px; border: 0px; }     .paui-page-segdelay-set .color{         margin-right: 10px !important;     } </style> <form class="layui-form paui-form" lay-filter="form_parameter" style="margin-top: 20px;">     <div class="layui-form-item">          <label class="layui-form-label" style="width: 100px;">{{lang001[g_lang] || "监测"}}</label>         <div class="layui-input-inline">             <select name="enable">                 <option value="1">{{lang002[g_lang] || "启用"}}</option>                 <option value="0">{{lang003[g_lang] || "禁用"}}</option>             </select>         </div>        <div class="layui-form-mid layui-word-aux">{{ lang014[g_lang] || "此处会同步启用/禁用NPM模块" }}</div>     </div>     <div class="layui-form-item">         <label class="layui-form-label" style="width: 100px;">{{lang004[g_lang] || "域名TTL"}}</label>         <div class="layui-input-inline">             <input type="text" name="ttl" autocomplete="off" class="layui-input" lay-verify="required|isName">         </div>         <div class="layui-form-mid layui-word-aux"> {{lang005[g_lang] || "秒 (域名在TTL时间内没有对应活动将会被删除)"}}         </div>             </div>     <div class="layui-form-item paui-page-segdelay-set">         <label class="layui-form-label" style="width: 100px;border:none">{{ lang006[g_lang] || "DNS延时标准" }}(ms)</label>         <div class="layui-form-mid paui-segdelay-tips"> {{ lang007[g_lang] || "优" }} <= </div>          <div class="layui-input-inline">             <input type="text" name="dns0" class="layui-input" lay-verify="required|number">         </div>          <div class="layui-form-mid">             <div class="paui-segdelay-tips"> < {{ lang008[g_lang] || "良" }} <= </div>         </div>                  <div class="layui-input-inline">             <input type="text" name="dns1" class="layui-input" lay-verify="required|number">         </div>          <div class="layui-form-mid">             <div class="paui-segdelay-tips"> < {{ lang009[g_lang] || "中" }} <= </div>         </div>          <div class="layui-input-inline">             <input type="text" name="dns2" class="layui-input" lay-verify="required|number">         </div>          <div class="layui-form-mid">             <div class="paui-segdelay-tips"> < {{ lang010[g_lang] || "差" }}</div>         </div>              </div>     <div class="layui-form-item paui-page-segdelay-set paui-table-form-left" >         <label class="layui-form-label" style="width: 100px;border:none">{{ lang011[g_lang] || "应用延时标准" }}(ms)</label>         <div class="layui-form-mid paui-segdelay-tips"> {{ lang007[g_lang] || "优" }} <= </div>          <div class="layui-input-inline">             <input type="text" name="app0" class="layui-input" lay-verify="required|number">         </div>          <div class="layui-form-mid">             <div class="paui-segdelay-tips"> < {{ lang008[g_lang] || "良" }} <= </div>         </div>                  <div class="layui-input-inline">             <input type="text" name="app1" class="layui-input" lay-verify="required|number">         </div>          <div class="layui-form-mid">             <div class="paui-segdelay-tips"> < {{ lang009[g_lang] || "中" }} <= </div>         </div>          <div class="layui-input-inline">             <input type="text" name="app2" class="layui-input" lay-verify="required|number">         </div>          <div class="layui-form-mid">             <div class="paui-segdelay-tips"> < {{ lang010[g_lang] || "差" }}</div>         </div>              </div>     <div class="layui-form-item paui-page-segdelay-set">         <label class="layui-form-label" style="width: 100px;margin:0 5px;border:none">{{ lang012[g_lang] || "标准色设置" }}</label>         <div class="layui-form-mid paui-segdelay-color0 color">{{ lang007[g_lang] || "优" }}</div>         <div class="layui-form-mid paui-segdelay-color1 color">{{ lang008[g_lang] || "良" }}</div>         <div class="layui-form-mid paui-segdelay-color2 color">{{ lang009[g_lang] || "中" }}</div>         <div class="layui-form-mid paui-segdelay-color3 color">{{ lang010[g_lang] || "差" }}</div>              </div>     <div class="layui-hide"> <button lay-submit lay-filter="submit_domain" id="submit_domain"></button> </div>      </form>  <script> layui.use(function(){     var $ = layui.$, form = layui.form,     colorpicker = layui.colorpicker;      var api = "/cgi-bin/dashboard/ajax_domain_topn";     var pdata = JSON.parse('{{- JSON.stringify(d) }}');      var segdelay ={};          pdata.colors.split(',').forEach((item,index)=>{         segdelay['color'+index]=item;     });  var segdelay_desc = [         '{{ lang007[g_lang] || "优" }}',         '{{ lang008[g_lang] || "良" }}',         '{{ lang009[g_lang] || "中" }}',         '{{ lang010[g_lang] || "差" }}'     ];          var colorpicker_render = function(type){         var cfg = form.getValue("form_parameter");         for(var i = 0; i < 4; i++){             colorpicker.render({                 elem: '.paui-segdelay-color' + i,                 color: type === 'reload' ? cfg['color'+ i] : "#"+segdelay['color'+ i],                 size: 'lg',                 done: function(color){                     var res = this.elem.selector.split("-")[2];                     segdelay[res] = color;                 }             });              $(".layui-colorpicker-trigger-span").eq(i).text(segdelay_desc[i]);         }     };       /* 页面渲染 */     colorpicker_render();     form.val('form_parameter', pdata);       /* 事件绑定 */     form.on('submit(submit_domain)', function(obj){          layui.each(obj.field, function(key, value){             if(key == "ttl" || key == "enable") return;             obj.field[key] = Number(value) * 1000;         });          obj.field = $.extend({}, obj.field, segdelay);         obj.field.action = "edit_topdns";  pa_confirm('{{ lang013[g_lang] || "确定要提交吗" }}？', function(index){ layer.close(index); pa_ajax({ url: api, data: obj.field, success: function(json){ if(json.code != 0){ alert_err(json.msg); } else { layer.closeAll(); alert_ok(json.msg);                         $("#paui-btn-domain-reload").click(); } } }); }); return false; });  }) </script>