<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>灵犀</title>
    <meta name="keywords" content="热云数据 灵犀" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0" name="viewport">
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">

    <!-- build:css styles/index.css -->
    <link rel="stylesheet" type="text/css" href="styles/style.css">
    <link rel="stylesheet" type="text/css" href="styles/animate.css">
    <link rel="stylesheet" type="text/css" href="styles/perfect-scrollbar.min.css">
    <!-- endbuild -->
    <!-- build:js scripts/change.js -->
    <script src="js/app/page.js"></script>
    <!-- endbuild -->
    <!-- build:js scripts/com.js -->
    <script src="js/common/angular.min.js"></script>
    <script src="js/common/angular-ui-router.min.js"></script>
    <script src="js/common/angular-animate.min.js"></script>
    <script src="js/common/jquery.min.js"></script>
    <script src="js/common/jquery.cookie.min.js"></script>
    <script src="js/common/echarts.min.js"></script>
    <script src="js/common/china.js"></script>
    <script src="js/common/date-utils.js"></script>
    <script src="js/common/dates.js"></script>
    <script src="js/common/judge.js"></script>
    <script src="js/common/qrcode.min.js"></script>
    <script src="js/common/clipboard.min.js"></script>
    <script src="js/common/perfect-scrollbar.jquery.min.js"></script>
    <script src="js/common/perfect-scrollbar.min.js"></script>
    <script src="js/common/esl.js"></script>
    <script src="js/common/zrender.js"></script>
    <!-- endbuild -->
    <!-- build:js scripts/app.js -->
    <script src="js/app/module.js"></script>
    <script src="js/app/ToolService.js"></script>
    <script src="js/app/UtilService.js"></script>
    <script src="js/app/DateService.js"></script>
    <script src="js/app/config.js"></script>
    <script src="js/app/app.js"></script>
    <script src="js/app/HttpService.js"></script>
    <script src="js/app/OptionService.js"></script>
    <script src="js/app/directive.js"></script>
    <script src="js/app/ItemDirective.js"></script>
    <script src="js/app/DateDirective.js"></script>
    <script src="js/app/filter.js"></script>
    <!-- endbuild -->

    <!-- build:js scripts/ui.js -->
    <script src="js/collect/module.js"></script>
    <script src="js/collect/route.js"></script>
    <script src="js/collect/menu.js"></script>
    <script src="js/collect/retention.js"></script>
    <script src="js/collect/funnel.js"></script>
    <script src="js/collect/eventstats.js"></script>
    <script src="js/collect/custommenu.js"></script>
    <script src="js/collect/logtool.js"></script>
    <script src="js/collect/report.js"></script>
    <script src="js/collect/intelligentpath.js"></script>
    <script src="js/collect/expiration.js"></script>

    <script src="js/manage/module.js"></script>
    <script src="js/manage/route.js"></script>
    <script src="js/manage/app.js"></script>
    <script src="js/manage/auth.js"></script>
    <script src="js/manage/event.js"></script>
    <script src="js/manage/activityevent.js"></script>
    <script src="js/manage/profile.js"></script>
    <script src="js/manage/userinfo.js"></script>
    <script src="js/manage/usergroup.js"></script>
    <script src="js/manage/nopower.js"></script>

    <script src="js/active/module.js"></script>
    <script src="js/active/route.js"></script>
    <script src="js/active/product.js"></script>
    <!-- endbuild -->
