wangrui
/
llpt_orderchannel-s1h5


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231
							<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>今日头条定向流量包</title>
    <!-- 2019年双12活动页面 -->
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
    <meta content="width=device-width, height=device-height, maximum-scale=1.0, user-scalable=no" name="viewport">
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="black" name="apple-mobile-web-app-status-bar-style">
    <meta content="telephone=no" name="format-detection">

    <script type="text/javascript">
        var deviceWidth = document.documentElement.clientWidth;
        if (deviceWidth > 750) {
            deviceWidth = 750;
        }
        document.documentElement.style.fontSize = deviceWidth / 7.5 + 'px';
    </script>
    <link href="../hd/Dy/20191212/1yuan/scss/order.css?v=20190630" rel="stylesheet">
    <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js" type="text/javascript"></script>
</head>
<body>
<input id="useraccount_tt" type="hidden" value=""/>
<input id="fog_tt" type="hidden" value=""/>
<input id="sendsms_order_tt" type="hidden"/>
<div class="overlay" style="display: none"></div>
<div class="dialog dialog-agr" style="display: none">
    <h3>温馨提示</h3>
    <ul style="height: 8rem;overflow: scroll; display: none">
        <li>
            <h4>一、活动目的</h4>
            <ul style="margin: 0.1rem 0;">
                <li>1. 活动时间：2019年10月1日-10月7日</li>
                <li>2. 参加活动的用户按9元/月扣费，成功订购用户15个工作日内返还8元话费至订购手机号码（联通OCS智能网用户，不参与此次赠送话费活动）；</li>
                <li>3. 参加活动的用户持续订购，次月起不再返还话费；</li>
                <li>4. 话费返还到账请留意短信通知，关于活动如有疑问请咨询联通客服：10010。</li>
            </ul>
        </li>
        <li>
            <h4>二、免流说明</h4>
            <ul style="margin: 0.1rem 0;">
                <li>
                    1.定向免流量包适用范围包含：抖音APP、今日头条、西瓜视频、火山小视频、多闪、懂车帝、图虫APP。免流内容不包含第三方提供的广告、视频、图片及直播类视频上传、在线观看/下载/缓存第三方视频所产生的流量；
                </li>
                <li>2.UNINET、3GNET 、WONET接入点访问能使用该定向流量，其他接入点不能免流使用；</li>
                <li>3.如您为头条相关免流卡用户，如蚂蚁宝卡、阿里宝卡、钉钉宝卡或工商银行e卡等其他免头条系产品卡类，将优先使用免流卡产品的流量，免流卡流量用罄后将消耗定向流量包的流量；</li>
                <li>4.用户成功订购该头条系流量包后，如果遇到页面提示不免流，敬请忽略，正常使用；</li>
            </ul>
        </li>
        <li>
            <h4>三、业务说明</h4>
            <ul style="margin: 0.1rem 0;">
                <li>
                    1.中国联通手机4G（除冰激凌套餐、懂我卡等）用户，上海、广东、吉林、安徽、浙江、湖北、山东、河南、四川、重庆、陕西、河北以及天津2/3G用户均可订购，4G套餐中的共享类套餐不共享该月包，需单独订购（暂不支持携号转网用户订购）；
                </li>
                <li>2.如您已成功订购流量包，点此<a onclick="gotoUrl('Tou/Dy/cancel')" href="javascript:void(0)">退订</a>。</li>
                <li>关于免流量如有疑问请咨询联通客服：10010。</li>
            </ul>
        </li>
    </ul>
</div>

<div class="section-banner">
    <div class="title">
        <img src="20191212/1yuan/images/title.png">
    </div>
    <div class="products">
        <ul>
            <li><img src="20191212/1yuan/images/app-ds.png"></li>
            <li><img src="20191212/1yuan/images/app-ppx.png"></li>
            <li><img src="20191212/1yuan/images/app-xg.png"></li>
            <li><img src="20191212/1yuan/images/app-tt.png"></li>
            <li><img src="20191212/1yuan/images/app-dy.png"></li>
            <li><img src="20191212/1yuan/images/app-hs.png"></li>
            <li><img src="20191212/1yuan/images/app-tc.png"></li>
            <li><img src="20191212/1yuan/images/app-dcd.png"></li>
        </ul>
    </div>
    <div class="duration">
        活动时间：2019.12.6-2019.12.12
    </div>
