ConstructionOperation/web/users/views/notify/index.html

<%include ../layout/second_menu.html %>
<div class="panel-content">
    <div class="panel-title">
        <div class="title-main">
            <h2>用户通知
                <a href="news-add.html" class="btn btn-primary btn-sm pull-right">新建通知</a></h2>
        </div>
    </div>
    <div class="content-wrap">
        <div class="c-header">
            <!--变更类型-->
            <div class="btn-group">
                <button type="button" class="btn btn-default dropdown-toggle btn-sm" data-toggle="dropdown"
                        aria-haspopup="true" aria-expanded="false">
                    所有状态 <span class="caret"></span>
                </button>
                <ul class="dropdown-menu">
                    <li><a href="#">已发布</a></li>
                    <li><a href="#">未发布</a></li>
                </ul>
            </div>
            <!--变更类别-->
            <div class="btn-group">
                <button type="button" class="btn btn-default dropdown-toggle btn-sm" data-toggle="dropdown"
                        aria-haspopup="true" aria-expanded="false">
                    所有年 <span class="caret"></span>
                </button>
                <ul class="dropdown-menu">
                    <li><a href="#">2015</a></li>
                    <li><a href="#">2016</a></li>
                    <li><a href="#">2017</a></li>
                </ul>
            </div>
            <!--变更性质-->
            <div class="btn-group">
                <button type="button" class="btn btn-default dropdown-toggle btn-sm" data-toggle="dropdown"
                        aria-haspopup="true" aria-expanded="false">
                    所有月 <span class="caret"></span>
                </button>
                <ul class="dropdown-menu">
                    <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="#">6</a></li>
                    <li><a href="#">7</a></li>
                    <li><a href="#">8</a></li>
                    <li><a href="#">9</a></li>
                    <li><a href="#">10</a></li>
                    <li><a href="#">11</a></li>
                </ul>
            </div>
        </div>
        <div class="c-body">
            <table class="table">
                <thead>
                <tr>
                    <th>标题</th>
                    <th>创建人</th>
                    <th width="180">发布时间</th>
                    <th width="100">操作</th>
                </tr>
                </thead>
                <tbody>
                <tr>
                    <td><a href="javascript:void(0)" data-toggle="modal" data-target="#view">标题A chick me</a></td>
                    <td>陈特</td>
                    <td>2017-03-01 09:03:09</td>
                    <td><a href="" class="btn btn-xs">编辑</a></td>
                </tr>
                <tr class="warning">
                    <td><a href="#">标题B</a></td>
                    <td>陈特</td>
                    <td>未发布</td>
                    <td><a href="" class="btn btn-xs">编辑</a></td>
                </tr>
                <tr>
                    <td><a href="#">标题C</a></td>
                    <td>陈特</td>
                    <td>2017-03-01 09:03:09</td>
                    <td><a href="" class="btn btn-xs">编辑</a></td>
                </tr>
                <tr>
                    <td><a href="#">标题D</a></td>
                    <td>陈特</td>
                    <td>2017-03-01 09:03:09</td>
                    <td><a href="" class="btn btn-xs">编辑</a></td>
                </tr>

                </tbody>
            </table>
            <nav aria-label="Page navigation">
                <ul class="pagination pagination-sm">
                    <li class="disabled">
                        <a href="#" aria-label="Previous">
                            <span aria-hidden="true">&laquo;</span>
                        </a>
                    </li>
                    <li class="active"><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>