{{# var lang001 = {"ch": "任务类型", "en": "Task Type"}, lang002 = {"ch": "定时开灯", "en": "Scheduled LED On"}, lang003 = {"ch": "定时关灯", "en": "Scheduled LED Off"}, lang004 = {"ch": "定时重启", "en": "Scheduled Reboot"}, lang005 = {"ch": "添加SSID", "en": "Add SSID"}, lang006 = {"ch": "删除SSID", "en": "Remove SSID"}, lang007 = {"ch": "绑定AP", "en": "Bind AP"}, lang008 = {"ch": "选择AP", "en": "Select AP"}, lang009 = {"ch": "任务详情", "en": "Task Details"}, lang010 = {"ch": "执行时间", "en": "Execution Time"}, lang011 = {"ch": "每天", "en": "Daily"}, lang012 = {"ch": "每周", "en": "Weekly"}, lang013 = {"ch": "每月", "en": "Monthly"}, lang014 = {"ch": "每天", "en": "Daily"}, lang015 = {"ch": "时", "en": "Hour"}, lang016 = {"ch": "分", "en": "Min"}, lang017 = {"ch": "每周", "en": "Weekly"}, lang018 = {"ch": "每月", "en": "Monthly"}, lang019 = {"ch": "日", "en": "Day"}, lang020 = {"ch": "您选择的AP设备将于", "en": "Selected AP(s) will execute on"}, lang021 = {"ch": "选择AP", "en": "Select AP"}, lang022 = {"ch": "确定要提交吗", "en": "Confirm Submit?"}, lang023 = {"ch": "月", "en": "Month"}, lang024 = {"ch": "执行时间点", "en": "Execution Time Point"}; }}  <form class="layui-row layui-form" lay-filter="form_crontab" id="form_crontab" style="margin-top:20px"> <div class="layui-form-item"> <label class="layui-form-label">{{ lang001[g_lang] || "任务类型" }}</label> <div class="layui-input-inline" style="width:170px"> <input type="hidden" name="action" value="add_crontab"> <input type="hidden" name="id" value=""> <select name="cmd" {{# if(d.cmd && d.cmd == "ssid_add" || d.cmd == "ssid_rmv") { }} disabled {{# } }} > <option value="ledon">{{ lang002[g_lang] || "定时开灯" }}</option> <option value="ledoff">{{ lang003[g_lang] || "定时关灯" }}</option> <option value="reboot">{{ lang004[g_lang] || "定时重启" }}</option> {{# if(d.cmd && d.cmd == "ssid_add" || d.cmd == "ssid_rmv") { }}  <option value="ssid_add">{{ lang005[g_lang] || "添加SSID" }}</option> <option value="ssid_rmv">{{ lang006[g_lang] || "删除SSID" }}</option> {{# } }} </select> </div> </div> <div class="layui-form-item"> <label class="layui-form-label">{{ lang007[g_lang] || "绑定AP" }}</label> <div class="layui-input-inline" style="width:170px"> <input type="text" name="apid" id="ipt_apid" class="layui-disabled layui-input" disabled lay-verify="required" lay-vertype="tips"> <input type="hidden" name="apmac" id="ipt_apmac" value='{{d.apmac||""}}'> <input type="hidden" name="birth" value='{{d.birth||""}}'> </div> <div class="layui-form-mid"> <span class="abtn" id="btn_select_ap">{{ lang008[g_lang] || "选择AP" }}</span> </div> </div>  {{# if(d.ssidstr) { }} <div class="layui-form-item"> <label class="layui-form-label"> <span>SSID</span> </label> <div class="layui-input-inline" style="width:280px"> <input type="text" name="ssidstr" value="{{d.ssidstr}}" class="layui-disabled layui-input" disabled lay-verify="required"> </div> </div> {{# } }} {{# if(d.cmdstr && d.cmdstr != "") { }} <div class="layui-form-item"> <label class="layui-form-label">{{ lang009[g_lang] || "任务详情" }}</label> <div class="layui-input-inline" style="width:280px"> <textarea type="text" name="cmdstr" class="layui-textarea layui-disabled" disabled lay-verify="required">{{ d.cmdstr.replace(/&/g, " ") }}</textarea> </div> </div> {{# } }} <div class="layui-form-item"> <label class="layui-form-label">{{ lang010[g_lang] || "执行时间" }}</label> <div class="layui-input-inline" style="width:170px"> <select name="month" id="select_month" lay-filter="select_month"> <option value="day">{{ lang011[g_lang] || "每天" }}</option> <option value="week">{{ lang012[g_lang] || "每周" }}</option> <option value="month">{{ lang013[g_lang] || "每月" }}</option> </select> </div> <div class="layui-input-inline" id="select_day_box" style="width:80px; display:none;"> <select name="day" id="select_day" lay-filter="select_day"></select> </div> <!-- <div class="layui-input-inline" style="width:80px"> <select name="hour" id="select_hour" lay-filter="select_hour"></select> </div> <div class="layui-input-inline" style="width:80px"> <select name="min" id="select_min" lay-filter="select_min"></select> </div> --> </div> <div class="layui-form-item"> <label class="layui-form-label">{{ lang024[g_lang] || "执行时间点" }}</label> <label class="layui-form-label" style="width: 5px;">①</label> <div class="layui-input-inline" style="width:80px"> <select name="hour_1" id="select_hour_1" lay-filter="select_hour"></select> </div> <div class="layui-input-inline" style="width:80px"> <select name="min_1" id="select_min_1" lay-filter="select_min"></select> </div> <label class="layui-form-label" style="width: 5px;">②</label> <div class="layui-input-inline" style="width:80px"> <select name="hour_2" id="select_hour_2" lay-filter="select_hour_2"></select> </div> <div class="layui-input-inline" style="width:80px"> <select name="min_2" id="select_min_2" lay-filter="select_min_2"></select> </div>  </div> <div class="layui-form-item"> <label class="layui-form-label"></label> <label class="layui-form-label" style="width: 5px;">③</label> <div class="layui-input-inline" style="width:80px"> <select name="hour_3" id="select_hour_3" lay-filter="select_hour_3"></select> </div> <div class="layui-input-inline" style="width:80px"> <select name="min_3" id="select_min_3" lay-filter="select_min_3"></select> </div> <label class="layui-form-label" style="width: 5px;">④</label> <div class="layui-input-inline" style="width:80px"> <select name="hour_4" id="select_hour_4" lay-filter="select_hour_4"></select> </div> <div class="layui-input-inline" style="width:80px"> <select name="min_4" id="select_min_4" lay-filter="select_min_4"></select> </div> </div> <div class="layui-form-item"> <label class="layui-form-label"></label> <label class="layui-form-label" style="width: 5px;">⑤</label> <div class="layui-input-inline" style="width:80px"> <select name="hour_5" id="select_hour_5" lay-filter="select_hour_5"></select> </div> <div class="layui-input-inline" style="width:80px"> <select name="min_5" id="select_min_5" lay-filter="select_min_5"></select> </div> <label class="layui-form-label" style="width: 5px;">⑥</label> <div class="layui-input-inline" style="width:80px"> <select name="hour_6" id="select_hour_6" lay-filter="select_hour_6"></select> </div> <div class="layui-input-inline" style="width:80px"> <select name="min_6" id="select_min_6" lay-filter="select_min_6"></select> </div> </div> <div class="layui-form-item"> <label class="layui-form-label"></label> <label class="layui-form-label" style="width: 5px;">⑦</label> <div class="layui-input-inline" style="width:80px"> <select name="hour_7" id="select_hour_7" lay-filter="select_hour_7"></select> </div> <div class="layui-input-inline" style="width:80px"> <select name="min_7" id="select_min_7" lay-filter="select_min_7"></select> </div> <label class="layui-form-label" style="width: 5px;">⑧</label> <div class="layui-input-inline" style="width:80px"> <select name="hour_8" id="select_hour_8" lay-filter="select_hour_8"></select> </div> <div class="layui-input-inline" style="width:80px"> <select name="min_8" id="select_min_8" lay-filter="select_min_8"></select> </div> </div> <div class="layui-form-item"> <label class="layui-form-label"></label> <label class="layui-form-label" style="width: 5px;">⑨</label> <div class="layui-input-inline" style="width:80px"> <select name="hour_9" id="select_hour_9" lay-filter="select_hour_9"></select> </div> <div class="layui-input-inline" style="width:80px"> <select name="min_9" id="select_min_9" lay-filter="select_min_9"></select> </div> <label class="layui-form-label" style="width: 5px;">⑩</label> <div class="layui-input-inline" style="width:80px"> <select name="hour_10" id="select_hour_10" lay-filter="select_hour_10"></select> </div> <div class="layui-input-inline" style="width:80px"> <select name="min_10" id="select_min_10" lay-filter="select_min_10"></select> </div> </div> <div class="layui-form-item"> <label class="layui-form-label"></label> <label class="layui-form-label" style="width: 5px;">&#x246A;</label> <div class="layui-input-inline" style="width:80px"> <select name="hour_11" id="select_hour_11" lay-filter="select_hour_11"></select> </div> <div class="layui-input-inline" style="width:80px"> <select name="min_11" id="select_min_11" lay-filter="select_min_11"></select> </div> <label class="layui-form-label" style="width: 5px;">&#x246B;</label> <div class="layui-input-inline" style="width:80px"> <select name="hour_12" id="select_hour_12" lay-filter="select_hour_12"></select> </div> <div class="layui-input-inline" style="width:80px"> <select name="min_12" id="select_min_12" lay-filter="select_min_12"></select> </div> </div> <div class="layui-form-item" style="padding-left: 50px"> <div class="layui-form-mid" id="crontab_tips"></div> </div> <div class="layui-form-item layui-hide"> <button lay-submit id="submit_crontab" lay-filter="submit_crontab"></button>      </div> </form>  <script> layui.use('form', function(){ var $ = layui.$, form = layui.form, table = layui.table;  var api = "/cgi-bin/sac/ajax_sac_crontab"; var cmdtype = { "ledon":  '{{ lang002[g_lang] || "定时开灯" }}', "ledoff":  '{{ lang003[g_lang] || "定时关灯" }}', "reboot": '{{ lang004[g_lang] || "定时重启" }}', "ssid_add": '{{ lang005[g_lang] || "添加SSID" }}', "ssid_rmv": '{{ lang006[g_lang] || "删除SSID" }}' }; var time_desc = function(data){ if (data.month == "day") msg = [ '{{ lang014[g_lang] || "每天" }}', "，", data.hour_1, '{{ lang015[g_lang] || "时" }} ', data.min_1, '{{ lang016[g_lang] || "分" }} ',"，", data.hour_2, '{{ lang015[g_lang] || "时" }} ', data.min_2, '{{ lang016[g_lang] || "分" }} ',"，", data.hour_3, '{{ lang015[g_lang] || "时" }} ',  data.min_3, '{{ lang016[g_lang] || "分" }} ',"，", data.hour_4, '{{ lang015[g_lang] || "时" }} ',  data.min_4, '{{ lang016[g_lang] || "分" }} ',"，", data.hour_5, '{{ lang015[g_lang] || "时" }} ',  data.min_5, '{{ lang016[g_lang] || "分" }} ',"，", data.hour_6, '{{ lang015[g_lang] || "时" }} ',  data.min_6, '{{ lang016[g_lang] || "分" }} ',"，", data.hour_7, '{{ lang015[g_lang] || "时" }} ', data.min_7, '{{ lang016[g_lang] || "分" }} ',"，", data.hour_8, '{{ lang015[g_lang] || "时" }} ', data.min_8, '{{ lang016[g_lang] || "分" }} ',"，", data.hour_9, '{{ lang015[g_lang] || "时" }} ',  data.min_9, '{{ lang016[g_lang] || "分" }} ',"，", data.hour_10, '{{ lang015[g_lang] || "时" }} ',  data.min_10, '{{ lang016[g_lang] || "分" }} ',"，", data.hour_11, '{{ lang015[g_lang] || "时" }} ',  data.min_11, '{{ lang016[g_lang] || "分" }} ',"，", data.hour_12, '{{ lang015[g_lang] || "时" }} ',  data.min_12, '{{ lang016[g_lang] || "分" }} ' ]; else if (data.month == "week") msg = [ '{{ lang017[g_lang] || "每周" }}', data.day, "，", data.hour_1, '{{ lang015[g_lang] || "时" }} ', data.min_1, '{{ lang016[g_lang] || "分" }} ',"，", data.hour_2, '{{ lang015[g_lang] || "时" }} ', data.min_2, '{{ lang016[g_lang] || "分" }} ',"，", data.hour_3, '{{ lang015[g_lang] || "时" }} ',  data.min_3, '{{ lang016[g_lang] || "分" }} ',"，", data.hour_4, '{{ lang015[g_lang] || "时" }} ',  data.min_4, '{{ lang016[g_lang] || "分" }} ',"，", data.hour_5, '{{ lang015[g_lang] || "时" }} ',  data.min_5, '{{ lang016[g_lang] || "分" }} ',"，", data.hour_6, '{{ lang015[g_lang] || "时" }} ',  data.min_6, '{{ lang016[g_lang] || "分" }} ',"，", data.hour_7, '{{ lang015[g_lang] || "时" }} ', data.min_7, '{{ lang016[g_lang] || "分" }} ',"，", data.hour_8, '{{ lang015[g_lang] || "时" }} ', data.min_8, '{{ lang016[g_lang] || "分" }} ',"，", data.hour_9, '{{ lang015[g_lang] || "时" }} ',  data.min_9, '{{ lang016[g_lang] || "分" }} ',"，", data.hour_10, '{{ lang015[g_lang] || "时" }} ',  data.min_10, '{{ lang016[g_lang] || "分" }} ',"，", data.hour_11, '{{ lang015[g_lang] || "时" }} ',  data.min_11, '{{ lang016[g_lang] || "分" }} ',"，", data.hour_12, '{{ lang015[g_lang] || "时" }} ',  data.min_12, '{{ lang016[g_lang] || "分" }} ' ]; else if (data.month == "month") msg =  [ '{{ lang018[g_lang] || "每月" }}', data.day, '{{ lang019[g_lang] || "日" }}，', data.hour_1, '{{ lang015[g_lang] || "时" }} ', data.min_1, '{{ lang016[g_lang] || "分" }} ',"，", data.hour_2, '{{ lang015[g_lang] || "时" }} ', data.min_2, '{{ lang016[g_lang] || "分" }} ',"，", data.hour_3, '{{ lang015[g_lang] || "时" }} ',  data.min_3, '{{ lang016[g_lang] || "分" }} ',"，", data.hour_4, '{{ lang015[g_lang] || "时" }} ',  data.min_4, '{{ lang016[g_lang] || "分" }} ',"，", data.hour_5, '{{ lang015[g_lang] || "时" }} ',  data.min_5, '{{ lang016[g_lang] || "分" }} ',"，", data.hour_6, '{{ lang015[g_lang] || "时" }} ',  data.min_6, '{{ lang016[g_lang] || "分" }} ',"，", data.hour_7, '{{ lang015[g_lang] || "时" }} ', data.min_7, '{{ lang016[g_lang] || "分" }} ',"，", data.hour_8, '{{ lang015[g_lang] || "时" }} ', data.min_8, '{{ lang016[g_lang] || "分" }} ',"，", data.hour_9, '{{ lang015[g_lang] || "时" }} ',  data.min_9, '{{ lang016[g_lang] || "分" }} ',"，", data.hour_10, '{{ lang015[g_lang] || "时" }} ',  data.min_10, '{{ lang016[g_lang] || "分" }} ',"，", data.hour_11, '{{ lang015[g_lang] || "时" }} ',  data.min_11, '{{ lang016[g_lang] || "分" }} ',"，", data.hour_12, '{{ lang015[g_lang] || "时" }} ',  data.min_12, '{{ lang016[g_lang] || "分" }} ' ]; else msg = [ data.month, '{{ lang018[g_lang] || "每月" }} ', data.day, '{{ lang019[g_lang] || "日" }}，', data.hour_1, '{{ lang015[g_lang] || "时" }} ', data.min_1, '{{ lang016[g_lang] || "分" }} ',"，", data.hour_2, '{{ lang015[g_lang] || "时" }} ', data.min_2, '{{ lang016[g_lang] || "分" }} ',"，", data.hour_3, '{{ lang015[g_lang] || "时" }} ',  data.min_3, '{{ lang016[g_lang] || "分" }} ',"，", data.hour_4, '{{ lang015[g_lang] || "时" }} ',  data.min_4, '{{ lang016[g_lang] || "分" }} ',"，", data.hour_5, '{{ lang015[g_lang] || "时" }} ',  data.min_5, '{{ lang016[g_lang] || "分" }} ',"，", data.hour_6, '{{ lang015[g_lang] || "时" }} ',  data.min_6, '{{ lang016[g_lang] || "分" }} ',"，", data.hour_7, '{{ lang015[g_lang] || "时" }} ', data.min_7, '{{ lang016[g_lang] || "分" }} ',"，", data.hour_8, '{{ lang015[g_lang] || "时" }} ', data.min_8, '{{ lang016[g_lang] || "分" }} ',"，", data.hour_9, '{{ lang015[g_lang] || "时" }} ',  data.min_9, '{{ lang016[g_lang] || "分" }} ',"，", data.hour_10, '{{ lang015[g_lang] || "时" }} ',  data.min_10, '{{ lang016[g_lang] || "分" }} ',"，", data.hour_11, '{{ lang015[g_lang] || "时" }} ',  data.min_11, '{{ lang016[g_lang] || "分" }} ',"，", data.hour_12, '{{ lang015[g_lang] || "时" }} ',  data.min_12, '{{ lang016[g_lang] || "分" }} ' ];  return msg.join("").replace(/，时 分/g, ""); };  var show_crontab_tips = function(){ var data = form.val("form_crontab"); var msg = time_desc(data); var html = [ '{{ lang020[g_lang] || "您选择的AP设备将于" }}', '<span style="color:red;font-size:14px;">', msg, " </span> ", cmdtype[data.cmd] ].join(""); $("#crontab_tips").html(html); };  var select_ap = function(){ var apidstr = $("#ipt_apid").val();  paopen({ title: '{{ lang021[g_lang] || "选择AP" }}' ,url: "/html/sac/ap_select.html" ,data: {"apidstr": apidstr} ,area: ['980px', '560px'] ,btn: 'default'             ,subElem: '#btn_select_ap_yes' }); };  var onMonthChange = function (val){ var cnt = 31;  $("#select_day").empty(); $("#select_day_box").show();  switch(val) { case "day": $("#select_day_box").hide(); break;  case "2": cnt = 29; break;  case "4": case "6": case "9": case "11": cnt = 30; break;  case "week": cnt = 7; break; };  for(var i=1; i<=cnt; i++){ var opt = "<option value="+i+">"+i+"</option>"; $("#select_day").append(opt); };  form.render(); };  var form_init = function(){ for (var i=0; i<60; i++) { var opt = "<option value="+i+">"+i+'{{ lang016[g_lang] || "分" }}</option>'; var opt_ = '<option value=""></option>'; $("#select_min_1").append(opt); $("#select_min_2").append(opt_+opt); $("#select_min_3").append(opt_+opt); $("#select_min_4").append(opt_+opt); $("#select_min_5").append(opt_+opt); $("#select_min_6").append(opt_+opt); $("#select_min_7").append(opt_+opt); $("#select_min_8").append(opt_+opt); $("#select_min_9").append(opt_+opt); $("#select_min_10").append(opt_+opt); $("#select_min_11").append(opt_+opt); $("#select_min_12").append(opt_+opt); }  for(var i=0; i<24; i++) { var opt = "<option value="+i+">"+i+'{{ lang015[g_lang] || "时" }}</option>'; var opt_ = '<option value=""></option>'; $("#select_hour_1").append(opt); $("#select_hour_2").append(opt_+opt); $("#select_hour_3").append(opt_+opt); $("#select_hour_4").append(opt_+opt); $("#select_hour_5").append(opt_+opt); $("#select_hour_6").append(opt_+opt); $("#select_hour_7").append(opt_+opt); $("#select_hour_8").append(opt_+opt); $("#select_hour_9").append(opt_+opt); $("#select_hour_10").append(opt_+opt); $("#select_hour_11").append(opt_+opt); $("#select_hour_12").append(opt_+opt); }  for(var i=1; i<13; i++) { var opt = "<option value="+i+">"+i+'{{ lang023[g_lang] || "月" }}</option>'; $("#select_month").append(opt); }  form.render(); };  form_init();  {{# if (d.action == "edit_crontab") { }} onMonthChange('{{ d.month }}'); if('{{d.month}}' != "day") $("#select_day_box").show(); form.val("form_crontab", { "apid": "{{d.apid || d.apidstr}}", "cmd" : "{{d.cmd}}", "day": "{{d.day}}", "hour_1": "{{d.hour}}".split(",")[0], "min_1": "{{d.min}}".split(",")[0], "hour_2": "{{d.hour}}".split(",")[1], "min_2": "{{d.min}}".split(",")[1], "hour_3": "{{d.hour}}".split(",")[2], "min_3": "{{d.min}}".split(",")[2], "hour_4": "{{d.hour}}".split(",")[3], "min_4": "{{d.min}}".split(",")[3], "hour_5": "{{d.hour}}".split(",")[4], "min_5": "{{d.min}}".split(",")[4], "hour_6": "{{d.hour}}".split(",")[5], "min_6": "{{d.min}}".split(",")[5], "hour_7": "{{d.hour}}".split(",")[6], "min_7": "{{d.min}}".split(",")[6], "hour_8": "{{d.hour}}".split(",")[7], "min_8": "{{d.min}}".split(",")[7], "hour_9": "{{d.hour}}".split(",")[8], "min_9": "{{d.min}}".split(",")[8], "hour_10": "{{d.hour}}".split(",")[9], "min_10": "{{d.min}}".split(",")[9], "hour_11": "{{d.hour}}".split(",")[10], "min_11": "{{d.min}}".split(",")[10], "hour_12": "{{d.hour}}".split(",")[11], "min_12": "{{d.min}}".split(",")[11], "id": "{{d.id}}", "month": "{{d.month}}", "action": "{{d.action}}" }); {{# } else if(d.action == "add_crontab") { }} form.val("form_crontab", { "apid": "{{d.apid || d.apidstr}}", "cmd" : "{{d.cmd}}" }); {{# } }}  show_crontab_tips();  form.on('select(select_month)', function(obj){ onMonthChange(obj.value); });  form.on('select', show_crontab_tips);  form.on('submit(submit_crontab)', function(obj){ var data_={};     data_.action=obj.field.action; data_.id=obj.field.id; data_.cmd=obj.field.cmd; data_.apid=obj.field.apid; data_.apmac=obj.field.apmac; data_.birth=obj.field.birth; data_.month=obj.field.month; data_.day=obj.field.day; data_.hour=obj.field.hour_1+','+obj.field.hour_2+','+obj.field.hour_3+','+obj.field.hour_4+','+obj.field.hour_5+','+obj.field.hour_6+','+obj.field.hour_7+','+obj.field.hour_8+','+obj.field.hour_9+','+obj.field.hour_10+','+obj.field.hour_11+','+obj.field.hour_12; data_.min=obj.field.min_1+','+obj.field.min_2+','+obj.field.min_3+','+obj.field.min_4+','+obj.field.min_5+','+obj.field.min_6+','+obj.field.min_7+','+obj.field.min_8+','+obj.field.min_9+','+obj.field.min_10+','+obj.field.min_11+','+obj.field.min_12; pa_confirm( '{{ lang022[g_lang] || "确定要提交吗" }}？', function(index){ pa_ajax({ url: api, data: data_, success: function(json){ if(json.code != 0) alert_err(json.msg); else { layer.closeAll(); alert_ok(json.msg); $("#btnevt_crontab_reload").click(); } }   }); }); return false; });  $("#btn_select_ap").on("click", select_ap);  }); </script>