index.html 15.4 KB
<!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="mainMenu" ng-class="{'mainShow':hasMenuFlag || isall}">
                    <div ng-class="{'active':mainMenu=='behavior'}" ng-click="showSubMenus('behavior')" ng-if="showMenuFlag.behavior || isall">行为分析</div>
                    <!-- <div ng-class="{'active':mainMenu=='export'}" ng-click="showSubMenus('export')" ng-if="showMenuFlag.export || isall">数据导出</div> -->
                    <div ng-class="{'active':mainMenu=='management'}" ng-click="showSubMenus('management')">管理中心</div>
                </div>

                <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="itemInfo light"  ng-mouseenter="us = true;" ng-mouseleave="us = false;" ng-click="goPage('collect.userinfo')" ng-class="{'userInfoBotton':!isSuper && !isManage && byflow}">
                                <span class="usetIcon" ng-class="{'active':us}"></span>账号管理
                            </div>
                            <div class="itemInfo light"  ng-mouseenter="ap = true;" ng-mouseleave="ap = false;" ng-click="goPage('collect.app')" ng-show="isSuper || isManage">
                                <span class="appLIcon" ng-class="{'active':ap}"></span>应用管理
                            </div>
                            <div class="itemInfo light" ng-mouseenter="lgo = true;" ng-mouseleave="lgo = false;" ng-click="userLogout()" ng-class="{'userInfoBotton':!isSuper && !isManage && byflow}">
                                <span class="logoutIcon" ng-class="{'active':lgo}"></span>注销
                            </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="mainMenu!='management' && pagePath!='userinfo'">
                    <select-list meau-info="applistInfo" meau-id="appid" meau-data="appidInit" meau-refresh="appfresh" class="appWrap" icon-type="white" style="margin:0px;"></select-list>
                </div>

                <div ng-if="!preStatus" class="nociceInfo" ng-click="showNoticeWin()" ng-show="noticeList.length>0" ng-cloak>
                    <span class="noticeNews" ng-class="{'noticeIcon':newNoticeInfo.isRead,'noticeNews':!newNoticeInfo.isRead}"></span>
                    {{newNoticeInfo.title}}
                </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="pagePath!='userinfo' && pagePath!='nopower'">
                <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="dialogDescWin noticeWin" ng-class="{'myNotice':showNoticew}">
                <div class="dlgTitle">
                   TrackingIO系统公告
                    <div class="right closeGray" ng-click="hideNoticeWin()"></div>
                </div>
                <div class="dlgCnt">
                    <div class="noticeItem" ng-repeat="news in noticeList track by $index">
                        <div class="noticeTitle" ng-click="clickNotice(news)">
                            <h6><span ng-class="{'redSpan':!news.isTop && !news.isRead,'noticeTopIcon':news.isTop}"></span>{{news.title}}</h6>
                            <em>{{news.deployDate | date:'yyyy-MM-dd HH:mm:ss'}}</em>
                        </div>
                        <div class="noticeContent" ng-bind-html="news.content | filterHtml" ng-if="curNoticeId==news.id"></div>
                    </div>
                </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 && trackPercentRel <= 0 && ioPercentRel <= -0.05">您订阅的用户行为分析“{{flowName}}”中本月的{{ioAll}}K事件数已经用完,本月超出部分将占用下月流量限额,最高使用量不超出5%。服务到期后我们将会继续支持您的数据上报和接收,但数据展示服务将暂时无法使用。请您预估下月的流量使用,如果产品统计需求增加,请联系商务升级您的套餐。</span>
                        <span ng-show="behaviorAuth && trackPercentRel <= 0 && 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>

        </div>
        <div class="helpTipWrap winTips" id="winTC"></div>
    </div>
</body>
</html>