<!DOCTYPE html>
<html lang="zh_CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>职位发布管理</title>
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/page.css">
</head>

<body>
    <div class="container wrapper row">
        <div class="container page-header title">
            <h1>招聘管理</h1>
        </div>
        <div class="col-md-2 nav" role="navigation">
            <ul class="nav nav-pills nav-stacked">
                <li role="presentation" class="active"><a href="#">职位发布管理</a></li>
                <li role="presentation"><a href="#">简历管理</a></li>
                <li role="presentation"><a href="#">面试管理</a></li>
                <li role="presentation"><a href="#">录用管理</a></li>
            </ul>
        </div>
        <div class="col-md-10 content container row">

            <div class="container">
                <ol class="breadcrumb">
                    <li><a href="#">招聘管理</a></li>
                    <li><a href="#" class="active">职位发布管理</a></li>

                </ol>
            </div>
            <div class="container">
                <div class="col-sm-2">
                    <div class="input-group">
                        <span class="input-group-addon" id="basic-addon1">职位名称:</span>
                        <input type="text" class="form-control" placeholder="职位名称" aria-describedby="basic-addon1">
                    </div>
                </div>

                <div class="col-sm-2">
                    <div class="input-group">
                        <span class="input-group-addon" id="basic-addon1">职位分类:</span>

                        <div class="dropdown">
                            <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
                            职位分类
                            <span class="caret"></span>
                        </button>
                            <ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
                                <li class="dropdown-header">职位分类</li>
                                <li role="separator" class="divider"></li>
                                <li><a href="#">技术</a></li>
                                <li><a href="#">实施</a></li>
                                <li><a href="#">测试</a></li>
                                <li><a href="#">售前</a></li>
                                <li><a href="#">行政</a></li>
                                <li><a href="#">财务</a></li>
                                <li><a href="#">管理</a></li>
                            </ul>
                        </div>
                    </div>
                </div>

                <div class="col-sm-3">
                    <div class="input-group">
                        <span class="input-group-addon" id="basic-addon1">登记日期:</span>
                        <input type="date" class="form-control" placeholder="登记日期" aria-describedby="basic-addon1">
                    </div>
                </div>

                <div class="col-sm-3">
                    <div class="input-group">
                        <span class="input-group-addon" id="basic-addon1">截止日期:</span>
                        <input type="date" class="form-control" placeholder="截止日期" aria-describedby="basic-addon1">
                    </div>
                </div>

                <div class="col-sm-2">
                    <button type="button" class="btn btn-default">查询</button>
                </div>
            </div>


            <div class="container publish_btn">
                <button type="button" class="btn btn-info" type="submit">职位发布登记</button>
            </div>

            <div class="container table-responsive">
                <table class="table table-striped table-bordered table-hover">
                    <tr>
                        <td>职位编码</td>
                        <td>职位名称</td>
                        <td>职位分类</td>
                        <td>所属部门</td>
                        <td>招聘人数</td>
                        <td>登记日期</td>
                        <td>截止日期</td>
                        <td>操作</td>
                    </tr>
                    <tr>
                        <td>职位编码</td>
                        <td>职位名称</td>
                        <td>职位分类</td>
                        <td>所属部门</td>
                        <td>招聘人数</td>
                        <td>登记日期</td>
                        <td>截止日期</td>
                        <td>操作</td>
                    </tr>
                </table>
            </div>

            <div class="container change_page">
                <nav aria-label="Page navigation">
                    <ul class="pagination">
                        <li>
                            <a href="#" aria-label="Previous">
                                <span aria-hidden="true">&laquo;</span>
                            </a>
                        </li>
                        <li><a href="#">1</a></li>
                        <li><a href="#">2</a></li>
                        <li><a href="#">3</a></li>
                        <li><a href="#">4</a></li>
                        <li><a href="#">5</a></li>
                        <li>
                            <a href="#" aria-label="Next">
                                <span aria-hidden="true">&raquo;</span>
                            </a>
                        </li>
                    </ul>
                </nav>
            </div>

        </div>
    </div>
</body>

</html>