index.html 14.1 KB
Newer Older
manxiaoqiang committed
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86
<!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)">
yangfangfang committed
87 88
                  <!-- <div class="iconfont icon-logo"></div> -->
                  <div class="logimg"></div>
manxiaoqiang committed
89 90 91
                </a>
            </div>
            <div class="rightHeader clearfix">
xujia committed
92
                <div class="toggleBtn"><a href="{{trackUrl}}" target="_blank">进入TrackingIO</a></div>
manxiaoqiang committed
93 94 95 96 97 98 99 100 101
                <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>
102 103 104
                                <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>
manxiaoqiang committed
105 106 107 108 109 110
                            </div>
                            <div class="itemInfo" ng-if="flowRestrict">
                                <span class="userPrizeIcon regPrize"></span>
                                <span class="mr10">注册会员</span>
                                <span style="cursor: default;">升级套餐,请联系商务</span>
                            </div>
yangfangfang committed
111 112 113 114 115 116 117 118 119 120 121 122 123

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

manxiaoqiang committed
124 125 126 127 128
                            <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}">
yangfangfang committed
129 130
                            <div class="itemBtn light" ng-click="goPage('collect.userinfo')">
                                账号管理
manxiaoqiang committed
131
                            </div>
yangfangfang committed
132
                            <div class="itemBtn light" ng-click="goPage('collect.auth')" ng-if="!demoU && (isSuper || isManage)">
yangfangfang committed
133
                                成员管理
manxiaoqiang committed
134
                            </div>
yangfangfang committed
135
                            <div class="itemBtn light" ng-mouseenter="lgo = true;" ng-mouseleave="lgo = false;" ng-click="userLogout()" style="margin-right:0px;">
yangfangfang committed
136
                                注销
manxiaoqiang committed
137 138 139 140 141 142 143
                            </div>
                        </div>
                    </div>
                </div>

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

yangfangfang committed
144 145 146
                <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>
147
                <div class="wapSetInfo p" ng-click="goPage('collect.app')">
yangfangfang committed
148 149
                    <span class="app_icon" title="全部产品"></span>
                    <label ng-show="noLeftMenus.indexOf(pagePath)>-1">全部产品</label>
manxiaoqiang committed
150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166
                </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>

yangfangfang committed
167
            <div class="leftSidebar slide-down" ng-show="noLeftMenus.indexOf(pagePath)==-1">
manxiaoqiang committed
168 169 170 171 172 173
                <div ui-view></div>
            </div>
            <div class="rightWrap">
                <div class="rightContent slide-top" ui-view="content" ng-style="resizeStyle()"></div>

                <div class="copyright">
yangfangfang committed
174
                    2018 TrackingIO.com  All Rights Reserved  <a href="http://www.miitbeian.gov.cn/" target="_blank">京ICP备14021832号</a>
manxiaoqiang committed
175 176 177 178 179 180 181 182 183 184 185 186 187
                </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>
yangfangfang committed
188 189 190 191 192 193 194 195 196

            <!--行为分析 流量用户-->
            <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">
yangfangfang committed
197 198
                        <span ng-hide="behaviorAuth && ioPercentRel <= -0.05">您订阅的用户行为分析“{{flowName}}”中本月的{{ioAll}}K事件数已经用完,本月超出部分将占用下月流量限额,最高使用量不超出5%。服务到期后我们将会继续支持您的数据上报和接收,但数据展示服务将暂时无法使用。请您预估下月的流量使用,如果产品统计需求增加,请联系商务升级您的套餐。</span>
                        <span ng-show="behaviorAuth && ioPercentRel <= -0.05">您购买的“{{flowName}}”已经用完,账号将自动退出,为了不影响您的正常使用,请尽快联系商务续订服务。流量用尽后我们将会继续支持您的数据上报和接收,但数据展示服务将暂时无法使用。<br>&nbsp;</span>
yangfangfang committed
199 200 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 216 217
                    </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>

yangfangfang committed
218
            <notice></notice>
manxiaoqiang committed
219 220 221
        </div>
        <div class="helpTipWrap winTips" id="winTC"></div>
    </div>
yangfangfang committed
222 223
    <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>
manxiaoqiang committed
224 225
</body>
</html>