{{# var lang001 = {"ch": "通道带宽", "en": "Channel Bandwidth"}, lang002 = {"ch": "当日限额", "en": "Daily Data Limit"}, lang003 = {"ch": "0表示不限额", "en": "0 means unlimited"}, lang004 = {"ch": "确定要提交吗", "en": "Confirm to submit?"}, lang005 = {"ch": "所有优先级保证带宽之和不能大于通道带宽", "en": "Sum of guaranteed bandwidth of all priorities cannot exceed the channel bandwidth"}, lang006 = {"ch": "优先级设置", "en": "Priority Settings"}, lang007 = {"ch": "优先级", "en": "Priority"}, lang008 = {"ch": "保证带宽", "en": "Guaranteed Bandwidth"}, lang009 = {"ch": "备注", "en": "Notes"}, lang010 = {"ch": "注意", "en": "Attention"},     lang011 = {"ch": "最大带宽", "en": "Maximum Bandwidth"},     lang012 = {"ch": "通道名称", "en": "Channel Name"},     lang013 = {"ch": "保证带宽不能大于总带宽", "en": "Guaranteed bandwidth cannot exceed total bandwidth"}; }}  <style> .paui-page-edit-data-pie .layui-form-label{width:60px;} </style>  <form class="layui-form paui-page-edit-data-pie" lay-filter="form_edit_data_pie" id="form_edit_data_pie" style="padding-top:10px"></form>  <script id="tpl_edit_data_pie" type="text/html">     <div class="layui-form-item">         <label class="layui-form-label">{{ lang012[g_lang] || "通道名称" }}</label>         <div class="layui-input-inline">             <input type="hidden" name="id">             <input type="hidden" name="action" value='{{ d.action || "edit_data_pie" }}'>             <input type="text" name="name" class="layui-input" lay-verify="required|isName">         </div>     </div>     <div class="layui-form-item">         <label class="layui-form-label">{{ lang001[g_lang] || "通道带宽" }}</label>         <div class="layui-input-inline">             <input type="text" name="rate" class="layui-input" lay-verify="required|number|ratemax">         </div>         <div class="layui-form-mid layui-word-aux">kbits/s，1~16000000</div>     </div>     <div class="layui-form-item">         <label class="layui-form-label">{{ lang002[g_lang] || "当日限额" }}</label>         <div class="layui-input-inline">             <input type="text" name="quota" class="layui-input" lay-verify="number">         </div>         <div class="layui-form-mid layui-word-aux">Mbytes，{{ lang003[g_lang] || "0表示不限额" }}</div>     </div>     <div class="layui-row">         <div class="layui-col-xs12">             <fieldset class="layui-elem-field layui-field-title">                 <legend>{{ lang006[g_lang] || "优先级设置" }}</legend>             </fieldset>         </div>     </div>      <div class="layui-form-item" style="margin-bottom: 0px;">         <label class="layui-form-label">{{ lang007[g_lang] || "优先级" }}</label>         <label class="layui-form-label" style="width:190px; text-align:left; padding-left:0px;">{{ lang008[g_lang] || "保证带宽" }}(kbps)</label>         <label class="layui-form-label" style="width:190px; text-align:left; padding-left:0px;">{{ lang011[g_lang] || "最大带宽" }}(kbps)</label>         <label class="layui-form-label" style="width:190px; text-align:left; padding-left:0px;">{{ lang009[g_lang] || "备注" }}</label>     </div>      {%# for(var i = 1; i <= Number(d.MAX_PRIORITY); i++){ %}         <div class="layui-form-item" style="margin-bottom: 2px;">             <label class="layui-form-label">{% i %}</label>             <div class="layui-input-inline">                 <input type="text" name="gbw_{% i %}" class="layui-input" lay-verify="required|number">             </div>             <div class="layui-input-inline">                 <input type="text" name="maxrate_{% i %}" class="layui-input" lay-verify="required|number">             </div>             <div class="layui-input-inline">                 <input type="text" name="desc_{% i %}" class="layui-input" lay-verify="isName">             </div>         </div>     {%# } %}          <div class="layui-form-item">         <label class="layui-form-label">{{ lang010[g_lang] || "注意" }}</label>         <div class="layui-form-mid">{{ lang005[g_lang] || "所有优先级保证带宽之和不能大于通道带宽" }}</div>     </div>     <div class="layui-row layui-hide">         <div class="layui-col-xs12">             <button lay-submit id="submit_data_pie_edit" lay-filter="submit_data_pie_edit"></button>              </div>     </div> </script>  <script> layui.use(function(){     var $ = layui.$,     form = layui.form,     patpl = layui.patpl;      var api = '/cgi-bin/flowcontrol/ajax_data_pie';     var l_max_priority = 16;       form.verify({         ratemax:function(value, elem){             if(Number(value) > 16000000 || Number(value) < 1)                 return '1 ~ 16000000';         }     });       pa_ajax({         url: api,         data: {"action": "load_edit_env", "name": "{{d.name}}"},         success: function(json) {             var pie = json.data.pie;             l_max_priority = json.data.policy.MAX_PRIORITY;              patpl( $("#tpl_edit_data_pie").html() ).render(json.data.policy, function(html){                 $("#form_edit_data_pie").html(html);             });                          form.val("form_edit_data_pie", pie);              for(var i=0; i < pie.htb.length; i++){                 $("input[name='gbw_"+(i+1)+"']").val(pie.htb[i].gbw);                 $("input[name='maxrate_"+(i+1)+"']").val(pie.htb[i].maxrate);                 $("input[name='desc_"+(i+1)+"']").val(pie.htb[i].desc);             }         }     });       form.on("submit(submit_data_pie_edit)", function(obj){         var total = 0, i = 0;          while(i++ < l_max_priority)             total += Number(obj.field['gbw_'+i]);                  if(total > Number(obj.field.rate)){             alert_err('{{ lang013[g_lang] || "保证带宽不能大于总带宽" }}');             return false;         }          pa_confirm('{{ lang004[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 {                         $("#paui-btn-reload-datapie").click();                         layer.closeAll();                         alert_ok(json.msg);                     }                 }             });         });         return false;     });  }); </script>