<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
          content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <link href="../../../../style/css/admin/Hui/H-ui.min.css" rel="stylesheet" type="text/css"/>
    <link href="../../../../style/css/admin/Hui/H-ui.admin.css" rel="stylesheet" type="text/css"/>
    <link href="../../../../style/css/admin/Hui/style.css" rel="stylesheet" type="text/css"/>
    <link href="../../../../style/js/lib/Hui-iconfont/1.0.1/iconfont.css" rel="stylesheet" type="text/css"/>
    <link rel="stylesheet" href="../../../../style/css/bootstrap.css">
    <link rel="stylesheet" href="../../../../style/css/userControl.css">
    <title>群组管理</title>
</head>
<body>
<!--头部导航-->
<nav class="breadcrumb">
    <i class="Hui-iconfont">&#xe67f;</i> 首页
    <span class="c-gray en">&gt;</span> 会员管理
    <span class="c-gray en">&gt;</span> 群组管理
    <a class="btn btn-success radius r mr-20" style="line-height:1.6em;margin-top:3px"
       href="javascript:location.replace(location.href);" title="刷新">
        <i class="Hui-iconfont">&#xe68f;</i>
    </a>
</nav>
<!--content-->
<div class="panel panel-info">
    <div class="panel-heading">
        <h4>群组信息</h4>
        <div class="cl">
                <span class="l">
                    <a href="javascript:;" class="btn btn-danger radius">
                    <i class="glyphicon glyphicon-trash"></i>批量删除</a>
                    <a class="btn btn-success radius"  href="#">
                     <i class="glyphicon glyphicon-edit"></i>设置管理员</a>
                </span>
            <span class="r">共有数据：<strong>54</strong> 条</span>
        </div>
    </div>
    <div class="panel-body">
        <table class="table table-border table-bordered table-hover">
            <thead>
            <tr class="text-c info">
                <th width="25"><input type="checkbox" name="" value=""></th>
                <th>会员ID</th>
                <th>会员名称</th>
                <th>所属群组</th>
                <th>操作</th>
            </tr>
            </thead>
            <tbody>
            <tr class="text-c">
                <td><input type="checkbox" value="" name=""></td>
                <td>10001</td>
                <td>腾云</td>
                <td>高级会员</td>
                <td class="f-14 td-manage">
                    <a style="text-decoration:none" class="ml-5" onClick="article_del(this,'10001')" href="javascript:;"
                       title="删除">
                        <i class="Hui-iconfont">&#xe6e2;</i>
                    </a>
                    <a style="text-decoration:none" class="ml-5"
                       onClick="article_edit('资讯编辑','article-add.html','10001')" href="javascript:;" title="编辑">
                        <i class="Hui-iconfont">&#xe6df;</i>
                    </a>
                </td>
            </tr>
            </tbody>
        </table>
        <!--分页-->
        <div class="text-center">
            <nav aria-label="Page navigation " style="align-content: center">
                <ul class="pagination fenyeCenter">
                    <li>
                        <a href="#" aria-label="Previous">
                            <span aria-hidden="true">&laquo;</span>
                        </a>
                    </li>
                    <li class="active"><a href="#">1 <span class="sr-only">(current)</span></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="#" aria-label="Next">
                            <span aria-hidden="true">&raquo;</span>
                        </a>
                    </li>
                </ul>
            </nav>
        </div>
    </div>
    <div class="panel-footer"></div>
</div>
<!--引入必要的js文件 抽取//TODO-->
<script type="text/javascript" src="../../../../style/js/jquery.min.js"></script>
<script type="text/javascript" src="../../../../style/js/bootstrap.js"></script>
</body>
</html>