<%inherit file="/base_index.html"/>
<%block name='content'>
<div class="clearfix">
    <div style="margin-top: 30px;border:none" class="king-pearls king-pearls king-justified-pearls">
        <div class="king-pearl regula-first" :class="{'current': step==1, 'done': step>1}">
            <span class="king-pearl-number ">1</span>
            <span class="king-pearl-title ">信息填写</span>
        </div>
        <div class="king-pearl regula-second" :class="{'current':step==2, 'done':step>2}">
            <span class="king-pearl-number ">2</span>
            <span class="king-pearl-title ">服务器选择</span>
        </div>
        <div class="king-pearl regula-third" :class="{'done':step==3}">
            <span class="king-pearl-number ">3</span>
            <span class="king-pearl-title ">执行反馈</span>
        </div>
    </div>

</div>


<div class="panel-body">
    <form class="form-horizontal">
        <div class="form-group clearfix ">
            <label class="col-sm-3 control-label bk-lh30 pt0">任务名称：</label>
            <div class="col-sm-9">
                <input type="text" class="form-control bk-valign-top" id="" placeholder="提示信息"></div>
        </div>
        <div class="form-group clearfix ">
            <label class="col-sm-3 control-label bk-lh30 pt0">脚本：</label>
            <div class="form-group">
                <label class="control-label col-sm-2" for="validation_password_confirm">脚本内容</label>
                <div class="col-sm-7" style="margin-top:11px">
                    <div style="height:28px" class="select-script-type-new">
                        <form>
                            <!-- <label for=""><input type="hidden" name="script-name" data-val="1"></label> -->
                            <label for=""><input type="radio" name="script-name" data-val="1">shell</label>
                            <label for=""><input type="radio" name="script-name" data-val="2">bat</label>
                            <label for=""><input type="radio" name="script-name" data-val="3">perl</label>
                            <label for=""><input type="radio" name="script-name" data-val="4">python</label>
                            <label for=""><input type="radio" name="script-name" data-val="5">Powershell</label>
                        </form>
                    </div>
                    <textarea id="code2">if a==0:</textarea>
                </div>
            </div>
        </div>
        <div class="form-group clearfix ">
            <label class="control-label col-sm-3 bk-lh30 pt0">执行时间：</label>
            <div class="col-sm-9">
                <div class="radio pt0">
                    <label class="mr10">
                        <input type="radio" name="optionsRadios" id="" class="bk-top5" value="邮件">
                        <span class="bk-lh30">立即</span>
                    </label>
                </div>
            </div>
        </div>
        <div class="form-group clearfix ">
            <label class="control-label col-sm-3 bk-lh30 pt0"></label>
            <div class="col-sm-9">
                <div class="radio pt0">
                    <label class="mr10">
                        <input type="radio" name="optionsRadios" id="" class="bk-top5" value="邮件">
                        <span class="bk-lh30">定时</span>
                    </label>
                    <label class="mr10">
                        <input type="text" class="form-control daterangepicker_demo" id="daterangepicker_demo1"
                               placeholder="选择日期...">
                    </label>
                </div>
            </div>
        </div>
        <div class="form-group clearfix ">
            <label class="control-label col-sm-3 bk-lh30 pt0"></label>
            <div class="col-sm-9">
                <div class="radio pt0">
                    <label class="mr10">
                        <input type="radio" name="optionsRadios" id="" class="bk-top5" value="邮件">
                        <span class="bk-lh30">周期</span>
                    </label>
                    <label class="mr10">
                        <input type="text" class="form-control daterangepicker_demo" id="daterangepicker_demo2"
                               placeholder="选择日期...">
                    </label>
                    每隔
                    <label class="mr10">
                        <input type="text" class="form-control daterangepicker_demo" id="daterangepicker_demo2">
                    </label>
                    天执行一次
                </div>
            </div>
        </div>
    </form>
</div>


<div style="padding:15px;text-align:right">
    <a class="king-btn king-btn-new" title="下一步" href="/createSafety2">下一步</a>
</div>


<script type="text/javascript">
    // 选择单个日期
    $('#daterangepicker_demo1').daterangepicker({
        locale: {
            format: 'YYYY-MM-DD HH:mm'
        },
        autoApply: true,//选择日期后自动设置值
        singleDatePicker: true,//单选选择一个日期
        timePicker: true,//支持时间选择
        timePicker24Hour: true,//开启24小时时间制
        timePickerIncrement: 1, //分钟间隔
        timePickerSeconds: false //开启分钟选择

    });

    $('#daterangepicker_demo2').daterangepicker({
        locale: {
            format: 'YYYY-MM-DD HH:mm'
        },
        autoApply: true,//选择日期后自动设置值
        singleDatePicker: true,//单选选择一个日期
        timePicker: true,//支持时间选择
        timePicker24Hour: true,//开启24小时时间制
        timePickerIncrement: 1, //分钟间隔
        timePickerSeconds: false //开启分钟选择

    });
</script>

</%block>