wangrui
/
llpt_orderchannel-s1h5


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156
							<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <!-- <meta name="viewport" content="width=device-width,initial-scale=1">  -->
    <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">
    <link href="../../Tou/Dy/css/base.css" rel="stylesheet" />
    <link href="../../Tou/Dy/css/pagerz.css" rel="stylesheet" />
    <script type="text/javascript" src="../../public/libs/jquery-min.js"></script>
    <script src="../../Tou/Dy/js/tuil.js" type="text/javascript"></script>
    <script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js" type="text/javascript"></script>
    <script src="../../hd/Dy/js/wechat.min.js" type="text/javascript"></script>
    <style>
        .main {
            padding: 0 0 3rem 0;
            box-sizing: border-box;
            width: 100%;
            background: url(../../Tou/Dy/img/bg_20190116.jpg);
            background-repeat: repeat-y;
            background-size: 100% 100%;
        }
        
        iframe {
            position: absolute;
            top: 0;
            margin: 0;
            padding: 0;
            left: 0;
            width: 100%;
            height: 100%;
            -webkit-overflow-scrolling: touch;
            border: 0px;
        }
    </style>
    <title>抖音免流包9元10G专属流量 头条全系享不停</title>
</head>

<body id="bo">
    <input id="useraccount_tt" type="hidden" value="" />
    <input id="fog_tt" type="hidden" value="" />
    <input id="sendsms_order_tt" type="hidden" />
    <div class="main">
        <div class="banner" style="margin-bottom: 20px;">
            <img src="../../Tou/Dy/img/bannerpt.png?_=20191021" />
        </div>
        <input class="btn" id="major" type="button" value="立即开通">
        <!--
    <div class="fuli">
        老用户福利 活动特价升级 9 元 10G，点此<a onclick="gotoUrl('Tou/Dy/yuyue')">预约升级</a>
    </div>
     -->
        <div class="line"></div>
        <div class="tips">
            <div class="tips_header">
                <span>温馨提示</span>
            </div>
            <ul>
                <li class="tips_item">
                    <div class="num">1.</div>
                    <span>中国联通手机4G（除冰激凌套餐、懂我卡等）用户，上海、广东、吉林、安徽、浙江、湖北、山东、河南、四川、重庆、陕西、河北以及天津的2/3G用户均可订购，4G套餐中的共享类套餐不共享该月包，需单独订购（暂不支持携号转网用户订购）；</span>
                </li>
                <li class="tips_item">
                    <div class="num">2.</div>
                    <span>流量包订购成功后即刻生效，该月流量月底失效，下月自动续费，本流量包不支持重复订购；已订购9元10GB流量包的用户申请退订该产品，退订成功后月底生效且当月不支持再次订购，请于次月重新订购；</span>
                </li>
                <li class="tips_item">
                    <div class="num">3.</div>
                    <span>UNINET、3GNET 、WONET接入点访问能使用该定向流量，其他接入点不能免流使用；</span>
                </li>
                <li class="tips_item">
                    <div class="num">4.</div>
                    <span>如您为头条相关免流卡用户，如蚂蚁宝卡、阿里宝卡或工商银行e卡等其他免头条系产品卡类，将优先使用免流卡产品的流量，免流卡流量用罄后将消耗定向流量包的流量；</span></li>
                <li class="tips_item">
                    <div class="num">5.</div>
                    <span>用户成功订购该头条系流量包后，如果遇到页面提示不免流，敬请忽略，正常使用；</span></li>
                <li class="tips_item">
                    <div class="num">6.</div>
                    <span>如您需要退订头条流量包，可于今日头条客户端或抖音客户端内免流量入口进行退订；</span></li>
            </ul>
        </div>
    </div>
</body>
<script>
    $('#major')
        .unbind('click')
        .on('click', function() {
            $("#major").attr('disabled', true);
            $("body").css("overflow", "hidden");
            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();
                        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);
                        $('iframe').remove();
                        break;
                }
            }, false);
        })
</script>

<script src="../../Tou/Dy/js/order.js" type="text/javascript"></script>

</html>