<%inherit file="/base_index.html"/>
<%block name='content'>
<div>


</div>
<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 " id="plugin3_demo3">
            <label class="col-sm-3 control-label bk-lh30 pt0">选择业务：</label>
            <div class="plugin3_demo" id="plugin3_demo4" style="display:inline-block;">
                <!-- select2 下拉选项可多选 start -->
                <select multiple="true" id="group_list_id" class="select2_box" style="width:300px;">
                    % for biz in app_list:
                    <option value="${biz.get('app_name')}">${biz.get('app_name')}</option>
                    % endfor
                </select>
                <!-- select2 下拉选项可多选 end -->
            </div>
        </div>
        <div class="tab-content mb20">
            <div class="tab-pane fade active in" id="tab3_1">
                <div class="panel panel-default table7_demo king-table7-demo3">
                    <div class="panel-body">
                        <div class="king-wrapper clearfix">
                            <div class="row data-panel">
                                <div class="col-lg-3 col-md-6">
                                    <div class="form-group">
                                        <div class="input-group king-input-group">
                                            <input type="text" class="form-control pl30 king-form-control"
                                                   placeholder="请输入关键字">
                                            <span class="glyphicon glyphicon-search form-control-feedback king-form-control-feedback"></span>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-6 col-md-6">
                                </div>
                                <div class="col-lg-3 col-md-6">
                                    <a class="king-btn king-btn-new" title="测试连接性">测试连接性</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div>
                        <table class="table table-hover mb0" id="table_demo2">
                            <thead>
                            <tr class="active">
                                <th style="width:45px"><input type="checkbox" name="checkall" value=""></th>
                                ·
                                <th style="width:150px">ID</th>
                                <th style="width:150px">IP</th>
                                <th style="width:150px">系统类型</th>
                                <th style="width:150px">agent运行中</th>
                                <th style="width:150px">连接性</th>
                            </tr>
                            </thead>
                            <tbody id="datas">
                            <tr style="display: table-row; opacity: 1;">
                                <td><input type="checkbox" value=""></td>
                                <td>1</td>
                                <td>192.168.1.110</td>
                                <td>Linux</td>
                                <td>是</td>
                                <td>
                                    <a>成功</a>
                                </td>
                            </tr>
                            <tr style="display: table-row; opacity: 1;">
                                <td><input type="checkbox" value=""></td>
                                <td>1</td>
                                <td>192.168.1.110</td>
                                <td>Linux</td>
                                <td>是</td>
                                <td>
                                    <a>成功</a>
                                </td>
                            </tr>
                            <tr style="display: table-row; opacity: 1;">
                                <td><input type="checkbox" value=""></td>
                                <td>1</td>
                                <td>192.168.1.110</td>
                                <td>Linux</td>
                                <td>是</td>
                                <td>
                                    <a>成功</a>
                                </td>
                            </tr>
                            <tr style="display: table-row; opacity: 1;">
                                <td><input type="checkbox" value=""></td>
                                <td>1</td>
                                <td>192.168.1.110</td>
                                <td>Linux</td>
                                <td>是</td>
                                <td>
                                    <a>成功</a>
                                </td>
                            </tr>
                            <tr style="display: table-row; opacity: 1;">
                                <td><input type="checkbox" value=""></td>
                                <td>1</td>
                                <td>192.168.1.110</td>
                                <td>Linux</td>
                                <td>是</td>
                                <td>
                                    <a>成功</a>
                                </td>
                            </tr>
                            <tr style="display: table-row; opacity: 1;">
                                <td><input type="checkbox" value=""></td>
                                <td>1</td>
                                <td>192.168.1.110</td>
                                <td>Linux</td>
                                <td>是</td>
                                <td>
                                    <a>成功</a>
                                </td>
                            </tr>
                            </tbody>
                            <tfoot>
                            <tr>
                                <td colspan="6">
                                    <div class="pull-right king-page-box">
                                        <p class="pull-left mt15 mr15">
                                            共<span id="total">25</span>条记录，当前第<span id="cur_page">1</span>/<span
                                                id="total_page">5</span>页
                                        </p>
                                        <ul class="pagination pagination-sm pull-left mt10">
                                            <li class="disabled">
                                                <a href="javascript:;" aria-label="Previous">
                                                    <span aria-hidden="true">«</span>
                                                </a>
                                            </li>
                                            <li class="active"><a href="javascript:;">1</a></li>
                                            <li><a href="javascript:;">2</a></li>
                                            <li><a href="javascript:;">3</a></li>
                                            <li><a href="javascript:;">4</a></li>
                                            <li><a href="javascript:;">5</a></li>
                                            <li>
                                                <a href="javascript:;" aria-label="Next">
                                                    <span aria-hidden="true">»</span>
                                                </a>
                                            </li>
                                        </ul>
                                    </div>
                                </td>
                            </tr>
                            </tfoot>
                        </table>
                    </div>
                </div>
            </div>
            <textarea class="form-control" id="zclip_text0" style="height:100px;">请输入备注信息</textarea>
    </form>


</div>


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

<script type="text/javascript">
$(function() {
    $("#plugin3_demo4 .select2_box").select2({
        placeholder: "选择分组",
        allowClear: true,
        maximumSelectionSize: 20
    });
})
</script>

</%block>