{{#     /* 支持参数：         id: 初始策略组ID;         name: 初始策略组名称;     */  var lang001 = {"ch": "老流控", "en": "Legacy Traffic Control"}, lang002 = {"ch": "DSCP标记", "en": "DSCP Marking"}, lang003 = {"ch": "多线模式", "en": "Multi-Link Mode"}, lang004 = {"ch": "单线模式", "en": "Single Link Mode"}, lang005 = {"ch": "策略组", "en": "Policy Group"}, lang006 = {"ch": "策略组状态", "en": "Group Status"}, lang007 = {"ch": "动态限速", "en": "Dynamic Rate Limit"}, lang008 = {"ch": "创建策略组", "en": "Create Group"}, lang009 = {"ch": "删除策略组", "en": "Delete Group"}, lang010 = {"ch": "复制策略组", "en": "Copy Group"}, lang011 = {"ch": "加载中", "en": "Loading"}, lang012 = {"ch": "自动刷新", "en": "Refresh"}, lang013 = {"ch": "不刷新", "en": "No Refresh"}, lang014 = {"ch": "5秒", "en": "5s"}, lang015 = {"ch": "10秒", "en": "10s"}, lang016 = {"ch": "20秒", "en": "20s"}, lang017 = {"ch": "60秒", "en": "60s"}, lang018 = {"ch": "接口线路", "en": "Interface Link"}, lang019 = {"ch": "任意", "en": "Any"}, lang020 = {"ch": "源IP群组", "en": "Src IP Group"}, lang021 = {"ch": "目标IP群组", "en": "Dst IP Group"}, lang022 = {"ch": "推荐使用 \"新流控\" 功能", "en": "New Traffic Control is recommended"}, lang023 = {"ch": "关键字搜索", "en": "Search"}, lang024 = {"ch": "不限速IP", "en": "Unlimited IPs"}, lang025 = {"ch": "批量操作", "en": "Batch Operations"}, lang026 = {"ch": "编辑策略", "en": "Edit Policy"}, lang027 = {"ch": "禁用策略", "en": "Disable Policy"}, lang028 = {"ch": "启用策略", "en": "Enable Policy"}, lang029 = {"ch": "删除策略", "en": "Delete Policy"}, lang030 = {"ch": "添加策略", "en": "Add Policy"}, lang031 = {"ch": "策略组名称", "en": "Group Name"}, lang032 = {"ch": "提示", "en": "Tips"}, lang033 = {"ch": "最多创建128个策略组", "en": "Maximum 128 policy groups"}, lang034 = {"ch": "被复制策略组", "en": "Source Group"}, lang035 = {"ch": "新策略组名称", "en": "New Group Name"}, lang036 = {"ch": "编辑", "en": "Edit"}, lang037 = {"ch": "删除", "en": "Delete"}, lang038 = {"ch": "禁用", "en": "Disable"}, lang039 = {"ch": "启用", "en": "Enable"}, lang040 = {"ch": "动态限速", "en": "Dynamic Rate Limit"}, lang041 = {"ch": "添加策略组", "en": "Add Group"}, lang042 = {"ch": "当前没有策略组", "en": "No policy groups available"}, lang043 = {"ch": "确定要删除该策略组吗", "en": "Confirm to delete this group?"}, lang044 = {"ch": "当前没有策略组", "en": "No policy groups available"}, lang045 = {"ch": "复制策略组", "en": "Copy Group"}, lang046 = {"ch": "不限速IP", "en": "Unlimited IPs"}, lang047 = {"ch": "请选择需要操作的策略", "en": "Please select policies to operate"}, lang048 = {"ch": "批量编辑策略", "en": "Batch Edit Policies"}, lang049 = {"ch": "请选择需要操作的策略", "en": "Please select policies to operate"}, lang050 = {"ch": "确定要禁用选中策略", "en": "Confirm to disable selected policies?"}, lang051 = {"ch": "确定要启用选中策略", "en": "Confirm to enable selected policies?"}, lang052 = {"ch": "确定要删除选中策略", "en": "Confirm to delete selected policies?"}, lang053 = {"ch": "添加策略", "en": "Add Policy"}, lang054 = {"ch": "通道状态", "en": "Virtual Data Link Status"}, lang055 = {"ch": "统计对象状态", "en": "Statistics Object Status"}, lang056 = {"ch": "策略速率分析", "en": "Policy Rate Analysis"}, lang057 = {"ch": "策略ID", "en": "Policy ID"}, lang058 = {"ch": "编辑策略", "en": "Edit Policy"}, lang059 = {"ch": "确定要删除策略", "en": "Confirm to delete this policy?"}, lang060 = {"ch": "确定要禁用策略", "en": "Confirm to disable this policy?"}, lang061 = {"ch": "确定要启用策略", "en": "Confirm to enable this policy?"}, lang062 = {"ch": "当前", "en": "Current"}, lang063 = {"ch": "上行", "en": "Upload"}, lang064 = {"ch": "下行", "en": "Download"}, lang065 = {"ch": "共享", "en": "Shared"}, lang066 = {"ch": "移动终端", "en": "Mobile"}, lang067 = {"ch": "QQ用户", "en": "QQ Users"}, lang068 = {"ch": "阻断", "en": "Deny"}, lang069 = {"ch": "放行", "en": "Pass"}, lang070 = {"ch": "包转发", "en": "Packet Forwarding"}, lang071 = {"ch": "端口镜像", "en": "Port Mirror"}, lang072 = {"ch": "端口转发", "en": "Port Forwarding"}, lang073 = {"ch": "iWAN镜像", "en": "iWAN Mirror"}, lang074 = {"ch": "通道", "en": "Data Channel"}, lang075 = {"ch": "停止", "en": "Stop"}, lang076 = {"ch": "继续", "en": "Continue"}, lang077 = {"ch": "无策略组", "en": "No Group"}, lang078 = {"ch": "工作中", "en": "Active"}, lang079 = {"ch": "未调用", "en": "Idle"}, lang080 = {"ch": "序号", "en": "No."}, lang081 = {"ch": "流向&线路", "en": "Direction & Link"}, lang082 = {"ch": "首包接口", "en": "Interface (First PKT)"}, lang083 = {"ch": "接口", "en": "Interface"}, lang084 = {"ch": "-", "en": "-"}, lang085 = {"ch": "MAC组", "en": "MAC Group"}, lang086 = {"ch": "地址端口", "en": "IP & Port"}, lang087 = {"ch": "-", "en": "-"}, lang088 = {"ch": "协议", "en": "Protocol"}, lang089 = {"ch": "-", "en": "-"}, lang090 = {"ch": "用户特征", "en": "User Characteristics"}, lang091 = {"ch": "执行动作", "en": "Action"}, lang092 = {"ch": "IP限速", "en": "IP Rate Limit"}, lang093 = {"ch": "统计对象", "en": "Statistics Object"}, lang094 = {"ch": "优先级", "en": "Priority"}, lang095 = {"ch": "匹配后", "en": "After Match"}, lang096 = {"ch": "匹配策略前/策略后", "en": "Match Before/After"}, lang097 = {"ch": "备注", "en": "Notes"}, lang098 = {"ch": "操作", "en": "Actions"},     lang099 = {"ch": "加载中", "en": "Loading"},     lang100 = {"ch": "速率", "en": "Rate"},     lang101 = {"ch": "其它条件", "en": "Other Conditions"},     lang102 = {"ch": "格式: 应用协议/传输协议", "en": "Format: App/Protocol"},     lang103 = {"ch": "内网IP", "en": "Src IP"},     lang104 = {"ch": "外网IP", "en": "Dst IP"},     lang105 = {"ch": "DSCP修改为", "en": "DSCP Modified To"},     lang106 = {"ch": "首包", "en": "First PKT"},     lang107 = {"ch": "源接口", "en": "Src Interface"},     lang108 = {"ch": "共享用户、移动设备数、QQ用户数等匹配条件", "en": "Match conditions: Shared Users, Mobile Devices, QQ Users, etc."},     lang109 = {"ch": "MAC组、VLAN、TTL等匹配条件", "en": "Match conditions: MAC Group, VLAN, TTL, etc."},     lang110 = {"ch": "一键迁移", "en": "Quick Migration"},     lang111 = {"ch": "说明", "en": "Description"},     lang112 = {"ch": "将老流量控制模块的所有策略，一键迁移到新流量控制的模块中。", "en": "Migrate all policies from legacy traffic control module to new traffic control module with one click."},     lang113 = {"ch": "注意", "en": "Notice"},     lang114 = {"ch": "迁移策略前，建议先备份当前策略；", "en": "It is recommended to back up current policies before migration;"},     lang115 = {"ch": "点击此处", "en": "Click here"},     lang116 = {"ch": "备份当前所有策略。", "en": "to back up all current policies."},     lang117 = {"ch": "迁移策略时，策略组名称若重复，则会跳过该策略组。", "en": "During migration, policy groups with duplicate names will be skipped."},     lang118 = {"ch": "迁移策略后，新流控策略组默认是禁用状态，您可以根据需要选择使用新流控或老流控。", "en": "After migration, new traffic control policy groups are disabled by default. You can choose to use new or legacy traffic control as needed."},     lang119 = {"ch": "确定要进行策略迁移吗？", "en": "Confirm to migrate policies?"},     lang120 = {"ch": "复制策略", "en": "Copy Policy"}; }}  <style> #paui-flowcnt-group-stat{width:60px;text-align: left;padding: 5px 5px 5px 20px;border: 1px solid #ccc;} .paui-flowcnt-tips{text-align:center; margin:100px auto; width: 100%; font-size: 20px;} .paui-page-flowcnt .layui-table-cell{height: auto!important; line-height: unset!important;} .paui-page-flowcnt .layui-table td{padding: 0px;} .paui-page-flowcnt .pa-up, .paui-page-flowcnt .pa-down, .paui-page-flowcnt .pa-both{     color: #333333; } .layui-table .layui-word-aux .pa-up, .layui-table .layui-word-aux .pa-down, .layui-table .layui-word-aux .pa-both{     color:#cccccc!important; } </style>  {{# if(d.in_content != true){ }} <div class="layui-tab layui-tab-brief paui-page-flowcnt"> <ul class="layui-tab-title"> <li class="layui-this">{{ lang001[g_lang] || "老流控" }}</li> </ul> <div class="paui-card-tool" id="paui-group-tools"></div> <div class="layui-tab-content"> <div class="layui-tab-item"> {{# } }}             <div class="layui-word-aux paui-flowcnt-tips">{{ lang011[g_lang] || "加载中" }}</div>             <div class="paui-flowcnt-ctx" style="display: none;">                 <form class="layui-form layui-form-pane paui-table-form" lay-filter="form_flowct_policy_search">                     <div class="layui-form-item paui-table-form-left">                         <label class="layui-form-label">{{ lang012[g_lang] || "自动刷新" }}</label>                         <div class="layui-input-inline" style="width:80px">                             <select name="refresh" lay-filter="select_flowct_refresh" id="select_flowct_refresh">                                 <option value="">{{ lang013[g_lang] || "不刷新" }}</option>                                 <option value=5>{{ lang014[g_lang] || "5秒" }}</option>                                 <option value=10 selected>{{ lang015[g_lang] || "10秒" }}</option>                                 <option value=20>{{ lang016[g_lang] || "20秒" }}</option>                                 <option value=60>{{ lang017[g_lang] || "60秒" }}</option>                             </select>                         </div>                         <label class="layui-form-label">{{ lang018[g_lang] || "接口线路" }}</label>                         <div class="layui-input-inline" style="width:90px">                             <select name="link" id="select_search_proxy" lay-filter="select_flowct_search" lay-search>                                 <option value="0">{{ lang019[g_lang] || "任意" }}</option>                             </select>                         </div>                         <label class="layui-form-label">{{ lang020[g_lang] || "源IP群组" }}</label>                         <div class="layui-input-inline" style="width:90px">                             <select name="src" id="select_src_iptab" lay-filter="select_flowct_search" lay-search>                                 <option value="">{{ lang019[g_lang] || "任意" }}</option>                             </select>                         </div>                         <label class="layui-form-label">{{ lang021[g_lang] || "目标IP群组" }}</label>                         <div class="layui-input-inline" style="width:90px">                             <select name="dst" id="select_dst_iptab" lay-filter="select_flowct_search" lay-search>                                 <option value="">{{ lang019[g_lang] || "任意" }}</option>                             </select>                         </div>                         <div class="layui-input-inline" style="width: 100px;">                             <input type="text" name="keyword" class="layui-input" autocomplete="off"                             placeholder='{{ lang023[g_lang] || "关键字搜索" }}' lay-affix="clear" lay-filter="clear_flowct_search">                         </div>                         <div class="layui-input-inline" style="width:40px">                             <button class="layui-btn layui-btn-normal layui-btn-sm" lay-submit lay-filter="submit_flowct_search">                                 <i class="layui-icon layui-icon-search"></i>                             </button>                         </div>                     </div>                     <div class="layui-form-item paui-table-form-right">                         <div class="layui-form-mid">                             <span class="layui-word-aux" id="paui-flowct-allowip-tips">0.0.0.0</span>                             <span class="abtn" flowct-event="btnevt_free">                                 <i class="layui-icon layui-icon-star"></i>{{ lang024[g_lang] || "不限速IP" }}                             </span>                         </div>                         <div class="layui-form-mid" paui-hover-evt="paui_btn_more" style="margin-right:0px">                             <span class="abtn">                                 <i class="layui-icon layui-icon-set"></i>&nbsp;{{ lang025[g_lang] || "批量操作" }}                             </span>                             <dl class="layui-nav-child layui-anim layui-anim-upbit" style="top:30px;">                                 <dd>                                     <span class="abtn" flowct-event="btnevt_editm">                                         <i class="layui-icon layui-icon-edit"></i>&nbsp;{{ lang026[g_lang] || "编辑策略" }}                                     </span>                                 </dd>                                 <dd>                                     <span class="abtn" flowct-event="btnevt_disable">                                         <i class="layui-icon layui-icon-pause"></i>&nbsp;{{ lang027[g_lang] || "禁用策略" }}                                     </span>                                 </dd>                                 <dd>                                     <span class="abtn" flowct-event="btnevt_enable">                                         <i class="layui-icon layui-icon-play"></i>&nbsp;{{ lang028[g_lang] || "启用策略" }}                                     </span>                                 </dd>                                 <dd>                                     <span class="abtn" flowct-event="btnevt_remove">                                         <i class="layui-icon layui-icon-delete"></i>&nbsp;{{ lang029[g_lang] || "删除策略" }}                                     </span>                                 </dd>                             </dl>                         </div>                         <div class="layui-form-mid">                             <span class="abtn" flowct-event="btnevt_add">                                 <i class="layui-icon layui-icon-add-1"></i>{{ lang030[g_lang] || "添加策略" }}                             </span>                             <span class="abtn paui-flowcnt-table-filter">                                 <i class="pa-icon pa-filter"></i>                             </span>                             <span class="layui-hide" id="paui-btn-reload-flowct" flowct-event="btnevt_reload"></span>                         </div>                     </div>                 </form>                 <div class="layui-row paui-table-card">                     <table id="tab_flowct_list" lay-filter="tab_flowct_list"></table>                     <div class="layui-table-page" id="page_flowct_list"></div>                 </div>             </div> {{# if(d.in_content != true){ }}         </div> </div> </div> {{# } }}  <script id="tpl_group_tools" type="text/html">     <div class="layui-inline">         <form class="layui-form layui-form-pane" lay-filter="form_flowct_group_search">             <div class="layui-form-item">                 <!--                     <label class="layui-form-label">{{ lang002[g_lang] || "DSCP标记" }}</label>                     <div class="layui-input-inline" style="width:90px; text-align: left;">                         <select name="tos" id="paui-flowct-tos" lay-filter="select_set_flowct_tos">                             <option value="0">{{ lang003[g_lang] || "多线模式" }}</option>                             <option value="1">{{ lang004[g_lang] || "单线模式" }}</option>                         </select>                     </div>                 -->                 <label class="layui-form-label" style="width: 60px;">{{ lang005[g_lang] || "策略组" }}</label>                 <div class="layui-input-inline" style="width:120px; text-align: left;">                     <select name="id" id="select_search_group" lay-filter="select_flowct_search"></select>                 </div>                 <label class="layui-form-label">{{ lang006[g_lang] || "策略组状态" }}</label>                 <div class="layui-input-inline" id="paui-flowcnt-group-stat">                     <span style="color:#999999">{{ lang099[g_lang] || "加载中" }}</span>                 </div>                 <div class="layui-form-mid">                     <span class="abtn" flowct-event="btnevt_dlimit">                         <i class="layui-icon layui-icon-component"></i>{{ lang007[g_lang] || "动态限速" }}                     </span>                     <span class="abtn" flowct-event="btnevt_add_group">                         <i class="layui-icon layui-icon-add-1"></i>{{ lang008[g_lang] || "创建策略组" }}                     </span>                     <span class="abtn" flowct-event="btnevt_del_group">                         <i class="layui-icon layui-icon-delete"></i>{{ lang009[g_lang] || "删除策略组" }}                     </span>                     <span class="abtn" flowct-event="btnevt_copy_group">                         <i class="layui-icon layui-icon-templeate-1"></i>{{ lang010[g_lang] || "复制策略组" }}                     </span>                     <span class="abtn" flowct-event="btnevt_moveto_new">                         <i class="pa-icon pa-copyto"></i>{{ lang110[g_lang] || "一键迁移" }}                     </span>                 </div>             </div>         </form>     </div> </script>  <script id="tpl_add_group" type="text/html">     <form class="layui-form paui-form" style="padding-top:10px">         <div class="layui-form-item">             <label class="layui-form-label">{{ lang031[g_lang] || "策略组名称" }}</label>             <div class="layui-input-inline">                 <input type="hidden" name="action" value="add_group">                 <input type="text" name="name" class="layui-input" lay-verify="required|isName|not_all_num" maxlength="32">             </div>         </div>         <div class="layui-form-item">             <label class="layui-form-label">{{ lang032[g_lang] || "提示" }}</label>             <div class="layui-form-mid layui-form-aux">{{ lang033[g_lang] || "最多创建128个策略组" }}</div>             <div class="layui-row layui-hide">                 <button lay-submit id="submit_add_group" lay-filter="submit_add_group"></button>             </div>         </div>     </form>     </script>  <script id="tpl_copy_group" type="text/html">     <form class="layui-form paui-form" style="padding-top:10px">         <div class="layui-form-item">             <label class="layui-form-label">{{ lang034[g_lang] || "被复制策略组" }}</label>             <div class="layui-form-mid layui-word-aux">{% d.name %}</div>             <div class="layui-row layui-hide">                 <button lay-submit id="submit_copy_group" lay-filter="submit_copy_group"></button>             </div>         </div>         <div class="layui-form-item">             <label class="layui-form-label">{{ lang035[g_lang] || "新策略组名称" }}</label>             <div class="layui-input-inline">                 <input type="hidden" name="action" value="copy_group">                 <input type="hidden" name="id" value="{% d.id %}">                 <input type="hidden" name="srcnmae" value="{% d.name %}">                 <input type="text" name="name" class="layui-input" lay-verify="required|isName|not_all_num" maxlength="32">             </div>         </div>     </form> </script>  <script id="tpl_moveto_new" type="text/html">     <div class="layui-form paui-form" style="padding-top:20px">         <div class="layui-form-item">             <label class="layui-form-label">{{ lang111[g_lang] || "说明" }}</label>             <div class="layui-form-mid">                 {{ lang112[g_lang] || "将老流量控制模块的所有策略，一键迁移到新流量控制的模块中。" }}             </div>         </div>         <div class="layui-form-item">             <label class="layui-form-label">{{ lang113[g_lang] || "注意" }}</label>             <div class="layui-form-mid">                 {{ lang114[g_lang] || "迁移策略前，建议先备份当前策略；" }}                 <span class="abtn" flowct-event="btnevt_download_conf">{{ lang115[g_lang] || "点击此处" }}</span>                 {{ lang116[g_lang] || "备份当前所有策略。" }}             </div>         </div>         <div class="layui-form-item">             <label class="layui-form-label">&nbsp;</label>             <div class="layui-form-mid">                 {{ lang117[g_lang] || "迁移策略时，策略组名称若重复，则会跳过该策略组。" }}             </div>         </div>         <div class="layui-form-item">             <label class="layui-form-label">&nbsp;</label>             <div class="layui-form-mid">                 {{ lang118[g_lang] || "迁移策略后，新流控策略组默认是禁用状态，您可以根据需要选择使用新流控或老流控。" }}             </div>         </div>         <div class="layui-form-item">             <label class="layui-form-label">&nbsp;</label>             <div class="layui-form-mid paui-color-danger">                 {{ lang119[g_lang] || "确定要进行策略迁移吗？" }}             </div>         </div>     </div> </script>  <script> layui.use(function(){ var $ = layui.$, util = layui.util, form = layui.form, table = layui.table,     patpl = layui.patpl;  var pa_table = new Paui_table(); var pa_timer = new Paui_timer();  var api = '/cgi-bin/flowcontrol/ajax_flowct';           var event_center = {         btnevt_set_tos: function(obj){             pa_ajax({                 url: api,                 data: {'action': 'set_policy_tos', 'tos': obj.value},                 success: function(json){                     layer.msg(json.msg);                     load_object();                 }             })         },          btnevt_dlimit: function(){             popupWindow({                 "pop_title": '{{ lang040[g_lang] || "动态限速" }}',                 "pop_route":"flowcontrol/policy_link_list"             }, 1040, 700);         },          btnevt_add_group: function(){             paopen({                 title: '{{ lang041[g_lang] || "添加策略组" }}'                 ,area: ['360px', '190px']                 ,btn: 'default'                 ,subElem: '#submit_add_group'                 ,content: $("#tpl_add_group").html()                 ,success: function(layero, index){                     form.on('submit(submit_add_group)', function(obj){                         pa_ajax({                             url: api,                             data: obj.field,                             success: function(json){                                 if(json.code != 0)                                     alert_err(json.msg);                                 else {                                     layer.closeAll();                                     load_group(obj.field.name);                                     alert_ok(json.msg);                                 }                             }                         });                         return false;                     });                 }             });         },          btnevt_del_group: function(){             var group  = form.getValue("form_flowct_group_search");             if(group.id == "") {                 layer.msg('{{ lang042[g_lang] || "当前没有策略组" }}');                 return false;             };             pa_confirm('{{ lang043[g_lang] || "确定要删除该策略组吗" }}?', function(index){                 layer.close(index);                 pa_ajax({                     url: api,                     data: {'action': 'rmv_group', 'id': group.id},                     success: function(json){                         if(json.code != 0)                             alert_err(json.msg);                         else {                             alert_ok(json.msg);                             load_group();                             load_policy();                         }                     }                 })             })         },          btnevt_copy_group: function(){             var obj = form.getValue("form_flowct_group_search"); if(obj.id == ""){ layer.msg('{{ lang044[g_lang] || "当前没有策略组" }}'); return; } var id = obj.id;             var name = $("#select_search_group").find("option[value="+id+"]").html().split(" ")[0];             paopen({                 title: '{{ lang045[g_lang] || "复制策略组" }}'                 ,area: ['360px', '290px']                 ,btn: 'default'                 ,subElem: '#submit_copy_group'                 ,content: patpl( $("#tpl_copy_group").html() ).render({id: id, name: name})                 ,success: function(layero, index){                     form.on('submit(submit_copy_group)', function(obj){                         pa_ajax({                             url: api,                             data: obj.field,                             success: function(json){                                 if(json.code != 0)                                     alert_err(json.msg);                                 else {                                     layer.closeAll();                                     load_group(obj.field.name);                                     alert_ok(json.msg);                                 }                             }                         });                         return false;                     });                 }             });         },          btnevt_moveto_new: function(){             if (g_lang == "ch")                 var area = ['660px', '290px'];             else                 var area = ['1050px', '290px'];             paopen({                 area: area                 ,title: '{{ lang110[g_lang] || "一键迁移" }}'                 ,content: $("#tpl_moveto_new").html()                 ,btn: 'default'                 ,btn1: function(){                     layer.load();                     pa_ajax({                         url: api,                         data: {'action': 'moveto_new_policy'},                         success: function(json){                             layer.closeAll('loading');                             if(json.code != 0)                                 alert_err(json.msg);                             else{                                 layer.closeAll();                                 alert_ok(json.msg);                             }                         }                     });                 }             });         },          btnevt_download_conf: function(){ layer.load(); pa_ajax({ url: '/cgi-bin/system/ajax_sys_config', data: {"action": "export_config"}, success: function(json){ layer.closeAll("loading"); if(json.code != 0) alert_err(json.msg); else { web_download(json.data.file_name); alert_ok('导出成功'); } } });         },          btnevt_free: function(){             var ip = $("#paui-flowct-allowip-tips").text();             pa_prompt({                 value: ip,                 title: '{{ lang046[g_lang] || "不限速IP" }}'             }, function(ip, index, elem){                 layer.close(index);                 pa_ajax({                     url: api,                     data: {'action': 'set_policy_passip', 'ip': ip},                     success: function(json){                         if(json.code != 0)                             alert_err(json.msg);                         else {                             load_object();                             alert_ok(json.msg);                         }                     }                 });             });         },          btnevt_editm: function(){ var data = ""; var chk = table.checkStatus('tab_flowct_list');             var group  = form.getValue("form_flowct_group_search"); if(chk.data.length == 0){ layer.msg('{{ lang047[g_lang] || "请选择需要操作的策略" }}'); return; } layui.each(chk.data, function(index, elem){ data += elem.id + ";"; });             paopen({                 title: '{{ lang048[g_lang] || "批量编辑策略" }}',                 url: '/html/flowcontrol/flowct_medit.html',                 data: {'items': data, 'group': group.id},                 area: ['450px', '340px'],                 btn: 'default',                 subElem: '#submit_medit_policy'             });         },          btnevt_disable: function(){ var data = ""; var chk = table.checkStatus('tab_flowct_list');             var group  = form.getValue("form_flowct_group_search"); if(chk.data.length == 0){ layer.msg('{{ lang049[g_lang] || "请选择需要操作的策略" }}'); return; } layui.each(chk.data, function(index, elem){ data += elem.id + ";"; }); pa_confirm('{{ lang050[g_lang] || "确定要禁用选中策略" }}？', function(index){ layer.close(index); pa_ajax({ url: api, data: {"action": "btndisable_policy", "items": data, 'group': group.id}, success: function(json){ if(json.code != 0) { alert_err(json.msg); } else { alert_ok(json.msg); table_search(); } } }); });         },          btnevt_enable: function(){ var data = ""; var chk = table.checkStatus('tab_flowct_list');             var group  = form.getValue("form_flowct_group_search"); if(chk.data.length == 0){ layer.msg('{{ lang049[g_lang] || "请选择需要操作的策略" }}'); return; } layui.each(chk.data, function(index, elem){ data += elem.id + ";"; }); pa_confirm('{{ lang051[g_lang] || "确定要启用选中策略" }}？', function(index){ layer.close(index); pa_ajax({ url: api, data: {"action": "btnenable_policy", "items": data, 'group': group.id}, success: function(json){ if(json.code != 0) { alert_err(json.msg); } else { alert_ok(json.msg); table_search(); } } }); });         },          btnevt_remove: function(){ var data = ""; var chk = table.checkStatus('tab_flowct_list');             var group  = form.getValue("form_flowct_group_search"); if(chk.data.length == 0){ layer.msg('{{ lang049[g_lang] || "请选择需要操作的策略" }}'); return; } layui.each(chk.data, function(index, elem){ data += elem.id + ";"; });  pa_confirm('{{ lang052[g_lang] || "确定要删除选中策略" }}？', function(index){ layer.close(index); pa_ajax({ url: api, data: {"action": "btnremove_policy", "items": data, 'group': group.id}, success: function(json){ if(json.code != 0) { alert_err(json.msg); } else { alert_ok(json.msg); table_search(); } } }); });         },          btnevt_add: function(){             var group  = form.getValue("form_flowct_group_search");             paopen({                 title: '{{ lang053[g_lang] || "添加策略" }}',                 url: '/html/flowcontrol/flowct_add.html',                 data: {'action': 'add_policy', 'group': group.id},                 area: ['640px', '720px'],             });         },          btnevt_reload: function(){             table_search();         },          tabevt_wg: function(obj){             popupWanGroup(obj.data.link.split(".")[1]);         },          tabevt_link: function(obj){             popupWindow({                 id: obj.data.bridge,                 name: obj.data.link,                 pop_title: '{{ lang040[g_lang] || "动态限速" }}->' + obj.data.link,                 pop_route: "flowcontrol/policy_link_set"             }, 1040, 700);         },          tabevt_app: function(obj){             popupApp(obj.data.appname, obj.data.appcname, 0, 'edit');         },          tabevt_proxy: function(obj){             var value = obj.data.action.split("-")[1];             var proxy = value.split("/")[0];             popupProxy("", "", proxy);         },          tabevt_pipe: function(obj){             paopen({                 title: '{{ lang054[g_lang] || "通道状态" }}->' + obj.data.action,                 url: '/html/flowcontrol/data_pie_info.html',                 data: {'name': obj.data.action},                 area: ['980px', '560px']             });         },          tabevt_macgrp: function(obj){             popupUserGroup(obj.data.macgid);         },          tabevt_ntmso: function(obj){ popupWindow({ id: obj.data.soid, name: obj.data.soname, pop_title: '{{ lang055[g_lang] || "统计对象状态" }}->' + obj.data.soname, pop_route: 'flowcontrol/ntmso_info' }, 880, 695);         },          tabevt_bps: function(obj){             paopen({                 title: '{{ lang056[g_lang] || "策略速率分析" }}->{{ lang057[g_lang] || "策略ID" }}：' + obj.data.id                 ,area: ['900px', '400px']                 ,url: '/html/flowcontrol/policy_limit_chart.html'                 ,data: obj.data             });         },          tabevt_copy: function(obj, gid){             obj.data.action = "add_policy";             paopen({                 title: '{{ lang120[g_lang] || "复制策略" }}',                 url: '/html/flowcontrol/flowct_add.html',                 data: obj.data,                 area: ['640px', '720px'],                 end: function(){                     reload_policy(gid);                 }             });         },          tabevt_if: function(obj){             var value = obj.data.action.split("-")[1];             var int = value.split("/")[0];             popupInterface(int);         },          tabevt_edit: function(obj){             obj.data.action = "edit_policy";             paopen({                 title: '{{ lang058[g_lang] || "编辑策略" }}',                 url: '/html/flowcontrol/flowct_add.html',                 data: obj.data,                 area: ['640px', '720px']             });         },          tabevt_rmv: function(obj){             pa_confirm('{{ lang059[g_lang] || "确定要删除策略" }}' + obj.data.id, function(index){                 layer.close(index);                 obj.data.action = "remove_policy";                 pa_ajax({                     url: api,                     data: obj.data,                     success: function(json){                         if(json.code != 0)                             alert_err(json.msg);                         else {                             alert_ok(json.msg);                             table_search();                         }                     }                 });             });         },          tabevt_disable: function(obj){             pa_confirm('{{ lang060[g_lang] || "确定要禁用策略" }}' + obj.data.id, function(index){                 layer.close(index);                 obj.data.action = "disable_policy";                 pa_ajax({                     url: api,                     data: obj.data,                     success: function(json){                         if(json.code != 0)                             alert_err(json.msg);                         else {                             alert_ok(json.msg);                             table_search();                         }                     }                 });             });         },          tabevt_enable: function(obj){             pa_confirm('{{ lang061[g_lang] || "确定要启用策略" }}' + obj.data.id, function(index){                 layer.close(index);                 obj.data.action = "enable_policy";                 pa_ajax({                     url: api,                     data: obj.data,                     success: function(json){                         if(json.code != 0)                             alert_err(json.msg);                         else {                             alert_ok(json.msg);                             table_search();                         }                     }                 });             });         }     };       var load_group = function(group_name, show_policy){         pa_ajax({             url: api,             data: {'action': 'load_group'},             success: function(json){                 var obj = $("#select_search_group");                 obj.html("");                 layui.each(json.data, function(index, elem){                     var tag1 = "", tag2 = "";                     if(group_name == elem.name){                         tag1 = "selected";                         if(!show_policy) load_policy(elem.id);                     } else if(elem.active == "yes"){                         tag1 = "selected";                         tag2 = '[*{{ lang062[g_lang] || "当前" }}]';                     }                     obj.append('<option value="'+ elem.id +'"'+ tag1 +'>'+ elem.name +' '+ tag2 +'</option>');                 });                 form.render();             }         });     };       var load_object = function(){         pa_ajax({             url: api,             data: {'action': 'load_search_obj'},             success: function(json){                 $("#paui-flowct-tos").val(json.data.stat.force_tos);                 $("#paui-flowct-allowip-tips").text(json.data.stat.passip);                 $("#select_search_proxy").html('<option value="0">{{ lang019[g_lang] || "任意" }}</option>');                 layui.each(json.data.link, function(index, elem){                     $("#select_search_proxy").append('<option value="'+ elem.id +'">'+ elem.name +'</option>');                 });                 layui.each(json.data.iptab, function(index, elem){                     $("#select_src_iptab").append('<option value="'+ elem.id +'">'+ elem.name +'</option>');                     $("#select_dst_iptab").append('<option value="'+ elem.id +'">'+ elem.name +'</option>');                 });                 form.render();             }         })     };       var col_render = function(r){         switch(this.field){             case "id":                 return '<span class="abtn" lay-event="tabevt_edit">'+ r.id +'</span>';              case "soname":                 if(r.soname == "NULL") return "";     return '<span class="abtn" lay-event="tabevt_ntmso">' + r.soname + '</span>';              case "stop":             return r.stop ? `<span class="break">{{ lang075[g_lang] || "停止" }}</span>` : '<span class="goon">{{ lang076[g_lang] || "继续" }}</span>';                          case "bps":                 var color = r.bps != r.bps2 ? "paui-color-danger" : "paui-color-normal";                 return '<span class="abtn ' + color + '" lay-event="tabevt_bps">' + numberformat(r.bps) + "/" + numberformat(r.bps2) + '</span>';                          case "desc":                 return r.desc == "NULL" ? "" : r.desc;                          case "inip":                 r.inport = r.inport == 0 ? "any" : r.inport;                 if(r.inip == "" && r.inport == "any")                     return '<div style="padding: 5px 0px;">any</div>';                 else                     return patpl($("#paui-tpl-policy-ip").html()).render({ip: r.inip, port: r.inport});              case "outip":                 r.outport = r.outport == 0 ? "any" : r.outport;                 if(r.outip == "" && r.outport == "any")                     return '<div style="padding: 5px 0px;">any</div>';                 else                     return patpl($("#paui-tpl-policy-ip").html()).render({ip: r.outip, port: r.outport});              default:                 var tpl = $("#tpl_flowct_rule_" + this.field);                 return tpl.length > 0 ? patpl(tpl.html()).render(r) : "-";         }     };       var table_search = function(){         var group  = form.getValue("form_flowct_group_search");         var search = form.getValue("form_flowct_policy_search");         search.group = group.id;         pa_table.reload({             where: search         })     };       var load_policy = function(id){         pa_table.render({             elem: '#tab_flowct_list',             height: 'full-{{d.pop_route ? "150" : "190"}}',             url: api,             where: {'action': 'load_policy', group: id || ''},             page: true,             pageElem: 'page_flowct_list',             pageType: 'web',             dbkey: "tab_flowcts_col",             filterElem: '.paui-flowcnt-table-filter',             parseData: function(json){                 if(json.data.stat == "none"){                     $("#paui-flowcnt-group-stat").html('<span class="paui-color-danger">{{ lang077[g_lang] || "无策略组" }}</span>');                     $(".paui-flowcnt-tips").html('{{ lang022[g_lang] || "推荐使用 “新流控” 功能" }}').show();                     $(".paui-flowcnt-ctx").hide();                 } else {                     var stat = json.data.stat == "inwork" ?                      '<span class="paui-color-good"><b>{{ lang078[g_lang] || "工作中" }}</b></span>' :                     '<span class="paui-color-danger">{{ lang079[g_lang] || "未调用" }}</span>';                     $("#paui-flowcnt-group-stat").html(stat);                     $(".paui-flowcnt-tips").hide();                     $(".paui-flowcnt-ctx").show();                 }                 var data   = [];                 var search = form.getValue("form_flowct_policy_search");                 layui.each(json.data.policy, function(index, elem){                     if(search.src != "" ) {     /* 过滤源IP群组 */                         if(elem.intype != "ip" && elem.intype != "table") return;                         if(elem.intype == "ip" && elem.inip != "any") return;                         if(elem.intype == "table" && elem.inip != search.src) return;                     };                     if(search.dst != "" ) {     /* 过滤目标IP群组 */                         if(elem.outtype != "ip" && elem.outtype != "table") return;                         if(elem.outtype == "ip" && elem.outip != "any") return;                         if(elem.outtype == "table" && elem.outip != search.dst) return;                     };                     if ( JSON.stringify(elem).indexOf(search.keyword) < 0 ) return;                     elem.group = json.data.group;                     data.push(elem);                 });                 json.data = data;                 return json;             },             cols: [[                 {type: 'checkbox'},{                     field: 'id',                     title: '{{ lang080[g_lang] || "序号" }}',                     width: 38,                     templet: col_render                 },{                     field: 'link',                     title: '{{ lang081[g_lang] || "流向&线路" }}',                     minWidth: 80,                     templet: col_render                 },{                     field: 'inif',                     title: '{{ lang083[g_lang] || "接口" }}',                     minWidth: 150,                     templet: col_render                 },{                     field: 'inip',                     title: '{{ lang103[g_lang] || "内网IP" }}',                     minWidth: 110,                     templet: col_render                 },{                     field: 'outip',                     title: '{{ lang104[g_lang] || "外网IP" }}',                     minWidth: 110,                     templet: col_render                 },{                     field: 'appname',                     filter_title: '{{ lang088[g_lang] || "协议" }}',                     title: paui_tabcol_tips('{{ lang088[g_lang] || "协议" }}', '{{ lang102[g_lang] || "格式: 应用协议/传输协议" }}'),                     minWidth: 100,                     templet: col_render                 },{                     field: 'action',                     title: '{{ lang091[g_lang] || "执行动作" }}',                     minWidth: 210,                     templet: col_render                 }, {                     field: 'iprate',                     title: '{{ lang092[g_lang] || "IP限速" }}'                 }, {                     field: 'stop',                     title: '{{ lang095[g_lang] || "匹配后" }}',                     width: 40,                     templet: col_render                 },{                     field: 'bps',                     filter_title: '{{ lang100[g_lang]  || "速率" }}',                     title: paui_tabcol_tips('{{ lang100[g_lang]  || "速率" }}', '{{ lang096[g_lang] || "匹配策略前/策略后" }}'),                     minWidth: 100,                     templet: col_render                 },{                     field: 'natip',                     minWidth: 160,                     filter_title: '{{ lang101[g_lang] || "其它条件" }}',                     title: paui_tabcol_tips('{{ lang101[g_lang] || "其它条件" }}', '{{ lang109[g_lang] || "MAC组、VLAN、TTL等匹配条件" }}'),                     templet: col_render                 },{                     field: 'desc',                     title: '{{ lang097[g_lang] || "备注" }}',                     templet: col_render                 },{                     field: 'act',                     title: '{{ lang098[g_lang] || "操作" }}',                     width: 100,                     align: 'right',                     templet: col_render                 }             ]]             ,done: function(json){                 var obj = $("#tab_flowct_list").next();                 layui.each(json.data, function(index, elem){                     if(elem.disable == "1")                         obj.find('tr[data-index="' + index + '"]').addClass("layui-word-aux");                  });             }         });     };       /* 页面渲染 */     $("#paui-group-tools").html($("#tpl_group_tools").html());     form.render();     load_object();     load_group('{{d.name||""}}', true);     load_policy('{{d.id||""}}');      /* 事件绑定 */     util.event("flowct-event", event_center);     table.on('tool(tab_flowct_list)', function(obj){         event_center[obj.event](obj);     });      table.on('checkbox(tab_flowct_list)', function(obj){         $("#select_flowct_refresh").val("");         form.render();         pa_timer.stop();     });      form.on('select(select_set_flowct_tos)', function(obj){         event_center["btnevt_set_tos"](obj);     });      form.on('input-affix(clear_flowct_search)', table_search);     form.on('select(select_flowct_search)', table_search);     form.on('submit(submit_flowct_search)', function(obj){         table_search();         return false;     });      pa_timer.render('select_flowct_refresh', table_search, 10); }); </script>