vdianying-web
/
projectManage.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>
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/bootstrap-reset.css" rel="stylesheet">
    <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">
    <link href="css/style.css" rel="stylesheet">
    <link href="css/style-responsive.css" rel="stylesheet" />
    <link rel="stylesheet" href="css/select2.css">
    <script src="js/jquery.js"></script>
    <script src="js/select2.full.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/jquery.scrollTo.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>-->
            <!--&lt;!&ndash;logo start&ndash;&gt;-->
            <!--<a href="#" class="logo">数据中心</a>-->
            <!--&lt;!&ndash;logo end&ndash;&gt;-->
            <!--<div class="top-nav ">-->
                <!--&lt;!&ndash;search & user info start&ndash;&gt;-->
                <!--<ul class="nav pull-right top-menu">-->
                    <!--&lt;!&ndash; user login dropdown start&ndash;&gt;-->
                    <!--<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>-->
                    <!--&lt;!&ndash; user login dropdown end &ndash;&gt;-->
                <!--</ul>-->
                <!--&lt;!&ndash;search & user info end&ndash;&gt;-->
            <!--</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>
            <div class="ac-channel-select">
                <div class="cs-select channel-selected">
                    <select name="" id="channel-selected">
                        <b class="caret"></b>
                        <option value="0" selected hidden>请选择渠道</option>
                        <option value="1">今日头条</option>
                        <option value="2">微博</option>
                        <option value="3">微信</option>
                    </select>
                </div>
                <div class="cs-select subject-select">
                    <select name="" id="subject-select">
                        <option value="0" selected hidden>请选择项目</option>
                        <option value="1">小情书</option>
                        <option value="2">迷离微博</option>
                        <option value="3">魔力微信</option>
                    </select>
                </div>
                <div class="cs-select data-select">
                    <select name="" id="data-select">
                        <option value="0" selected hidden>请选择数据类型</option>
                        <option value="1">所有数据</option>
                        <option value="2">粉丝数</option>
                        <option value="3">净增粉丝</option>
                    </select>
                </div>
            </div>
            <section class="wrapper">
            </section>
        </section>
        <!--main content end-->
    </section>
    <!-- js placed at the end of the document so the pages load faster -->


    <script>

    $(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);
            }

        });

        $("#subject-select,#data-select,#channel-selected").select2();

        $(".top-nav .choose-channel").bind("click",function(){
            if($(".ac-channel-select").is(":visible")){
                $(this).hide();
            }else {
                $(this).show();
            }
        })

    });
    </script>
</body>

</html>