{{# var lang001 = {"ch": "自动配置", "en": "Auto Config"}, lang002 = {"ch": "序号", "en": "No."}, lang003 = {"ch": "不配置", "en": "Ignore"}, lang004 = {"ch": "请先选择要配置信道的设备", "en": "Select AP(s) to config channel first"}, lang005 = {"ch": "信道配置", "en": "Channel Config"}, lang006 = {"ch": "文件导入", "en": "File Import"}, lang007 = {"ch": "文件格式", "en": "File Format"}, lang008 = {"ch": "CSV文件共两列，第一列是2G信道，第二列是5G信道", "en": "CSV file: 2 columns (1st for 2G, 2nd for 5G channels)"}, lang009 = {"ch": "导入", "en": "Import"}, lang010 = {"ch": "导入文件", "en": "Import File"};  d.items = layui.sort(d.items, "apid"); }}  <div class="layui-row layui-form" lay-filter="form_ap_channel" style="margin:0px 10px"> <div class="layui-col-xs12" style="padding:10px; text-align:right"> <span class="abtn" ap_channel_event="btnevt_import"> <i class="layui-icon layui-icon-upload-drag"></i>{{ lang006[g_lang] || "文件导入" }} </span> &nbsp; <span class="abtn" ap_channel_event="btnevt_auto_config"> <i class="layui-icon layui-icon-set"></i>&nbsp;{{ lang001[g_lang] || "自动配置" }} </span> </div> <table class="layui-table" id="tab_bantch_config_channel" style="width:100%" lay-skin="line" lay-size="sm"> <thead> <tr> <td style="width:30px"> <input type="checkbox" lay-src="main" name="layTableCheckbox" checked lay-skin="primary"> </td> <td style="width:40px">ID</td> <td>AP</td> <td>2G Hz</td> <td>5G Hz</td> </tr> </thead> <tbody> {{# layui.each(d.items, function(index, elem){ }} <tr> <td style="width:30px"> <input type="checkbox" lay-src="sub" name="apid_{{ elem.apid }}" checked lay-skin="primary"> </td> <td>{{ elem.apid }}</td> <td style="width:160px">{{ elem.name }}</td> <td> <select class="paui-sac-2gchain" name="2gchain_{{ elem.apid }}" lay-search> <option value="0">{{ lang003[g_lang] || "不配置" }}</option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> <option value="6">6</option> <option value="7">7</option> <option value="8">8</option> <option value="9">9</option> <option value="10">10</option> <option value="11">11</option> <option value="12">12</option> <option value="13">13</option> </select> </td> <td> <select class="paui-sac-5gchain" name="5gchain_{{ elem.apid }}" lay-search> <option value="0">{{ lang003[g_lang] || "不配置" }}</option> <option value="36">36</option> <option value="40">40</option> <option value="44">44</option> <option value="48">48</option> <option value="52">52</option> <option value="56">56</option> <option value="60">60</option> <option value="64">64</option> <option value="149">149</option> <option value="153">153</option> <option value="157">157</option> <option value="161">161</option> <option value="165">165</option> </select> </td> </tr> {{# }); }} </tbody> </table> <div class="layui-row layui-col-space10" style="display:none"> <div class="layui-col-md4">submit</div> <div class="layui-col-md8"> <button id="submit_ap_channel" lay-submit lay-filter="submit_ap_channel"></button> </div> </div> </div>  <script id="tpl_import_channel" type="text/html"> <form class="layui-form paui-form" style="padding-top: 20px;"> <div class="layui-form-item"> <label class="layui-form-label">{{ lang007[g_lang] || "文件格式" }}</label> <div class="layui-form-mid">{{ lang008[g_lang] || "CSV文件共两列，第一列是2G信道，第二列是5G信道" }}</div> </div> <div class="layui-form-item"> <label class="layui-form-label">&nbsp;</label> <div class="layui-input-inline"> <span class="layui-btn layui-btn-normal layui-btn-sm" id="paui-btn-upload-apchannel">{{ lang009[g_lang] || "导入" }}</span> </div> </div> </form> </script>  <script> layui.use(function(){ var $ = layui.$, util = layui.util, form = layui.form;  var api = "/cgi-bin/sac/ajax_sac_ap";     var l_parent_data = JSON.parse('{{- JSON.stringify(d) }}');     var apid = l_parent_data.apidstr.split(",");  var event_center = { btnevt_import: function(){ paopen({ title: '{{ lang010[g_lang] || "导入文件" }}', area: ['500px', '200px'], content: $("#tpl_import_channel").html(), success: function(layero, index){ var win = index; paui_upload({ elem: '#paui-btn-upload-apchannel' ,url: api ,data: {'action': 'import_ap_channel', 'apidstr': l_parent_data.apidstr} ,accept: 'file' ,exts: 'csv' ,done: function(json){ if(json.code != 0) { alert_err(json.msg); return; } layer.close(win); alert_ok(json.msg); form.val('form_ap_channel', json.data); } }); } }); },  btnevt_auto_config: function(){ var _2g_channel = [ 1, 6, 11 ]; var _5g_channel = [ 36, 40, 44, 48, 52, 56, 60, 64, 149, 153, 157, 161, 165]; var _2g_index = 0; var _5g_index = 0;  layui.each($("select[class='paui-sac-2gchain']"), function(index, elem){ $(this).val(_2g_channel[_2g_index]); if(++_2g_index == 3) _2g_index = 0; });  layui.each($("select[class='paui-sac-5gchain']"), function(index, elem){ $(this).val(_5g_channel[_5g_index]); if(++_5g_index == 13) _5g_index = 0; });  form.render(); } };   /* 事件绑定 */ util.event('ap_channel_event', event_center);  form.val("form_ap_channel", l_parent_data.value);  form.on('checkbox', function(data){ if ( !$(data.elem).attr("lay-src") ) return; });  form.on('submit(submit_ap_channel)', function(obj){ var apidstr = ""; var chanstr = "";  for(var i = 0; i < apid.length; i++){ if(obj.field["apid_" + apid[i]] == "on") { apidstr += "," + apid[i]; chanstr += "," + apid[i] + "_" + obj.field["2gchain_" + apid[i]] + "_" + obj.field["5gchain_" + apid[i]]; } }  if(apidstr == "") { layer.msg('{{ lang004[g_lang] || "请先选择要配置信道的设备" }}'); return false; }  pa_ajax({             url: api,             data: {"action": "set_ap_channel", "chanstr": chanstr, "apidstr": '{{ d.apidstr }}'},             success: function(json){                 if(json.code == 1) {                     alert_err(json.msg);                 } else {                     layer.closeAll();                     show_sac_task('{{ lang005[g_lang] || "信道配置" }}', json.data);                 }             } }); }); });  </script>