{{# var lang001 = {"ch": "自动刷新", "en": "Refresh"}, lang002 = {"ch": "不刷新", "en": "No Refresh"}, lang003 = {"ch": "5秒", "en": "5s"}, lang004 = {"ch": "10秒", "en": "10s"}, lang005 = {"ch": "20秒", "en": "20s"}, lang006 = {"ch": "60秒", "en": "60s"}, lang007 = {"ch": "所有类型", "en": "All Types"}, lang008 = {"ch": "固定IP", "en": "Static IP"}, lang009 = {"ch": "所有状态", "en": "All Status"}, lang010 = {"ch": "正常", "en": "Up"}, lang011 = {"ch": "断开", "en": "Down"}, lang012 = {"ch": "禁用", "en": "Disabled"}, lang013 = {"ch": "所有组", "en": "All Groups"}, lang014 = {"ch": "关键字搜索", "en": "Search"}, lang015 = {"ch": "批量操作", "en": "Batch Operation"}, lang016 = {"ch": "编辑", "en": "Edit"}, lang017 = {"ch": "加组", "en": "Add to Group"}, lang018 = {"ch": "对比", "en": "Compare"}, lang019 = {"ch": "禁用", "en": "Disable"}, lang020 = {"ch": "启用", "en": "Enable"}, lang021 = {"ch": "重拨", "en": "Redial"}, lang022 = {"ch": "删除", "en": "Delete"}, lang023 = {"ch": "清除DNS统计", "en": "Clear DNS Stats"}, lang024 = {"ch": "添加", "en": "Add"}, lang025 = {"ch": "单个添加", "en": "Add Single"}, lang026 = {"ch": "批量添加", "en": "Batch Add"}, lang027 = {"ch": "导入", "en": "Import"}, lang028 = {"ch": "复制", "en": "Duplicate"}, lang029 = {"ch": "复制", "en": "Copy"}, lang030 = {"ch": "导出", "en": "Export"}, lang031 = {"ch": "提示", "en": "Note"}, lang032 = {"ch": "线路加组，仅起标识区分作用", "en": "Groups are used for identification purposes only"}, lang033 = {"ch": "如果为空，表示不加入任何组", "en": "If no group is selected, the interfaces will not be added to any group"}, lang034 = {"ch": "线路组", "en": "Interface Group"}, lang035 = {"ch": "空组", "en": "None"}, lang036 = {"ch": "输入组名称", "en": "Enter Group Name"}, lang037 = {"ch": "查看状态", "en": "View Status"}, lang038 = {"ch": "快速编辑", "en": "Quick Edit"}, lang039 = {"ch": "请先选择需要操作的线路", "en": "Please select the interface(s) first"}, lang040 = {"ch": "所有组", "en": "All Groups"}, lang041 = {"ch": "确定要", "en": "Confirm to "}, lang042 = {"ch": "序号", "en": "No."}, lang043 = {"ch": "名称", "en": "Name"}, lang044 = {"ch": "网卡", "en": "NIC"}, lang045 = {"ch": "状态", "en": "Status"}, lang046 = {"ch": "线路网关", "en": "Interface Gateway"}, lang047 = {"ch": "DNS牵引/失败", "en": "DNS Redirects / Failures"}, lang048 = {"ch": "流入速率", "en": "In(bps)"}, lang049 = {"ch": "流出速率", "en": "Out(bps)"}, lang050 = {"ch": "连接数", "en": "Sessions"}, lang051 = {"ch": "连接时间", "en": "Connection Time"}, lang052 = {"ch": "分组", "en": "Group"}, lang053 = {"ch": "备注", "en": "Notes"}, lang054 = {"ch": "操作", "en": "Action"}, lang055 = {"ch": "线路加组", "en": "Assign to Group"}, lang056 = {"ch": "确定要提交吗", "en": "Confirm to submit?"}, lang057 = {"ch": "不能批量编辑VPN线路", "en": "VPN interfaces cannot be batch edited"}, lang058 = {"ch": "批量编辑", "en": "Batch Edit"}, lang059 = {"ch": "最多选择16条线路", "en": "Maximum 16 interfaces can be selected"}, lang060 = {"ch": "确定要导出当前条件的线路吗？", "en": "Confirm to export interfaces based on current filters?"}, lang061 = {"ch": "静态IPv6", "en": "Static IPv6"}, lang062 = {"ch": "汇总", "en": "Summary"}, lang063 = {"ch": "线路汇总", "en": "Interface Summary"}, lang064 = {"ch": "线路对比", "en": "Interface Comparison"}, lang065 = {"ch": "系统错误，导出失败", "en": "System error: Export failed"}, lang066 = {"ch": "其他信息", "en": "Other Information"};  if(d.show_vpn){ lang044 = {"ch": "承载线路", "en": "Carrying line"}; } }}  {{# if(d.show_vpn) { }} <div class="layui-tab layui-tab-brief">     <ul class="layui-tab-title">         <li class="layui-this">{{ g_lang == "en" ? d.en : d.cn }}</li>     </ul>     <div class="layui-tab-content">         <div class="layui-tab-item layui-show"> {{# } }} <form class="layui-form layui-form-pane paui-table-form" lay-filter="form_proxy_search"> <div class="layui-form-item paui-table-form-left"> <label class="layui-form-label">{{ lang001[g_lang] || "自动刷新" }}</label> <div class="layui-input-inline" style="width:80px"> <select name="refresh" lay-filter="select_proxy_refresh" id="select_proxy_refresh"> <option value="">{{ lang002[g_lang] || "不刷新" }}</option> <option value=5>{{ lang003[g_lang] || "5秒" }}</option> <option value=10 selected>{{ lang004[g_lang] || "10秒" }}</option> <option value=20>{{ lang005[g_lang] || "20秒" }}</option> <option value=60>{{ lang006[g_lang] || "60秒" }}</option> </select> </div> {{# if(d.show_vpn && d.pxytype == "iwan") { }} <div class="layui-input-inline" style="width:100px"> <select name="wantype" lay-filter="select_wan_search"> <option value="">{{ lang007[g_lang] || "所有类型" }}</option> <option value="iwan">iWAN</option> {{# if (g_sys_env.release != "0") { /* 标准版不支持 */ }} <option value="srpxy">iWAN-SR</option> {{# } }} </select> </div> {{# } else if(!d.show_vpn) { }} <div class="layui-input-inline" style="width:100px"> <select name="wantype" lay-filter="select_wan_search"> <option value="">{{ lang007[g_lang] || "所有类型" }}</option> <optgroup label="IPv4+IPv6"> <option value="pppoe">PPPoE</option> </optgroup> <optgroup label="IPv6"> <option value="proxy6">{{ lang008[g_lang] || "固定IP" }}-v6</option> <option value="dhcpwan6">DHCP-v6</option> </optgroup> <optgroup label="IPv4"> <option value="proxy">{{ lang008[g_lang] || "固定IP" }}-v4</option> <option value="dhcpwan">DHCP-v4</option> <option value="iwan">iWAN</option> <option value="l2tpwan">L2TP</option> <option value="ipsecwan">IPSec</option> {{# if (g_sys_env.release != "0") { /* 标准版不支持 */ }} <option value="grewan">GREWAN</option> <option value="srpxy">iWAN-SR</option> {{# } }} </optgroup> </select> </div> {{# } }} <div class="layui-input-inline" style="width:100px"> <select name="state" lay-filter="select_wan_search"> <option value="">{{ lang009[g_lang] || "所有状态" }}</option> <option value="1">{{ lang010[g_lang] || "正常" }}</option> <option value="0">{{ lang011[g_lang] || "断开" }}</option> <option value="disable">{{ lang012[g_lang] || "禁用" }}</option> </select> </div> <div class="layui-input-inline" style="width:100px"> <select name="group" id="select_pxy_group" lay-filter="select_wan_search"> <option value="">{{ lang013[g_lang] || "所有组" }}</option> </select> </div> <div class="layui-input-inline"> <input type="text" name="keyword" class="layui-input" autocomplete="off" placeholder='{{ lang014[g_lang] || "关键字搜索" }}' lay-affix="clear" lay-filter="clear_proxy_search"> </div> <div class="layui-input-inline" style="width:80px"> <button class="layui-btn layui-btn-normal layui-btn-sm" lay-submit lay-filter="submit_proxy_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 paui-hover-menu" style="margin-right:0px"> <span class="abtn"> <i class="layui-icon layui-icon-set"></i>&nbsp;{{ lang015[g_lang] || "批量操作" }} </span> <dl class="layui-nav-child layui-anim layui-anim-upbit" style="top:30px;"> {{# if(!d.show_vpn) { }} <dd> <span class="abtn" paui-pxy-event="btnevt_editm"> <i class="layui-icon layui-icon-edit"></i>&nbsp;{{ lang016[g_lang] || "编辑" }} </span> </dd> {{# } }} <dd> <span class="abtn" paui-pxy-event="btnevt_group"> <i class="layui-icon layui-icon-add-1"></i>&nbsp;{{ lang017[g_lang] || "加组" }} </span> </dd> <dd> <span class="abtn" paui-pxy-event="btnevt_summary"> <i class="layui-icon layui-icon-slider"></i>&nbsp;{{ lang062[g_lang] || "汇总" }} </span> </dd> <dd> <span class="abtn" paui-pxy-event="btnevt_compact"> <i class="layui-icon layui-icon-slider"></i>&nbsp;{{ lang018[g_lang] || "对比" }} </span> </dd> <dd> <span class="abtn" paui-pxy-event="btnevt_disable"> <i class="layui-icon layui-icon-pause"></i>&nbsp;{{ lang019[g_lang] || "禁用" }} </span> </dd> <dd> <span class="abtn" paui-pxy-event="btnevt_enable"> <i class="layui-icon layui-icon-play"></i>&nbsp;{{ lang020[g_lang] || "启用" }} </span> </dd> <dd> <span class="abtn" paui-pxy-event="btnevt_reload"> <i class="layui-icon layui-icon-refresh"></i>&nbsp;{{ lang021[g_lang] || "重拨" }} </span> </dd> <dd> <span class="abtn" paui-pxy-event="btnevt_remove"> <i class="layui-icon layui-icon-delete"></i>&nbsp;{{ lang022[g_lang] || "删除" }} </span> </dd> <dd> <span class="abtn" paui-pxy-event="btnevt_clear_dnsfail"> <i class="pa-icon pa-clear"></i>&nbsp;{{ lang023[g_lang] || "清除DNS统计" }} </span> </dd> </dl> </div> <div class="layui-form-mid paui-hover-menu" style="margin-right:0px"> <span class="abtn" paui-pxy-event="btnevt_add"> <i class="layui-icon layui-icon-add-1"></i>{{ lang024[g_lang] || "添加" }} </span> {{# if(!d.show_vpn) { }} <dl class="layui-nav-child layui-anim layui-anim-upbit" style="top:30px;"> <dd> <span class="abtn" paui-pxy-event="btnevt_add"> <i class="layui-icon layui-icon-add-1"></i>{{ lang025[g_lang] || "单个添加" }} </span> </dd> <dd> <span class="abtn" paui-pxy-event="btnevt_addm"> <i class="layui-icon layui-icon-add-1"></i>{{ lang026[g_lang] || "批量添加" }} </span> </dd> </dl> {{# } }} </div> <div class="layui-form-mid"> {{# if(!d.show_vpn) { }} <span class="abtn" paui-pxy-event="btnevt_import"> <i class="layui-icon layui-icon-upload-drag"></i>&nbsp;{{ lang027[g_lang] || "导入" }} </span> <span class="abtn" paui-pxy-event="btnevt_export"> <i class="pa-icon pa-download"></i>&nbsp;{{ lang030[g_lang] || "导出" }} </span> {{# } }} <span class="abtn paui-wan-table-filter"> <i class="pa-icon pa-filter"></i> </span> <span class="layui-hide" paui-pxy-event="btnevt_refresh" id="btn_reload_wan"></span> </div> </div> </form>  <div class="layui-row paui-table-card"> <table id="tab_proxy_list" lay-filter="tab_proxy_list"></table> <div class="layui-table-page" id="page_proxy_tab"></div> </div>  {{# if(d.show_vpn) { }} </div> </div> </div> {{# } }}  <script id="tpl_wan_td_status" type="text/html"> {%# if (d.disable == 1) { %} <i class="layui-icon layui-icon-reduce-circle paui-color-disable"></i> {%# } else { if (d.state == 1) { %} <i class="layui-icon layui-icon-ok-circle"></i> {%# } else { %} <i class="layui-icon layui-icon-close-fill"></i> {%# } %} {%# } %} </script>  <script id="tpl_wantd_action" type="text/html"> {%# if (d.type != "proxy" && d.type != "proxy6" && d.type != "ipsecwan") { %} <span class="abtn" lay-event="tabevt_reload" title='{{ lang021[g_lang] || "重拨" }}'> <i class="layui-icon layui-icon-refresh" style="font-size:14px"></i> </span> {%# } %} <span class="abtn" lay-event="tabevt_rmv" title='{{ lang022[g_lang] || "删除" }}'> <i class="layui-icon layui-icon-delete"></i> </span> <span class="abtn" lay-event="tabevt_copy" title='{{ lang029[g_lang] || "复制" }}'> <i class="layui-icon layui-icon-templeate-1"></i> </span> {%# if (d.disable == 0) { %} <span class="abtn" lay-event="tabevt_disable" title='{{ lang012[g_lang] || "禁用" }}'> <i class="layui-icon layui-icon-pause"></i> </span> {%# } else { %} <span class="abtn" lay-event="tabevt_enable" title='{{ lang020[g_lang] || "启用" }}'> <i class="layui-icon layui-icon-play"></i> </span> {%# } %} </script>  <script id="tpl_group" type="text/html"> <form class="layui-form" lay-filter="form_group" style="margin-top:20px"> <div class="layui-form-item"> <div class="layui-form-label">{{ lang031[g_lang] || "提示" }}：</div> <div class="layui-form-mid">{{ lang032[g_lang] || "线路加组，仅起标识区分作用" }}</div> </div> <div class="layui-form-item"> <div class="layui-form-label">{{ lang031[g_lang] || "提示" }}：</div> <div class="layui-form-mid">{{ lang033[g_lang] || "如果为空，表示不加入任何组" }}</div> </div> <div class="layui-form-item"> <div class="layui-form-label">{{ lang034[g_lang] || "线路组" }}</div> <div class="layui-input-inline"> <select name="src_group" id="select_group" lay-filter="select_group"> <option value="">{{ lang035[g_lang] || "空组" }}</option> </select> <input type="text" name="group" id="ipt_group" class="layui-input" style="position: absolute; top: 0px; width: 165px;" placeholder='{{ lang036[g_lang] || "输入组名称" }}'> </div> </div> <div class="layui-hide"> <button id="submit_pxy_group" lay-submit lay-filter="submit_pxy_group"></button> </div> </form> </script>  <script id="tpl_wan_td_name" type="text/html"> <div class="paui-td-hover paui-hover-menu" style="margin-right:0px"> <span class="abtn paui-tips" lay-event="tabevt_name">{% d.name %}</span> <dl class="layui-nav-child layui-anim layui-anim-upbit" style="top:20px;"> <dd> <span class="abtn" paui-pxy-event="btnevt_status" uncheck="yes" pxy-id="{% d.id %}" pxy-type="{% d.type %}"> <i class="layui-icon layui-icon-chart"></i>&nbsp;{{ lang037[g_lang] || "查看状态" }} </span> </dd> <dd> <span class="abtn" paui-pxy-event="btnevt_edit" uncheck="yes" pxy-id="{% d.id %}"> <i class="layui-icon layui-icon-edit"></i>&nbsp;{{ lang038[g_lang] || "快速编辑" }} </span> </dd> </dl> </div> </script>  <script id="tpl_wan_td_others" type="text/html"> {%# if(d.group){ %} <div class="layui-row"> <div class="layui-inline paui-color-disable">{{ lang052[g_lang] || "分组" }}：</div> <div class="layui-inline">{% d.group %}</div> </div> {%# } %} {%# if(d.desc){ %} <div class="layui-row"> <div class="layui-inline paui-color-disable">{{ lang053[g_lang] || "备注" }}：</div> <div class="layui-inline">{% d.desc %}</div> </div> {%# } %} </script>  <script> layui.use(function(){ var $ = layui.$, form = layui.form, table = layui.table, patpl = layui.patpl;  var pa_table = new Paui_table(); var pa_timer = new Paui_timer();  var l_sort = {"field": "id", "type": "asc"}; var pxy_api = '/cgi-bin/network/ajax_proxy'; var pdata = JSON.parse('{{- JSON.stringify(d) }}'); var show_pxy_type = "wan"; var pxyidx_list = ''; var l_ifstat = {};  if ( pdata.show_vpn ){ /*  在虚拟专网->iWAN客户端页面打开 初始查询这两种类型的线路 IPSec, L2TP线路，则只查询自己的类型 */ if (pdata.pxytype == "iwan") show_pxy_type = "iwan.srpxy"; else show_pxy_type = pdata.pxytype; }  var sing_act = function(act, desc, name, id){ pa_confirm('{{ lang041[g_lang] || "确定要" }}' + desc + "：" + name, function(index){ layer.close(index); layer.load(); pa_ajax({ url: pxy_api, data: {"action": act, "name": name, "id": id}, success: function(json){ layer.closeAll("loading"); if(json.code != 0) alert_err(json.msg); else { table_search(); alert_ok(json.msg); } } }); }); };   var bantch_act = function(act, desc){ var chk = table.checkStatus('tab_proxy_list');  if ( chk.data.length == 0 ) { layer.msg('{{ lang039[g_lang] || "请先选择需要操作的线路" }}'); return; }  pa_confirm('{{ lang041[g_lang] || "确定要" }}' + desc, function(index){ layer.close(index); var items = ""; for(var i = 0; i < chk.data.length; i++) items += chk.data[i].id + ","; layer.load(); pa_ajax({ url: pxy_api,  data: {"action": act, "items": items, "num": chk.data.length}, success: function(json){ layer.closeAll("loading"); if(json.code != 0) { alert_err(json.msg); table_search(); } else { table_search(); alert_ok(json.msg); } } }); }); };   var addproxy_window = function(data){ var title = { "proxy_add":  '{{ lang024[g_lang] || "添加" }}', "proxy_edit": '{{ lang016[g_lang] || "编辑" }}', "proxy_copy": '{{ lang028[g_lang] || "复制" }}' }; data = $.extend({}, true, data, pdata); paopen({ title: title[data.action], area: ["700px", "718px"], url: '/html/network/wan_add.html', data: data, btn: "default", subElem: "#submit_add_wan" }); };   var event_center = { btnevt_status: function(){ var id = $(this).attr("pxy-id"); var type = $(this).attr("pxy-type"); popupProxy(id, type, ""); },  btnevt_edit: function(){ var id = $(this).attr("pxy-id"); var data = {"action": "proxy_edit", "id": id}; addproxy_window(data); },  btnevt_group: function(){ var items = ""; var chk = table.checkStatus('tab_proxy_list');  if ( chk.data.length == 0 ) { layer.msg('{{ lang039[g_lang] || "请先选择需要操作的线路" }}'); return; }  for(var i = 0; i < chk.data.length; i++) items += chk.data[i].id + ",";  paopen({ title: '{{ lang055[g_lang] || "线路加组" }}', area: ["400px", "350px"], btn: "default", subElem: "#submit_pxy_group", content: $("#tpl_group").html(), success: function(layero, index){ $("#select_group").append( $("#select_pxy_group").find('option[value!=""]').clone(true)); form.render(); form.on('select(select_group)', function(obj){ $("#ipt_group").val( obj.value ); }); form.on('submit(submit_pxy_group)', function(obj){ pa_confirm('{{ lang056[g_lang] || "确定要提交吗" }}?', function(index){ layer.close(index); pa_ajax({ url: pxy_api, data: {"action": "add_group", "items": items, "group": obj.field.group}, success: function(json){ if(json.code != 0) alert_err(json.msg); else { loadGroup(); table_search(); layer.closeAll(); alert_ok(json.msg); } } }); }); return false; }); } }); },  btnevt_editm: function(){ var names = ""; var chk = table.checkStatus('tab_proxy_list');  if ( chk.data.length == 0 ) { layer.msg('{{ lang039[g_lang] || "请先选择需要操作的线路" }}'); return; }  for(var i = 0; i < chk.data.length; i++) { if(chk.data[i].type == "iwan" || chk.data[i].type == "l2tpwan" || chk.data[i].type == "ipsec") { layer.msg('{{ lang057[g_lang] || "不能批量编辑VPN线路" }}'); return false } names += chk.data[i].name + ","; } paopen({ title: '{{ lang058[g_lang] || "批量编辑" }}', area: ["700px", "400px"], url: '/html/network/wan_editm.html', data: {"type": "wan", "reload": "#btn_reload_wan", "zone": "inside", "names": names}, btn: "default", subElem: "#submit_editm_proxy" }); }, btnevt_summary: function(){ var chk = table.checkStatus('tab_proxy_list');  if ( chk.data.length == 0 ) { layer.msg('{{ lang039[g_lang] || "请先选择需要操作的线路" }}'); return; }  var items = "", names = ""; for(var i = 0; i < chk.data.length; i++) { items += chk.data[i].id + ","; names += chk.data[i].name + ","; } popupWindow({ items: items, names: names, pop_title: '{{ lang062[g_lang] || "线路汇总" }}', pop_route: 'network/proxy_sum' }, 670, 650); }, btnevt_compact: function(){ var chk = table.checkStatus('tab_proxy_list');  if ( chk.data.length == 0 ) { layer.msg('{{ lang039[g_lang] || "请先选择需要操作的线路" }}'); return; }  if(chk.data.length > 16) { layer.msg('{{ lang059[g_lang] || "最多选择16条线路" }}'); return; } var items = "", names = ""; for(var i = 0; i < chk.data.length; i++) { items += chk.data[i].id + ","; names += chk.data[i].name + ","; } popupWindow({ items: items, names: names, pop_title: '{{ lang064[g_lang] || "线路对比" }}', pop_route: 'network/proxy_cmp' }, 670, 650); },  btnevt_disable: function(){ bantch_act("bantch_disable", '{{ lang012[g_lang] || "禁用" }}'); },  btnevt_enable: function(){ bantch_act("bantch_enable", '{{ lang020[g_lang] || "启用" }}'); },  btnevt_remove: function(){ bantch_act("bantch_remove", '{{ lang022[g_lang] || "删除" }}'); },  btnevt_clear_dnsfail: function(chk, obj){ pa_ajax({ url: pxy_api, data: {"action": "clear_dnsfail"}, success: function(json){ if(json.code != 0) alert_err(json.msg); else { alert_ok(json.msg); table_search(); } } }); },  btnevt_reload: function(chk, obj){ bantch_act("bantch_reload", '{{ lang021[g_lang] || "重拨" }}'); },  btnevt_add: function(chk, obj){ var data = {"action": "proxy_add"}; addproxy_window(data); },  btnevt_addm: function(chk, obj){ paopen({ title: '{{ lang026[g_lang] || "批量添加" }}', area: ["700px", "700px"], url: '/html/network/wan_addm.html', btn: "default", subElem: "#submit_addm_proxy" }); },  btnevt_import: function(chk, obj){ paopen({ title: '{{ lang027[g_lang] || "导入" }}', area: ["600px", "460px"], url: '/html/network/proxy_import.html', data: {"if_type": "inside", "import_type": "wan"}, btn: 'default', subElem: "#submit_proxy_import" }); },  btnevt_export: function(chk, obj){ pa_confirm('{{ lang060[g_lang] || "确定要导出当前条件的线路吗？" }}', function(index){ layer.close(index); pa_ajax({ url: pxy_api, data:{"action": "export_wan", "pxyidx_list": pxyidx_list}, error: function(){ layer.closeAll('loading'); alert_err('{{ lang065[g_lang] || "系统错误，导出失败" }}'); }, success: function(json){ if(json.code != 0) alert_err(json.msg); else web_download(json.data); } }); }); },  btnevt_refresh: function(chk, obj){ table_search(); },  tabevt_name: function(obj){ popupProxy(obj.data.id, obj.data.type, ""); },  tabevt_if: function(obj){ if (arryInclude(["l2tpwan", "iwan", "ipsecwan", "grewan"], obj.data.type)) popupProxy("", "", obj.data.if); else popupInterface(obj.data.if); },  tabevt_rmv: function(obj) { sing_act("proxy_remove", '{{ lang022[g_lang] || "删除" }}', obj.data.name, obj.data.id); },  tabevt_copy: function(obj){ obj.data.action = "proxy_copy"; addproxy_window(obj.data); },  tabevt_disable: function(obj){ sing_act("proxy_disable", '{{ lang012[g_lang] || "禁用" }}', obj.data.name, obj.data.id); },  tabevt_enable: function(obj){ sing_act("proxy_enable", '{{ lang020[g_lang] || "启用" }}', obj.data.name, obj.data.id); },  tabevt_reload: function(obj){ sing_act("proxy_reload", '{{ lang021[g_lang] || "重拨" }}', obj.data.name, obj.data.id); } };   var col_render = function(r){ switch(this.field) { case "name": return patpl( $("#tpl_wan_td_name").html() ).render(r);  case "consecs": return r.consecs == "0" ? "-" : formatDate(r.consecs);  case "if":     if(r.type=="srpxy") return '-';  if(l_ifstat[r.if] == "down") return '<span class="dbtn" lay-event="tabevt_if">' + r.if + '</span>'; else return '<span class="abtn" lay-event="tabevt_if">' + r.if + '</span>';  case "dnsreq": return r.dnsreq + "/" + r.dnsfail + "%";  case "state": return patpl( $("#tpl_wan_td_status").html() ).render(r);  case "inbps": return numberformat(r.inbps);  case "outbps": return numberformat(r.outbps);  case "others": return patpl( $("#tpl_wan_td_others").html() ).render(r);   case "action": return patpl( $("#tpl_wantd_action").html() ).render(r); }; };   var table_search = function(){ var search = form.getValue("form_proxy_search"); pa_table.reload({ initSort: l_sort, where: search }) };    var loadGroup = function(){ pa_ajax({ url: pxy_api, data: {"action": "load_group"}, success: function(json){ $("#select_pxy_group").empty(); $("#select_pxy_group").append('<option value="">{{ lang040[g_lang] || "所有组" }}</option>'); for(var i = 0; i < json.data.length; i++) $("#select_pxy_group").append('<option value="'+json.data[i]+'">'+json.data[i]+'</option>'); form.render(); } }); };    /* 基本渲染 */ form.render(); loadGroup();  pa_table.render({ elem: '#tab_proxy_list', url: pxy_api, initSort: l_sort, autoSort: false, pageElem: 'page_proxy_tab', pageType: 'web', height: 'full-{{d.pop_route ? 120 : 190}}', where: {"action": "proxy_list", "type": show_pxy_type}, dbkey: 'tab_wan_cols', filterElem: '.paui-wan-table-filter', parseData: function(json){ pxyidx_list = ""; var data = []; var search = form.getValue("form_proxy_search"); var total = {"inbps": 0, "outbps": 0, "flowcnt": 0};  l_ifstat = json.data.ifstat;  if(l_sort.type == "asc") json.data.proxy = layui.sort(json.data.proxy, l_sort.field); else json.data.proxy = layui.sort(json.data.proxy, l_sort.field, true);  for (var i = 0; i < json.data.proxy.length; i++) { row = json.data.proxy[i]; if ( JSON.stringify(row).indexOf(search.keyword) < 0 ) continue;  if ( search.group != "" && row.group != search.group) continue;  if ( search.state != "" ) { if (search.state == "disable" && row.disable == 0) continue; if (search.state == "1" && row.state == 0) continue; if (search.state == "0" && row.state == 1) continue; };  if ( search.wantype && row.type != search.wantype) continue;  /* floweye命令行输出的idx值从1开始， 而panabit.conf配置文件中的ID从0开始，所以要减一 */ pxyidx_list += "idx=" + (row.id - 1) + ",";  total.inbps += row.inbps; total.outbps += row.outbps; total.flowcnt += row.flowcnt; row.desc = json.data.desc[row.name] || "";  data.push(row); };  total.inbps = numberformat(total.inbps); total.outbps = numberformat(total.outbps); $("#txt_pxy_inbps").text(total.inbps); $("#txt_pxy_outbps").text(total.outbps); $("#txt_pxy_flowcnt").text(total.flowcnt);  json.data = data; return json; }, css: 'td[data-field="name"] .layui-table-cell{overflow: unset}', colHeight: 'auto', cols: [[ {type: 'checkbox', field: 'id'} ,{field: 'id', title: 'ID', width: 36} ,{field: 'name', title: '{{ lang043[g_lang] || "名称" }}', minWidth: 120, templet: col_render, style: 'overflow:unset', sort: true} ,{field: 'if', title: '{{ lang044[g_lang] || "网卡" }}', templet: col_render, sort: true} ,{field: 'state', title: '{{ lang045[g_lang] || "状态" }}', minWidth: 50, templet: col_render} ,{field: 'ip', title: 'IP', minWidth: 100} ,{field: 'gw', title: '{{ lang046[g_lang] || "线路网关" }}', minWidth: 100} ,{field: 'mtu', title: 'MTU'} ,{field: 'vlan', title: 'VLAN'} ,{field: 'dnsreq', title: '{{ lang047[g_lang] || "DNS牵引/失败" }}', minWidth: 110, sort: true, templet: col_render} ,{field: 'inbps', title: '{{ lang048[g_lang] || "流入速率" }}', sort: true, templet: col_render} ,{field: 'outbps', title: '{{ lang049[g_lang] || "流出速率" }}', sort: true, templet: col_render} ,{field: 'flowcnt', title: '{{ lang050[g_lang] || "连接数" }}', sort: true} ,{field: 'consecs', title: '{{ lang051[g_lang] || "连接时间" }}', minWidth: 90, sort: true, templet: col_render} ,{field: 'others', title: '{{ lang066[g_lang] || "其他信息" }}', templet: col_render} ,{field: 'action', title: '{{ lang054[g_lang] || "操作" }}', minWidth: 100, align: 'right', templet: col_render} ]], done: function(json){ var obj = $("#tab_proxy_list").next(); layui.each(json.data, function(index, elem){ if(elem.disable == "1") obj.find('tr[data-index="' + index + '"]').addClass("layui-word-aux");  else obj.find('tr[data-index="' + index + '"]').removeClass("layui-word-aux");  }); } });   /* 事件绑定 */ util.event('paui-pxy-event', event_center);  table.on('sort(tab_proxy_list)', function(obj){ l_sort = obj.type == null ? {"field": "id", "type": "asc"} : obj; table_search(); });  table.on('tool(tab_proxy_list)', function(obj){ event_center[obj.event](obj); });  table.on('checkbox(tab_proxy_list)', function(obj){ $("#select_proxy_refresh").val(""); form.render(); pa_timer.stop(); });  form.on('input-affix(clear_proxy_search)', table_search); form.on('select(select_wan_search)', table_search); form.on('submit(submit_proxy_search)', function(obj){ table_search(); return false; });  pa_timer.render('select_proxy_refresh', table_search, 10); }); </script>