<!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>
</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>
<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">
2017 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> </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> </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>