vdianying-web
/
accountManagement.html

<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>历史记录</title>
    <!-- Bootstrap core CSS -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/bootstrap-reset.css" rel="stylesheet">
    <!--external css-->
    <link href="assets/font-awesome/css/font-awesome.css" rel="stylesheet" />
    <link href="assets/jquery-easy-pie-chart/jquery.easy-pie-chart.css" rel="stylesheet" type="text/css" media="screen" />
    <link rel="stylesheet" href="css/owl.carousel.css" type="text/css">
    <!-- Custom styles for pgc -->
    <link href="css/style.css" rel="stylesheet">
    <link href="css/style-responsive.css" rel="stylesheet" />
    <!-- HTML5 shim and Respond.js IE8 support of HTML5 tooltipss and media queries -->
    <!--[if lt IE 9]>
      <script src="js/html5shiv.js"></script>
      <script src="js/respond.min.js"></script>
    <![endif]-->
</head>

<body>
    <section id="container" class="">
        <!--header start-->
        <header class="header white-bg">
            <div class="sidebar-toggle-box">
                <div data-original-title="折叠/展开" data-placement="right" class="icon-reorder tooltips"></div>
            </div>
            <!--logo start-->
            <a href="#" class="logo">数据中心</a>
            <!--logo end-->
            <div class="top-nav ">
                <!--search & user info start-->
                <ul class="nav pull-right top-menu">
                    <!-- user login dropdown start-->
                    <li class="dropdown">
                        <a data-toggle="dropdown" class="dropdown-toggle" href="#">
                            <span class="username">王小明</span>
                            <b class="caret"></b>
                        </a>
                        <ul class="dropdown-menu extended logout">
                            <div class="log-arrow-up"></div>
                            <li><a href="#"><i class=" icon-suitcase"></i> 账号管理</a></li>
                            <li><a href="#"><i class="icon-cog"></i> 成员管理</a></li>
                            <li><a href="login.html"><i class="icon-key"></i> 注销</a></li>
                        </ul>
                    </li>
                    <!-- user login dropdown end -->
                </ul>
                <!--search & user info end-->
            </div>
        </header>
        <!--header end-->
        <!--sidebar start-->
        <aside>
            <div id="sidebar" class="nav-collapse ">
                <div class="logo">
                    <img src="image/icon-logo.png" alt="logo">
                    <p class="sidebar-title">数据中心</p>
                </div>
                <!-- sidebar menu start-->
                <ul class="sidebar-menu">
                    <li class="sub-menu">
                        <a href="javascript:;" class="">
                            <i class="icon-book"></i>
                            <span>数据汇总</span>
                            <span class="arrow"></span>
                        </a>
                        <ul class="sub">
                            <li class="selected"><a class="" href="">数据概览</a></li>
                            <li><a class="" href="">核心数据</a></li>
                            <li><a class="" href="">详细数据</a></li>
                        </ul>
                    </li>
                    <li class="sub-menu">
                        <a href="javascript:;" class="">
                            <i class="icon-cogs"></i>
                            <span>表格管理</span>
                            <span class="arrow"></span>
                        </a>
                        <ul class="sub">
                            <li><a class="" href="">项目管理</a></li>
                            <li><a class="" href="">表格权限</a></li>
                            <li><a class="" href="">编辑表格</a></li>
                            <li><a class="" href="">历史表格</a></li>
                        </ul>
                    </li>
                </ul>
                <!-- sidebar menu end-->
            </div>
        </aside>
        <!--sidebar end-->
        <!--main content start-->
        <section id="main-content">
            <header class="header white-bg">
                <!--<div class="sidebar-toggle-box">-->
                    <!--<div data-original-title="折叠/展开" data-placement="right" class="icon-reorder tooltips"></div>-->
                <!--</div>-->
                <!--&lt;!&ndash;logo start&ndash;&gt;-->
                <!--<a href="#" class="logo">数据中心</a>-->
                <!--&lt;!&ndash;logo end&ndash;&gt;-->
                <div class="top-nav ">
                    <span class="add-channel"><img src="image/icon-addChannel.png" alt=""></span>
                    <span class="choose-channel"><span class="cc-content">选择渠道查看详细数据 &nbsp; <img src="image/icon-down2.png" alt=""></span></span>
                    <!--search & user info start-->
                    <ul class="nav pull-right top-menu">
                        <!-- user login dropdown start-->
                        <li class="dropdown">
                            <a data-toggle="dropdown" class="dropdown-toggle" href="#">
                                <span class="username">王晓蒙</span>
                                <b class="caret"></b>
                            </a>
                            <ul class="dropdown-menu extended logout">
                                <div class="log-arrow-up"></div>
                                <li><a href="#"> 账号管理</a></li>
                                <li><a href="#">成员管理</a></li>
                                <!--<li><a href="login.html"><i class="icon-key"></i> <i class=" icon-suitcase"><i class="icon-cog"></i> </i>注销</a></li>-->
                            </ul>
                        </li>
                        <!-- user login dropdown end -->
                    </ul>
                    <!--search & user info end-->
                </div>
            </header>
            <section class="wrapper">
                <div class="account-management">
                    <div class="change-password">
                        <p class="title">修改密码</p>
                        <input type="text" placeholder="原密码">
                        <input type="text" placeholder="新密码">
                        <input type="text" placeholder="确认新密码">
                        <input type="button" value="修改密码">
                    </div>
                    <div class="add-member">
                        <p class="title">添加成员</p>
                        <input type="text" placeholder="新片场邮箱">
                        <input type="text" placeholder="姓名">
                        <select>
                            <option value="0">普通用户</option>
                            <option value="1">管理员</option>
                        </select>
                        <input type="button" value="添加成员">
                    </div>
                    <div class="member-list">
                        <p class="title">成员列表</p>
                        <table class="table">
                            <tr>
                                <th>账号</th>
                                <th>姓名</th>
                                <th>角色</th>
                            </tr>
                            <tr>
                                <td>wangxiaomeng@xinpianchang.com</td>
                                <td>王小蒙</td>
                                <td>
                                    <select name="">
                                        <option value="0" selected>管理员</option>
                                        <option value="1">普通用户</option>
                                    </select>
                                </td>
                            </tr>
                            <tr>
                                <td>wangdameng@xinpianchang.com</td>
                                <td>王大蒙</td>
                                <td>
                                    <select name="">
                                        <option value="0" selected>管理员</option>
                                        <option value="1">普通用户</option>
                                    </select>
                                </td>
                            </tr>

                        </table>
                    </div>
                </div>
            </section>
        </section>
        <!--main content end-->
    </section>
    <!-- js placed at the end of the document so the pages load faster -->
    <script src="js/jquery.js"></script>
    <script src="js/jquery-1.8.3.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/jquery.scrollTo.min.js"></script>
    <script src="js/jquery.nicescroll.js" type="text/javascript"></script>
    <script src="js/owl.carousel.js"></script>
    <script src="js/jquery.customSelect.min.js"></script>
    <!--common script for all pages-->
    <script src="js/common-scripts.js"></script>
    <!--script for this page-->

    <script>
    //owl carousel

    $(document).ready(function() {
        $('#sidebar .sub-menu > a').click(function () {

            if($(this).hasClass("closed")) {
                $(this).removeClass("closed");
                $(this).next().slideDown(200);
            } else {
                $(this).addClass("closed");
                $(this).next().slideUp(200);
            }

        });

    });

    //custom select box

    $(function() {
        $('select.styled').customSelect();
    });
    </script>
</body>

</html>