</div>
<div class="section-order">
    <div class="btn"><input class="red_btn" id="major" type="button" value="立即开通"></div>
</div>
<div id="jh" class="section-active">
    若您已经订购，请<a onclick="gotoUrl('tt/activate')">点击激活</a>
</div>
<div class="section-agr">
    <a href="javascript:void(0)" id="moreinfo">了解更多产品信息</a>
</div>
<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js" type="text/javascript"></script>
<script>

    $('#major').unbind('click').on('click', function () {
            $("#major").attr('disabled', true);
            // $("body").css("overflow", "hidden");

            if (navigator.userAgent.indexOf("MicroMessenger") >= 0) {
                //微信6.7.4及以后版本 ios12软键盘顶起页面后隐藏不回弹解决方案
                //打开嵌入的统一认证取号页面前，让原来的页面上下滚动。
                //统一认证的页面关闭以后，删除定时任务 clearInterval(window.capTimer)
                var currentPosition;
                var speed = 0.1; // 页面滚动距离
                window.capTimer = setInterval(function () {
                    currentPosition = document.documentElement.scrollTop || document.body.scrollTop;
                    // currentPosition -= speed;
                    window.top.scrollTo(currentPosition - speed, currentPosition);//页面向上滚动
                    // currentPosition += speed; //speed变量
                    // window.top.scrollTo(currentPosition-speed, currentPosition);//页面向下滚动
                }, 200);
            }

            var $iframe = $('<iframe id="uniauthframe" src="https://cap.chinaunicom.cn/CAP-AUTH/auth-tt.html?_=148040518646"></iframe>');
            var params = {
                "PRODUCT_NAME": "今日头条定向流量9元10G月包", // 产品名称
                "PRODUCT_PRICE": "9.00元", // 产品资费，以元为单位，如10.00元
                "CLIENT_ID": "", // client_id:"snjLokl02pK5o8dprOky"---- cp/sp注册后生成的id    头条：  8434545
                "CLIENT": "3", // 注册的客户端，1->安卓,2->ios,3->H5
                "SERVICE_ID": "", // 手机号（若获取到手机号码则必须传入，否则传空，由用户手动填写）
                "AUTH_NO": "", // auth_no:"154501722031712345"  秒级时间戳+随机数(5位)
                "CLIENT_SECRET": "", // Md5(密钥+auth_no)密钥存储在本地，不在网络上传送
                "VERSION": "1.0", // 版本
                "SERVICE_PHONE": "", // 客户电话，建议传，无则不传
                "THEME": "", // 样式主题 空则为默认
                "PRODUCT_ID": "8434545", // 产品id
                "PRODUCT_TYPE": "1" // 产品类型（0:点播；1:包月；2：周期包月）
            };

            $iframe.on('load', function () {$.ajax({
                    //请求后项定向服务获取
                    url: getRootPath() + "-s1api" + "/ini/clientsecret",
                    dataType: "JSON",
                    method: "GET",
                    success: function (data) {
                        params.CLIENT_ID = data.client_id;
                        params.AUTH_NO = data.auth_no;
                        params.CLIENT_SECRET = data.client_secret;
                        $('#uniauthframe')[0].contentWindow.postMessage(JSON.stringify(params), "https://cap.chinaunicom.cn/CAP-AUTH/")
                    }
                })
            });

            $('body').append($iframe);

            //监听统一认证结果
            window.addEventListener('message', function (e) {
                var data = JSON.parse(e.data);
                $('html,body').addClass('ovfHiden');
                switch (data.RSP.RSP_CODE) {
                    case "0000": //处理成功
                        $('iframe').remove();
                        clearInterval(window.capTimer)
                        order(data, 'tt');
                        break;
                    case "0001"://auth_no无效 （入参流水）
                        $("#major").attr('disabled', false);
                        break;
                    case "0003"://client_id不存在 （注册id存在问题）
                        $("#major").attr('disabled', false);
                        break;
                    case "4444"://服务暂时不可用（系统忙/系统队列满）
                        $("#major").attr('disabled', false);
                        break;
                    case "9001"://关闭H5认证页面
                        $("#major").attr('disabled', false);
                        clearInterval(window.capTimer)
                        $('iframe').remove();
                        break;
                }
            }, false);
        });

    $('#moreinfo').on('click', function () {
        showDialogAgr();
    });

    function showDialogAgr() {
        var $overlay = $('<div class="overlay"></div>');
        var $dialog = $(
            '<div class="dialog dialog-agr">' +
            '    <h3>温馨提示</h3>' +
            '    <ul style="height: 8rem;overflow: scroll;">' +
            '        <li>' +
            '            <h4>一、活动说明</h4>' +
            '            <ul style="margin: 0.1rem 0;">' +
            '                <li>1. 活动时间：2019年12月6日-12月12日；</li>' +
            '                <li>2. 参加活动的用户按9元/月扣费，成功订购用户15个工作日内返还8元话费至订购手机号码（联通OCS智能网用户，不参与此次赠送话费活动）；</li>' +
            '                <li>3. 参加活动的用户持续订购，次月起不再返还话费；</li>' +
            '                <li>4. 话费返还到账请留意短信通知，关于活动如有疑问请咨询联通客服：10010。</li>' +
            '            </ul>' +
            '        </li>' +
            '        <li>' +
            '            <h4>二、免流说明</h4>' +
            '            <ul style="margin: 0.1rem 0;">' +
            '                <li>1. 定向免流量包适用范围包含：抖音APP、今日头条、西瓜视频、火山小视频、多闪、皮皮虾、懂车帝、图虫APP。免流内容不包含第三方提供的广告、视频、图片及直播类视频上传、在线观看/下载/缓存第三方视频所产生的流量；</li>' +
            '                <li>2. UNINET、3GNET 、WONET接入点访问能使用该定向流量，其他接入点不能免流使用；</li>' +
            '                <li>3. 如您为头条相关免流卡用户，如蚂蚁宝卡、阿里宝卡、钉钉宝卡或工商银行e卡等其他免头条系产品卡类，将优先使用免流卡产品的流量，免流卡流量用罄后将消耗定向流量包的流量；</li>' +
            '                <li>4. 用户成功订购该头条系流量包后，如果遇到页面提示不免流，敬请忽略，正常使用；</li>' +
            '            </ul>' +
            '        </li>' +
            '        <li>' +
            '            <h4>三、业务说明</h4>' +
            '            <ul style="margin: 0.1rem 0;">' +
            '                <li>1. 中国联通手机4G（除冰激凌套餐、懂我卡等）用户，上海、广东、吉林、安徽、浙江、湖北、山东、河南、四川、重庆、陕西、河北以及天津2/3G用户均可订购，4G套餐中的共享类套餐不共享该月包，需单独订购（暂不支持携号转网用户订购）；</li>' +
            '                <li>2.如您已成功订购流量包，点此<a onclick="gotoUrl(\'tt/cancel\')" href="javascript:void(0)">退订</a>。</li>' +
            '                <li>关于免流量如有疑问请咨询联通客服：10010。</li>' +
            '            </ul>' +
            '        </li>' +
            '    </ul>' +
            '</div>');

        $overlay.appendTo($(document.body));
        $dialog.appendTo($(document.body));

        $overlay.on('click', function () {
            $overlay.remove();
            $dialog.remove();
            $dialog = null;
        });

        return $dialog;
    }


</script>
<script type="text/javascript" src="../tt/js/tuil.js?_=1480405186452"></script>
<script type="text/javascript" src="../tt/js/order.js"></script>
</body>
</html>