vdianying-web
/
tableAuthority.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="table-authority">
                    <div class="user">
                        <!--<select name="user" id="user-select"></select>-->

                        <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">
                                <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>

                    </div>
                    <div class="row">
                        <div class="col-lg-12">
                            <table class="table">
                                <tr style="">
                                    <th>渠道</th>
                                    <th>渠道权限</th>
                                    <th>项目权限</th>
                                    <th>操作</th>
                                </tr>
                                <tr>
                                    <td>微博数据</td>
                                    <td>
                                        <select name="" class="user-authority">
                                            <option value="0"selected="selected">可见</option>
                                            <option value="1">不可见</option>
                                            <option value="2">管理员</option>
                                        </select>
                                    </td>
                                    <td>
                                        <select name="" class="authority">
                                            <option value="0"selected="selected">全部可读写</option>
                                            <option value="1">部分可读写</option>
                                            <option value="2">只读</option>
                                        </select>
                                    </td>
                                    <td class="edit">编辑项目权限</td>
                                </tr>
                                <tr class="active">
                                    <td>微信数据</td>
                                    <td class="inactive">
                                        <select name="" class="user-authority">
                                            <option value="0">可见</option>
                                            <option value="1"selected="selected">不可见</option>
                                            <option value="2">管理员</option>
                                        </select>
                                    </td>
                                    <td class="inactive">
                                        <select name="" class="authority">
                                            <option value="0"selected="selected">全部可读写</option>
                                            <option value="1">部分可读写</option>
                                            <option value="2">只读</option>
                                        </select>
                                    </td>
                                    </td>
                                    <td class="inactive">编辑项目权限</td>
                                </tr>
                                <tr>
                                    <td>今日头条</td>
                                    <td>
                                        <select name="" class="user-authority">
                                            <option value="0">可见</option>
                                            <option value="1">不可见</option>
                                            <option value="2"selected="selected">管理员</option>
                                        </select>
                                    </td>
                                    <td>
                                        <select name="" class="authority">
                                            <option value="0"selected="selected">全部可读写</option>
                                            <option value="1">部分可读写</option>
                                            <option value="2">只读</option>
                                        </select>
                                    </td>
                                    <td class="edit">编辑项目权限</td>
                                </tr>
                            </table>
                        </div>
                        <div class="project-operation">
                            <div class="row show">

                                <table class="table">
                                    <p class="table-title">微博数据</p>
                                    <tr class="success">
                                        <td>项目名</td>
                                        <td>权限</td>
                                    </tr>
                                    <tr>
                                        <td>小情书</td>
                                        <td>只读 <img src="image/icon-down2.png" alt=""></td>
                                    </tr>
                                    <tr>
                                        <td>魔力美食</td>
                                        <td>可读写 <img src="image/icon-down2.png" alt=""></td>
                                    </tr>
                                    <tr>
                                        <td>魔力晓蒙</td>
                                        <td>不可见 <img src="image/icon-down2.png" alt=""></td>
                                    </tr>
                                </table>
                                <table class="table table-bordered">
                                    <th>确定</th>
                                    <th>取消</th>
                                </table>

                            </div>

                        </div>
                    </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>