123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187 |
- <!DOCTYPE html>
- <html lang="zh-cn">
- <head>
- <!-- Required meta tags -->
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
- <!-- Bootstrap CSS -->
- <link rel="stylesheet" href="css/bootstrap.css">
- <link rel="stylesheet" href="css/global.css">
- <link rel="stylesheet" href="css/ionicons.css">
- </head>
- <body>
- <header class="fixed-top top-wrap">
- <div class="float-right">
- <a href="#" class="user-wrap" alt="退出登录">
- <span href="#" class="avatar-warp"><img src="images/avatarImg.jpg" width="30" height="30" class="avatar-img"></span>
- <span class="user-name">欧桃珍<i class="ion-power ion-off"></i></span>
- </a>
- </div>
- <div class="top-title">纵横帮助中心</div>
- </header>
- <div class="wrap">
- <div class="nav left-nav">
- <ul>
- <li><a href="admin-user.html" class="active"><i class="icon ion-person"></i>用户</a></li>
- <li><a href="admin-article.html"><i class="icon ion-ios-paper"></i>文章</a></li>
- <li><a href="admin-classlist.html"><i class="icon ion-ios-list"></i>类别</a></li>
- <li><a href="admin-recom.html"><i class="icon ion-thumbsup"></i>推荐</a></li>
- </ul>
- </div>
- <div class="main-wrap container-fluid">
- <div class="main-title navbar navbar-light bg-faded justify-content-between">
- <a class="navbar-brand">用户中心</a>
- <form class="float-right">
- <div class="input-group">
- <input type="text" class="form-control" placeholder="请输入用户名/邮箱" aria-label="Search for...">
- <span class="input-group-btn">
- <a class="btn btn-blue" role="button" href="admin-user-search.html">搜索</a>
- </span>
- </div>
- </form>
- </div>
- <div class="main-function mt-4 mb-4 clearfix">
- <div class="float-left">
- <select class="form-control" id="exampleSelect">
- <option>全部</option>
- <option>办事处</option>
- <option>总部</option>
- </select>
- </div>
- </div>
- <div class="main-body">
- <table class="table">
- <thead>
- <tr>
- <th>用户名</th>
- <th>办事处</th>
- <th>邮箱</th>
- <th>电话</th>
- <th>最后登录</th>
- <th>状态</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>陈特</td>
- <td>总部</td>
- <td>914630468@qq.com</td>
- <td>15812644017</td>
- <td>2017-07-19</td>
- <td class="text-success">已开启</td>
- <!-- <td><div class="btn-group btn-group-sm" role="group" aria-label="..."><button type="button" class="btn btn-success" data-toggle="modal" data-target="#disable-article">已开启</button><button type="button" class="btn btn-outline-warning" data-toggle="modal" data-target="#del-article">禁用</button></div></td> -->
- </tr>
- <tr>
- <td>陈特</td>
- <td>总部</td>
- <td>914630468@qq.com</td>
- <td>15812644017</td>
- <td>2017-07-19</td>
- <td class="text-success">已开启</td>
- </tr>
- <tr>
- <td>陈叶婷</td>
- <td>广西办</td>
- <td>1304991420@qq.com</td>
- <td>15607807379</td>
- <td>2017-07-19</td>
- <td class="text-success">已开启</td>
- </tr>
- <tr>
- <td>陈叶婷</td>
- <td>广西办</td>
- <td>1304991420@qq.com</td>
- <td>15607807379</td>
- <td>2017-07-19</td>
- <td class="text-danger">已禁用</td>
- </tr>
- <tr>
- <td>陈叶婷</td>
- <td>广西办</td>
- <td>1304991420@qq.com</td>
- <td>15607807379</td>
- <td>2017-07-19</td>
- <td class="text-danger">已禁用</td>
- </tr>
- <tr>
- <td>陈叶婷</td>
- <td>广西办</td>
- <td>1304991420@qq.com</td>
- <td>15607807379</td>
- <td>2017-07-19</td>
- <td class="text-danger">已禁用</td>
- </tr>
- <tr>
- <td>陈叶婷</td>
- <td>广西办</td>
- <td>1304991420@qq.com</td>
- <td>15607807379</td>
- <td>2017-07-19</td>
- <td class="text-danger">已禁用</td>
- </tr>
- <tr>
- <td>陈叶婷</td>
- <td>广西办</td>
- <td>1304991420@qq.com</td>
- <td>15607807379</td>
- <td>2017-07-19</td>
- <td class="text-danger">已禁用</td>
- </tr>
- <tr>
- <td>陈叶婷</td>
- <td>广西办</td>
- <td>1304991420@qq.com</td>
- <td>15607807379</td>
- <td>2017-07-19</td>
- <td class="text-danger">已禁用</td>
- </tr>
- <tr>
- <td>陈叶婷</td>
- <td>广西办</td>
- <td>1304991420@qq.com</td>
- <td>15607807379</td>
- <td>2017-07-19</td>
- <td class="text-danger">已禁用</td>
- </tr>
- <tr>
- <td>陈叶婷</td>
- <td>广西办</td>
- <td>1304991420@qq.com</td>
- <td>15607807379</td>
- <td>2017-07-19</td>
- <td class="text-danger">已禁用</td>
- </tr>
- </tbody>
- </table>
- <nav aria-label="Page navigation example">
- <ul class="pagination">
- <li class="page-item">
- <a class="page-link" href="#" aria-label="Previous">
- <span aria-hidden="true">«</span>
- <span class="sr-only">Previous</span>
- </a>
- </li>
- <li class="page-item"><a class="page-link" href="#">1</a></li>
- <li class="page-item"><a class="page-link" href="#">2</a></li>
- <li class="page-item"><a class="page-link" href="#">3</a></li>
- <li class="page-item">
- <a class="page-link" href="#" aria-label="Next">
- <span aria-hidden="true">»</span>
- <span class="sr-only">Next</span>
- </a>
- </li>
- </ul>
- </nav>
- </div>
- </div>
- </div>
- <!-- jQuery first, then Popper.js, then Bootstrap JS. -->
- <script src="js/jquery-1.9.1.min.js"></script>
- <script src="js/tether.js"></script>
- <script src="js/bootstrap.js"></script>
- <script src="js/global.js"></script>
- <script type="text/javascript">autoFlashHeight();</script>
- </body>
- </html>
|