</head>

 <body ng-app="app" ng-controller="indexCtrl"  ng-class="{'noreport':backReport}">
    <div class="mainBody">
        <div class="header">
            <div class="leftHeader">
                <a href="javascript:void(0)">
                  <!-- <div class="iconfont icon-logo"></div> -->
                  <div class="logimg"></div>
                </a>
            </div>
            <div class="rightHeader clearfix">
                <div class="flowinfo">
                    <div class="flowCircle" ng-if="flowKnow && !flowRestrict"></div>
                </div>
                <div class="userinfo" ng-mouseenter="showinfo=true;" ng-mouseleave="showinfo=false" ng-class="{'active':showinfo}" ng-cloak>
                    <span class="userIconN"></span>
                    <div class="userInfoWrap" ng-show="showinfo">
                        <div class="userInfoDetail">
                            <div class="itemInfo">
                                <div class="userflowText"><span class="userIcon"></span>{{loginuserName}}</div>
                                <div ng-if="!flowRestrict && (isSuper || isManage)" class="userflowType flowType" ng-class="{'flowTypeRed':flowLevel==5,'flowTypeRedLong':flowLevel==6,'userflowTypeLong':flowLevel==6}">
                                    <p class="small-font smallsize-font">{{flowName}}</p>
                                </div>
                            </div>
                            <div class="itemInfo" ng-if="flowRestrict">
                                <span class="userPrizeIcon regPrize"></span>
                                <span class="mr10">注册会员</span>
                                <span style="cursor: default;">升级套餐，请联系商务</span>
                            </div>

                            <div class="itemInfo light" ng-if="!byflow && !flowRestrict && behaviorAuth && (isSuper || isManage)">
                                用户行为分析 ：本月已使用流量 {{ioUsed}}K
                            </div>

                            <div class="itemInfo light" ng-if="byflow && !flowRestrict && behaviorAuth && (isSuper || isManage)">
                                <div class="userflowText">用户行为分析(月流量)：</div>
                                <div class="allflow">
                                    <div class="useflow" ng-class="{'useflowRed': ioPercent >= 0.8}" style="width: {{ioPercent*70}}px; max-width: 70px"></div>
                                </div>
                                <div class="userflowText">{{ioUsed}}K/{{ioAll}}K</div>
                            </div>

                            <div class="itemInfo light" ng-if="!preStatus">
                                有效期至：<span ng-class="{'error':pastLong <= 0}">{{userPastDate}}</span>
                            </div>
                        </div>
                        <div class="userInfoBottom" ng-class="{'third':isSuper || isManage}">
                            <div class="itemBtn light" ng-click="goPage('collect.userinfo')">
                                账号管理
                            </div>
                            <div class="itemBtn light" ng-click="goPage('collect.auth')" ng-if="!demoU && (isSuper || isManage)">
                                成员管理
                            </div>
                            <div class="itemBtn light" ng-mouseenter="lgo = true;" ng-mouseleave="lgo = false;" ng-click="userLogout()" style="margin-right:0px;">
                                注销
                            </div>
                        </div>
                    </div>
                </div>

                <a ng-if="!preStatus" class="wapSetInfo" href="http://doc.trackingio.com" target="_blank" title="帮助中心"><span class="helpIconN"></span></a>

                <div class="wapSetInfo p" ng-show="noLeftMenus.indexOf(pagePath)==-1">
                    <select-list meau-info="applistInfo" meau-id="appid" meau-data="appidInit" meau-refresh="appfresh" class="appWrap" icon-type="white"></select-list>
                </div>
                <div class="wapSetInfo p" ng-click="goPage('collect.app')">
                    <span class="app_icon" title="全部产品"></span>
                    <label ng-show="noLeftMenus.indexOf(pagePath)>-1">全部产品</label>
                </div>
             </div>
        </div>
        <div class="contentWrap">
            <div class="alphaDiv" id="sysLoad" style="display: none;z-index: 999;">
                <div class="spinner">
                  <div class="rect1"></div>
                  <div class="rect2"></div>
                  <div class="rect3"></div>
                  <div class="rect4"></div>
                  <div class="rect5"></div>
                </div>
            </div>
            <div class="alphaDiv" id="alpLoad" style="display: none;z-index: 99;"></div>
            <!-- <div class="infoTips spin-toggle" ng-if="operShow">{{operMsg}}</div> -->
            <div class="infoTips toggle" ng-if="operShow" ng-cloak>{{operMsg}}</div>

            <div class="leftSidebar slide-down" ng-show="noLeftMenus.indexOf(pagePath)==-1">
                <div ui-view></div>
            </div>
            <div class="rightWrap">
                <div class="rightContent slide-top" ui-view="content" ng-style="resizeStyle()"></div>

                <div class="copyright">
                    2018 TrackingIO.com  All Rights Reserved  <a href="http://www.miitbeian.gov.cn/" target="_blank">京ICP备14021832号</a>
                </div>
            </div>

            <div class="openTipWin" ng-if="tipCustom" ng-controller="collectCtrl" ng-cloak>
                <div class="closeGray" ng-click="closeTip()"></div>
                <div class="tipCont">
                    当前没有看单，请创建一个新看单。
                </div>
                <div class="openBtnGroup clearfix">
                    <div class="btn8 mr20" ng-click="closeTip()">取消</div>
                    <div class="btn8" ng-click="okCust()">确定</div>
                </div>
            </div>

            <!--行为分析 流量用户-->
            <div class="openTipWin" ng-if="ioAlert && byflow && ioPercentRel <= 0.2 && behaviorAuth && !flowRestrict" ng-controller="collectCtrl" ng-cloak style="z-index: 999;">
                <div class="closeGray" ng-click="closeFlow('ioAlert')"></div>
                <div class="tipCont" style="height: 100px;">
                    <p ng-if="ioPercentRel > 0.05 && ioPercentRel <= 0.2">您订阅的用户行为分析“{{flowName}}”中本月的{{ioAll}}K事件数已经使用{{ioUsed}}K，请关注您的套餐流量使用情况。<br>&nbsp;</p>
                    <p ng-if="ioPercentRel > 0 && ioPercentRel < 0.05">您订阅的用户行为分析“{{flowName}}”中本月的{{ioAll}}K事件数已经使用{{ioUsed}}K，流量即将用尽，超出部分将占用下月流量限额，最高使用量不超出5%。服务到期后我们将会继续支持您的数据上报和接收，但数据展示服务将暂时无法使用。</p>
                    <p ng-if="ioPercentRel <= 0 && ioPercentRel > -0.05">您订阅的用户行为分析“{{flowName}}”中本月的{{ioAll}}K事件数已经用完，本月超出部分将占用下月流量限额，最高使用量不超出5%。服务到期后我们将会继续支持您的数据上报和接收，但数据展示服务将暂时无法使用。请您预估下月的流量使用，如果产品统计需求增加，请联系商务升级您的套餐。</p>
                    <p ng-if="ioPercentRel <= -0.05">
                        <span ng-hide="behaviorAuth && ioPercentRel <= -0.05">您订阅的用户行为分析“{{flowName}}”中本月的{{ioAll}}K事件数已经用完，本月超出部分将占用下月流量限额，最高使用量不超出5%。服务到期后我们将会继续支持您的数据上报和接收，但数据展示服务将暂时无法使用。请您预估下月的流量使用，如果产品统计需求增加，请联系商务升级您的套餐。</span>
                        <span ng-show="behaviorAuth && ioPercentRel <= -0.05">您购买的“{{flowName}}”已经用完，账号将自动退出，为了不影响您的正常使用，请尽快联系商务续订服务。流量用尽后我们将会继续支持您的数据上报和接收，但数据展示服务将暂时无法使用。<br>&nbsp;</span>
                    </p>
                </div>
                <div class="openBtnGroup clearfix">
                    <div class="btn8" ng-click="closeFlow('ioAlert')" style="margin-left: 65px;">我知道了</div>
                </div>
            </div>
            <!--行为分析 流量用户到期-->
            <div class="openTipWin" ng-if="ioDateAlert && pastLong <= 30 && behaviorAuth && !flowRestrict" ng-controller="collectCtrl" ng-cloak>
                <div class="closeGray" ng-click="closeFlow('ioDateAlert')"></div>
                <div class="tipCont" style="height: 100px;">
                    <p ng-if="pastLong > 0 && pastLong <= 30">您购买的用户行为分析“{{flowName}}”将在<span ng-if="pastLong!= 30">{{pastLong}}天</span><span ng-if="pastLong== 30">一个月</span>后（{{userPastDate}}）到期，为了不影响您的正常使用，请尽快联系商务续订服务。服务到期后我们将会继续支持您的数据上报和接收，但数据展示服务将暂时无法使用。</p>
                    <p ng-if="pastLong==0">您购买的用户行为分析“{{flowName}}”将在明天过期，为了不影响您的正常使用，请尽快联系商务续订服务。服务到期后我们将会继续支持您的数据上报和接收，但数据展示服务将暂时无法使用。</p>
                    <p ng-if="pastLong < 0">您购买的用户行为分析“{{flowName}}”已经到期，为了不影响您的正常使用，请尽快联系商务续订服务。服务到期后我们将会继续支持您的数据上报和接收，但数据展示服务将暂时无法使用。</p>
                </div>
                <div class="openBtnGroup clearfix">
                    <div class="btn8" ng-click="closeFlow('ioDateAlert')" style="margin-left: 65px;">我知道了</div>
                </div>
            </div>

            <notice></notice>
        </div>
        <div class="helpTipWrap winTips" id="winTC"></div>
    </div>
    <div class="alphaDiv" ng-if="ioAlert && byflow && ioPercentRel <= 0.2 && behaviorAuth && !flowRestrict" style="z-index: 997"></div>
    <div class="alphaDiv" ng-if="ioDateAlert && pastLong <= 30 && behaviorAuth && !flowRestrict" style="z-index: 997"></div>
</body>
</html>
