<#include "/common/defaultEngine.html"/>
<@pageTheme mark="true">
<!DOCTYPE html>
<html>
<head>
    <title>Cron表达式生成器</title>
    <link rel="stylesheet" href="${ctxStatic}/static/plugins/cron/easyui.min.css?V=${config.getDvVersion()}" type="text/css" />
    <style type="text/css">
        .line
        {
            height: 25px;
            line-height: 25px;
            margin: 3px;
        }
        .imp
        {
            padding-left: 25px;
        }
        .col
        {
            width: 95px;
        }
        ul {
            list-style:none;
            padding-left:10px;
        }
        li {
            height:20px;
        }
        td a{
            font-size:16px;
        }
    </style>
    <script src="${ctxStatic}/static/plugins/cron/jquery-1.12.4.min.js?V=${config.getDvVersion()}"></script>
    <script src="${ctxStatic}/static/plugins/cron/cron.min.js?V=${config.getDvVersion()}"></script>
<#--    <script src="${ctxStatic}/static/plugins/cron/cron.js?V=${config.getDvVersion()}"></script>-->
    <script> var baseURL = "${ctxStatic}/"</script>
</head>
<body style="margin:0">
    <div class="easyui-layout" style="width:830px;height:515px; border: 1px rgb(202, 196, 196) solid;
            border-radius: 5px;">
        <div style="height: 100%;">
            <a href="javascript:location=location" style="position:absolute;top:7px;right:10px;z-index:100;font-size:12px">刷新</a>
            <div class="easyui-tabs" data-options="fit:true,border:false">
                <div title="秒">
                    <div class="line">
                        <input type="radio" checked="checked" name="second" onclick="everyTime(this)">
                        每秒 允许的通配符[, - * /]</div>
                    <div class="line">
                        <input type="radio" name="second" onclick="cycle(this)">
                        周期从
                        <input class="numberspinner" style="width: 60px;" data-options="min:1,max:58" value="1"
                               id="secondStart_0">
                        -
                        <input class="numberspinner" style="width: 60px;" data-options="min:2,max:59" value="2"
                               id="secondEnd_0">
                        秒</div>
                    <div class="line">
                        <input type="radio" name="second" onclick="startOn(this)">
                        从
                        <input class="numberspinner" style="width: 60px;" data-options="min:0,max:59" value="0"
                               id="secondStart_1">
                        秒开始,每
                        <input class="numberspinner" style="width: 60px;" data-options="min:1,max:59" value="1"
                               id="secondEnd_1">
                        秒执行一次</div>
                    <div class="line">
                        <input type="radio" name="second" id="sencond_appoint">
                        指定</div>
                    <div class="imp secondList">
                        <input type="checkbox" value="0">00
                        <input type="checkbox" value="1">01
                        <input type="checkbox" value="2">02
                        <input type="checkbox" value="3">03
                        <input type="checkbox" value="4">04
                        <input type="checkbox" value="5">05
                        <input type="checkbox" value="6">06
                        <input type="checkbox" value="7">07
                        <input type="checkbox" value="8">08
                        <input type="checkbox" value="9">09
                    </div>
                    <div class="imp secondList">
                        <input type="checkbox" value="10">10
                        <input type="checkbox" value="11">11
                        <input type="checkbox" value="12">12
                        <input type="checkbox" value="13">13
                        <input type="checkbox" value="14">14
                        <input type="checkbox" value="15">15
                        <input type="checkbox" value="16">16
                        <input type="checkbox" value="17">17
                        <input type="checkbox" value="18">18
                        <input type="checkbox" value="19">19
                    </div>
                    <div class="imp secondList">
                        <input type="checkbox" value="20">20
                        <input type="checkbox" value="21">21
                        <input type="checkbox" value="22">22
                        <input type="checkbox" value="23">23
                        <input type="checkbox" value="24">24
                        <input type="checkbox" value="25">25
                        <input type="checkbox" value="26">26
                        <input type="checkbox" value="27">27
                        <input type="checkbox" value="28">28
                        <input type="checkbox" value="29">29
                    </div>
                    <div class="imp secondList">
                        <input type="checkbox" value="30">30
                        <input type="checkbox" value="31">31
                        <input type="checkbox" value="32">32
                        <input type="checkbox" value="33">33
                        <input type="checkbox" value="34">34
                        <input type="checkbox" value="35">35
                        <input type="checkbox" value="36">36
                        <input type="checkbox" value="37">37
                        <input type="checkbox" value="38">38
                        <input type="checkbox" value="39">39
                    </div>
                    <div class="imp secondList">
                        <input type="checkbox" value="40">40
                        <input type="checkbox" value="41">41
                        <input type="checkbox" value="42">42
                        <input type="checkbox" value="43">43
                        <input type="checkbox" value="44">44
                        <input type="checkbox" value="45">45
                        <input type="checkbox" value="46">46
                        <input type="checkbox" value="47">47
                        <input type="checkbox" value="48">48
                        <input type="checkbox" value="49">49
                    </div>
                    <div class="imp secondList">
                        <input type="checkbox" value="50">50
                        <input type="checkbox" value="51">51
                        <input type="checkbox" value="52">52
                        <input type="checkbox" value="53">53
                        <input type="checkbox" value="54">54
                        <input type="checkbox" value="55">55
                        <input type="checkbox" value="56">56
                        <input type="checkbox" value="57">57
                        <input type="checkbox" value="58">58
                        <input type="checkbox" value="59">59
                    </div>
                </div>
                <div title="分钟">
                    <div class="line">
                        <input type="radio" checked="checked" name="min" onclick="everyTime(this)">
                        分钟 允许的通配符[, - * /]</div>
                    <div class="line">
                        <input type="radio" name="min" onclick="cycle(this)">
                        周期从
                        <input class="numberspinner" style="width: 60px;" data-options="min:1,max:58" value="1"
                               id="minStart_0">
                        -
                        <input class="numberspinner" style="width: 60px;" data-options="min:2,max:59" value="2"
                               id="minEnd_0">
                        分钟</div>
                    <div class="line">
                        <input type="radio" name="min" onclick="startOn(this)">
                        从
                        <input class="numberspinner" style="width: 60px;" data-options="min:0,max:59" value="0"
                               id="minStart_1">
                        分钟开始,每
                        <input class="numberspinner" style="width: 60px;" data-options="min:1,max:59" value="1"
                               id="minEnd_1">
                        分钟执行一次</div>
                    <div class="line">
                        <input type="radio" name="min" id="min_appoint">
                        指定</div>
                    <div class="imp minList">
                        <input type="checkbox" value="0">00
                        <input type="checkbox" value="1">01
                        <input type="checkbox" value="2">02
                        <input type="checkbox" value="3">03
                        <input type="checkbox" value="4">04
                        <input type="checkbox" value="5">05
                        <input type="checkbox" value="6">06
                        <input type="checkbox" value="7">07
                        <input type="checkbox" value="8">08
                        <input type="checkbox" value="9">09
                    </div>
                    <div class="imp minList">
                        <input type="checkbox" value="10">10
                        <input type="checkbox" value="11">11
                        <input type="checkbox" value="12">12
                        <input type="checkbox" value="13">13
                        <input type="checkbox" value="14">14
                        <input type="checkbox" value="15">15
                        <input type="checkbox" value="16">16
                        <input type="checkbox" value="17">17
                        <input type="checkbox" value="18">18
                        <input type="checkbox" value="19">19
                    </div>
                    <div class="imp minList">
                        <input type="checkbox" value="20">20
                        <input type="checkbox" value="21">21
                        <input type="checkbox" value="22">22
                        <input type="checkbox" value="23">23
                        <input type="checkbox" value="24">24
                        <input type="checkbox" value="25">25
                        <input type="checkbox" value="26">26
                        <input type="checkbox" value="27">27
                        <input type="checkbox" value="28">28
                        <input type="checkbox" value="29">29
                    </div>
                    <div class="imp minList">
                        <input type="checkbox" value="30">30
                        <input type="checkbox" value="31">31
                        <input type="checkbox" value="32">32
                        <input type="checkbox" value="33">33
                        <input type="checkbox" value="34">34
                        <input type="checkbox" value="35">35
                        <input type="checkbox" value="36">36
                        <input type="checkbox" value="37">37
                        <input type="checkbox" value="38">38
                        <input type="checkbox" value="39">39
                    </div>
                    <div class="imp minList">
                        <input type="checkbox" value="40">40
                        <input type="checkbox" value="41">41
                        <input type="checkbox" value="42">42
                        <input type="checkbox" value="43">43
                        <input type="checkbox" value="44">44
                        <input type="checkbox" value="45">45
                        <input type="checkbox" value="46">46
                        <input type="checkbox" value="47">47
                        <input type="checkbox" value="48">48
                        <input type="checkbox" value="49">49
                    </div>
                    <div class="imp minList">
                        <input type="checkbox" value="50">50
                        <input type="checkbox" value="51">51
                        <input type="checkbox" value="52">52
                        <input type="checkbox" value="53">53
                        <input type="checkbox" value="54">54
                        <input type="checkbox" value="55">55
                        <input type="checkbox" value="56">56
                        <input type="checkbox" value="57">57
                        <input type="checkbox" value="58">58
                        <input type="checkbox" value="59">59
                    </div>
                </div>
                <div title="小时">
                    <div class="line">
                        <input type="radio" checked="checked" name="hour" onclick="everyTime(this)">
                        小时 允许的通配符[, - * /]</div>
                    <div class="line">
                        <input type="radio" name="hour" onclick="cycle(this)">
                        周期从
                        <input class="numberspinner" style="width: 60px;" data-options="min:0,max:23" value="0"
                               id="hourStart_0">
                        -
                        <input class="numberspinner" style="width: 60px;" data-options="min:2,max:23" value="2"
                               id="hourEnd_1">
                        小时</div>
                    <div class="line">
                        <input type="radio" name="hour" onclick="startOn(this)">
                        从
                        <input class="numberspinner" style="width: 60px;" data-options="min:0,max:23" value="0"
                               id="hourStart_1">
                        小时开始,每
                        <input class="numberspinner" style="width: 60px;" data-options="min:1,max:23" value="1"
                               id="hourEnd_1">
                        小时执行一次</div>
                    <div class="line">
                        <input type="radio" name="hour" id="hour_appoint">
                        指定</div>
                    <div class="imp hourList">
                        AM:
                        <input type="checkbox" value="0">00
                        <input type="checkbox" value="1">01
                        <input type="checkbox" value="2">02
                        <input type="checkbox" value="3">03
                        <input type="checkbox" value="4">04
                        <input type="checkbox" value="5">05
                        <input type="checkbox" value="6">06
                        <input type="checkbox" value="7">07
                        <input type="checkbox" value="8">08
                        <input type="checkbox" value="9">09
                        <input type="checkbox" value="10">10
                        <input type="checkbox" value="11">11
                    </div>
                    <div class="imp hourList">
                        PM:
                        <input type="checkbox" value="12">12
                        <input type="checkbox" value="13">13
                        <input type="checkbox" value="14">14
                        <input type="checkbox" value="15">15
                        <input type="checkbox" value="16">16
                        <input type="checkbox" value="17">17
                        <input type="checkbox" value="18">18
                        <input type="checkbox" value="19">19
                        <input type="checkbox" value="20">20
                        <input type="checkbox" value="21">21
                        <input type="checkbox" value="22">22
                        <input type="checkbox" value="23">23
                    </div>
                </div>
                <div title="日">
                    <div class="line">
                        <input type="radio" checked="checked" name="day" onclick="everyTime(this)">
                        日 允许的通配符[, - * / L W]</div>
                    <div class="line">
                        <input type="radio" name="day" onclick="unAppoint(this)">
                        不指定</div>
                    <div class="line">
                        <input type="radio" name="day" onclick="cycle(this)">
                        周期从
                        <input class="numberspinner" style="width: 60px;" data-options="min:1,max:31" value="1"
                               id="dayStart_0">
                        -
                        <input class="numberspinner" style="width: 60px;" data-options="min:2,max:31" value="2"
                               id="dayEnd_0">
                        日</div>
                    <div class="line">
                        <input type="radio" name="day" onclick="startOn(this)">
                        从
                        <input class="numberspinner" style="width: 60px;" data-options="min:1,max:31" value="1"
                               id="dayStart_1">
                        日开始,每
                        <input class="numberspinner" style="width: 60px;" data-options="min:1,max:31" value="1"
                               id="dayEnd_1">
                        天执行一次</div>
                    <div class="line">
                        <input type="radio" name="day" onclick="workDay(this)">
                        每月
                        <input class="numberspinner" style="width: 60px;" data-options="min:1,max:31" value="1"
                               id="dayStart_2">
                        号最近的那个工作日</div>
                    <div class="line">
                        <input type="radio" name="day" onclick="lastDay(this)">
                        本月最后一天</div>
                    <div class="line">
                        <input type="radio" name="day" id="day_appoint">
                        指定</div>
                    <div class="imp dayList">
                        <input type="checkbox" value="1">1
                        <input type="checkbox" value="2">2
                        <input type="checkbox" value="3">3
                        <input type="checkbox" value="4">4
                        <input type="checkbox" value="5">5
                        <input type="checkbox" value="6">6
                        <input type="checkbox" value="7">7
                        <input type="checkbox" value="8">8
                        <input type="checkbox" value="9">9
                        <input type="checkbox" value="10">10
                        <input type="checkbox" value="11">11
                        <input type="checkbox" value="12">12
                        <input type="checkbox" value="13">13
                        <input type="checkbox" value="14">14
                        <input type="checkbox" value="15">15
                        <input type="checkbox" value="16">16
                    </div>
                    <div class="imp dayList">
                        <input type="checkbox" value="17">17
                        <input type="checkbox" value="18">18
                        <input type="checkbox" value="19">19
                        <input type="checkbox" value="20">20
                        <input type="checkbox" value="21">21
                        <input type="checkbox" value="22">22
                        <input type="checkbox" value="23">23
                        <input type="checkbox" value="24">24
                        <input type="checkbox" value="25">25
                        <input type="checkbox" value="26">26
                        <input type="checkbox" value="27">27
                        <input type="checkbox" value="28">28
                        <input type="checkbox" value="29">29
                        <input type="checkbox" value="30">30
                        <input type="checkbox" value="31">31
                    </div>
                </div>
                <div title="月">
                    <div class="line">
                        <input type="radio" checked="checked" name="mouth" onclick="everyTime(this)">
                        月 允许的通配符[, - * /]</div>
                    <div class="line">
                        <input type="radio" name="mouth" onclick="unAppoint(this)">
                        不指定</div>
                    <div class="line">
                        <input type="radio" name="mouth" onclick="cycle(this)">
                        周期从
                        <input class="numberspinner" style="width: 60px;" data-options="min:1,max:12" value="1"
                               id="mouthStart_0">
                        -
                        <input class="numberspinner" style="width: 60px;" data-options="min:2,max:12" value="2"
                               id="mouthEnd_0">
                        月</div>
                    <div class="line">
                        <input type="radio" name="mouth" onclick="startOn(this)">
                        从
                        <input class="numberspinner" style="width: 60px;" data-options="min:1,max:12" value="1"
                               id="mouthStart_1">
                        日开始,每
                        <input class="numberspinner" style="width: 60px;" data-options="min:1,max:12" value="1"
                               id="mouthEnd_1">
                        月执行一次</div>
                    <div class="line">
                        <input type="radio" name="mouth" id="mouth_appoint">
                        指定</div>
                    <div class="imp mouthList">
                        <input type="checkbox" value="1">1
                        <input type="checkbox" value="2">2
                        <input type="checkbox" value="3">3
                        <input type="checkbox" value="4">4
                        <input type="checkbox" value="5">5
                        <input type="checkbox" value="6">6
                        <input type="checkbox" value="7">7
                        <input type="checkbox" value="8">8
                        <input type="checkbox" value="9">9
                        <input type="checkbox" value="10">10
                        <input type="checkbox" value="11">11
                        <input type="checkbox" value="12">12
                    </div>
                </div>
                <div title="周">
                    <div class="line">
                        <input type="radio" checked="checked" name="week" onclick="everyTime(this)">
                        周 允许的通配符[, - * / L #]</div>
                    <div class="line">
                        <input type="radio" name="week" onclick="unAppoint(this)">
                        不指定</div>
                    <div class="line">
                        <input type="radio" name="week" onclick="startOn(this)">
                        周期 从星期<input class="numberspinner" style="width: 60px;" data-options="min:1,max:7"
                                     id="weekStart_0" value="1">
                        -
                        <input class="numberspinner" style="width: 60px;" data-options="min:2,max:7" value="2"
                               id="weekEnd_0"></div>
                    <div class="line">
                        <input type="radio" name="week" onclick="weekOfDay(this)">
                        第<input class="numberspinner" style="width: 60px;" data-options="min:1,max:4" value="1"
                                id="weekStart_1">
                        周 的星期<input class="numberspinner" style="width: 60px;" data-options="min:1,max:7"
                                    id="weekEnd_1" value="1"></div>
                    <div class="line">
                        <input type="radio" name="week" onclick="lastWeek(this)">
                        本月最后一个星期<input class="numberspinner" style="width: 60px;" data-options="min:1,max:7"
                                       id="weekStart_2" value="1"></div>
                    <div class="line">
                        <input type="radio" name="week" id="week_appoint">
                        指定</div>
                    <div class="imp weekList">
                        <input type="checkbox" value="1">1
                        <input type="checkbox" value="2">2
                        <input type="checkbox" value="3">3
                        <input type="checkbox" value="4">4
                        <input type="checkbox" value="5">5
                        <input type="checkbox" value="6">6
                        <input type="checkbox" value="7">7
                    </div>
                </div>
                <div title="年">
                    <div class="line">
                        <input type="radio" checked="checked" name="year" onclick="unAppoint(this)">
                        不指定 允许的通配符[, - * /] 非必填</div>
                    <div class="line">
                        <input type="radio" name="year" onclick="everyTime(this)">
                        每年</div>
                    <div class="line">
                        <input type="radio" name="year" onclick="cycle(this)">周期 从
                        <input class="numberspinner" style="width: 90px;" data-options="min:2013,max:3000"
                               id="yearStart_0" value="2013">
                        -
                        <input class="numberspinner" style="width: 90px;" data-options="min:2014,max:3000"
                               id="yearEnd_0" value="2014"></div>
                </div>
            </div>
        </div>
        <div data-options="region:'south',border:false" style="height:245px">
            <fieldset style="border-radius: 3px; height: 210px;">
                <legend>表达式</legend>
                <table style="height: 100px;">
                    <tbody>
                    <tr>
                        <td>
                        </td>
                        <td align="center">
                            秒
                        </td>
                        <td align="center">
                            分钟
                        </td>
                        <td align="center">
                            小时
                        </td>
                        <td align="center">
                            日
                        </td>
                        <td align="center">
                            月<br />
                        </td>
                        <td align="center">
                            星期
                        </td>
                        <td align="center">
                            年
                        </td>
                    </tr>
                    <tr>
                        <td>
                            表达式字段:
                        </td>
                        <td>
                            <input type="text" name="v_second" class="col" value="*" readonly="readonly" />
                        </td>
                        <td>
                            <input type="text" name="v_min" class="col" value="*" readonly="readonly" />
                        </td>
                        <td>
                            <input type="text" name="v_hour" class="col" value="*" readonly="readonly" />
                        </td>
                        <td>
                            <input type="text" name="v_day" class="col" value="*" readonly="readonly" />
                        </td>
                        <td>
                            <input type="text" name="v_mouth" class="col" value="*" readonly="readonly" />
                        </td>
                        <td>
                            <input type="text" name="v_week" class="col" value="?" readonly="readonly" />
                        </td>
                        <td>
                            <input type="text" name="v_year" class="col" readonly="readonly" />
                        </td>
                    </tr>
                    <tr>
                        <td>Cron 表达式:</td>
                        <td colspan="6"><input type="text" name="cron" style="width: 100%;" value="* * * * * ?" id="cron"
                            /></td>
                        <td><input type="button" value="反解析到UI " id="btnFan" onclick="btnFan()"/></td>
                    </tr>
                    <tr>
                    </tr>
                    <tr >
                        <td colspan="8" >最近10次运行时间:</td>
                    </tr>
                    <tr>
                        <td colspan="8">
                            <textarea style="resize: none;width: 100%;height:60px" rows="8" id="runTime"></textarea>
                        </td>
                    </tr>
                    </tbody>
                </table>
            </fieldset>
        </div>
        <div>
        </div>
    </div>
</body>
</html>
</@pageTheme>