S.H.I.E.L.D.
/
helpCenter


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159
							<!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">
        <!-- <ol class="breadcrumb">
          <li class="breadcrumb-item"><a href="admin-user.html">返回</a></li>
          <li class="breadcrumb-item active">用户搜索中心</li>
        </ol>
        <div class="row mt-5">
          <div class="col-2"></div>
          <div class="col-8">
            <div class="input-group input-group-lg">
              <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>
          </div>
          <div class="col-2"></div>
        </div> -->
        <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><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-danger" 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><div class="btn-group btn-group-sm" role="group" aria-label="..."><button type="button" class="btn btn-outline-success" data-toggle="modal" data-target="#disable-article">已开启</button><button type="button" class="btn btn-danger" data-toggle="modal" data-target="#del-article">禁用</button></div></td>
              </tr>
            </tbody>
          </table>
        <!-- <div class="main-function mt-4 mb-4 clearfix">
          <div class="float-left">
            <select class="form-control" id="exampleSelect">
              <option>办事处</option>
              <option>总部</option>
            </select>
          </div>
        </div> -->
      </div>
    </div>

    <div class="modal fade" id="del-article" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
      <div class="modal-dialog" role="document">
        <div class="modal-content">
          <div class="modal-header">
            <h5 class="modal-title" id="exampleModalLabel">禁用</h5>
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
              <span aria-hidden="true">&times;</span>
            </button>
          </div>
          <div class="modal-body">
            <h5 class="pt-3 pb-3">是否禁用该用户？</h5>
          </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
            <button type="button" class="btn btn-danger">确定</button>
          </div>
        </div>
      </div>
    </div>

    <div class="modal fade" id="disable-article" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
      <div class="modal-dialog" role="document">
        <div class="modal-content">
          <div class="modal-header">
            <h5 class="modal-title" id="exampleModalLabel">开启</h5>
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
              <span aria-hidden="true">&times;</span>
            </button>
          </div>
          <div class="modal-body">
            <h5 class="pt-3 pb-3">是否开启该用户？</h5>
          </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
            <button type="button" class="btn btn-danger">确定</button>
          </div>
        </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>