wangrui
/
llpt_orderchannel-s1h5


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218
							<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <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 rel="stylesheet" href="index.css">
    <link rel="stylesheet" href="../../scss/unicom.css">
</head>

<body>
    <div class="overlaysa"></div>
    <div class="section-agr">
        <div class="issue">能告诉我们为什么退订吗？</div>

        <div class="content">
            <ul class="list">
                <li>
                    <input type="radio" name="canceltype" value="产品太贵了">产品太贵了
                </li>
                <li>
                    <input type="radio" name="canceltype" value="换套餐了，流量够用">换套餐了，流量够用
                </li>
                <li>
                    <input type="radio" name="canceltype" value="产品包含流量太少">产品包含流量太少
                </li>
                <li>
                    <input type="radio" name="canceltype" value="选择其他产品代替">选择其他替代产品
                </li>
                <li>
                    <input type="radio" name="canceltype" value="使用体验不佳">使用体验不佳
                </li>
                <li>
                    <input id="neveruseinput" type="radio" name="canceltype" value="不再使用该款APP">
                    <span id="neverusespan">不再使用该款APP</span>
                </li>
                <li>
                    <input type="radio" name="canceltype" value="其他原因">其他原因
                </li>
            </ul>
            <!-- <div class="cancelmsg-title">其他原因：</div>
            <div class="cancelmsg-box">
                <textarea id="cancelmsg" name="cancelmsg" class="cancelmsg" maxlength="50" placeholder="请输入..."></textarea>
                <span id="cnt" class="cnt">0/50</span>
            </div> -->

            <div class="layout actions">
                <div id="close" class="btn">再想想</div>
                <div id="cancel" class="btn primary">去退订</div>
            </div>
        </div>
    </div>

    <!-- 模板 -->
    <div class="fixed-center sms-form login">
        <div class="form-group">
            <span class="feedback">请选择或输入退订原因</span>
        </div>
    </div>
</body>

<script type="text/javascript" src="../jquery-min.js"></script>
<script type="text/javascript" src="../../js/jquery.compnt.js"></script>
<script>
    var baseUrl;

    if (window.location.href.indexOf("https://800.wo.cn/orderchannel") >= 0) {
        baseUrl = "https://800.wo.cn/";
    } else if (window.location.href.indexOf("https://800.wo.cn/festivalchannel") >= 0) {
        baseUrl = "https://800.wo.cn/";
    } else if (window.location.href.indexOf("http://localhost") >= 0) {
        baseUrl = "http://localhost:8088/";
    } else if (window.location.href.indexOf("http://127.0.0.1") >= 0) {
        baseUrl = "http://127.0.0.1:8088/";
    } else if (window.location.href.indexOf("http://100.0.4.69:3344") >= 0) {
        baseUrl = "http://100.0.4.69:3344/";
    } else if (window.location.href.indexOf("http://100.0.4.69:8282") >= 0) {
        baseUrl = "http://100.0.4.69:8282/";
    } else {
        baseUrl = "https://operation1.bol.wo.cn/";
    }

    // if (window.parent.location.href.indexOf("/douyin/") >= 0) {
    //     $('#neveruseinput').val('不再使用抖音APP');
    //     $('#neverusespan').text('不再使用抖音APP');
    // } else if (window.parent.location.href.indexOf("/tt/") >= 0) {
    //     $('#neveruseinput').val('不再使用抖音APP');
    //     $('#neverusespan').text('不再使用抖音APP');
    // } else if (window.parent.location.href.indexOf("/sina/wb") >= 0) {
    //     $('#neveruseinput').val('不再使用微博APP');
    //     $('#neverusespan').text('不再使用微博APP');
    // } else if (window.parent.location.href.indexOf("/wy/") >= 0) {
    //     $('#neveruseinput').val('不再使用网易APP');
    //     $('#neverusespan').text('不再使用网易APP');
    // } else {
    //     $('#neveruseinput').val('不再使用此APP');
    //     $('#neverusespan').text('不再使用此APP');
    // }

    // 给选中的radio组件设置背景颜色
    // <!--    $('input[type="radio"').each(function(i, item) {-->
    // <!--        $(item).addClass('checked')-->
    // <!--    });-->

    $('#cancelmsg').on('keyup', function() {
        if ($('#cancelmsg').val().length > 50) {
            $('#cancelmsg').val($('#cancelmsg').val().substring(0, 50));
            return;
        }

        $('#cnt').html($('#cancelmsg').val().length + '/50');

    })

    $('#close').on('click', function() {
        var data = {
            eventtype: 'close',
        }

        parent.postMessage(JSON.stringify(data), baseUrl);
    })

    $('#cancel').on('click', function() {
        if ($('input:radio:checked').val() == null &&
            ($('#cancelmsg').val() == null || $('#cancelmsg').val().trim() == '')) {
            // 请选择或填写退订原因！
            compnt.showAlert('请选择退订原因！');
            return;
        }

        // if ($('#cancelmsg').val().length > 0 && $('#cancelmsg').val().length < 10) {
        //     compnt.showAlert('退订原因不能少于10个字符!');
        //     return;
        // }

        var data = {
            eventtype: 'cancel',
            canceltype: $('input:radio:checked').val(),
            cancelmsg: $('#cancelmsg').val()
        };

        parent.postMessage(JSON.stringify(data), baseUrl);
    })


    // <!--    var checkbox = document.querySelectorAll("input[type=radio]");-->
    // <!--    var submit = document.querySelector("button[type=submit]");-->
    // <!--    var section = document.querySelector(".section-agr")-->
    // <!--    var res = document.querySelector(".res")-->
    // <!--    var fixed = document.querySelector(".fixed-center")-->
    // <!--    var im = document.querySelector(".im")-->
    // <!--    res.addEventListener("click", function() {-->
    // <!--        fixed.style.display = "block"-->
    // <!--        setTimeout(function() {-->
    // <!--            fixed.style.display = "none"-->
    // <!--        }, 3000);-->
    // <!--    })-->
    // <!--    submit.addEventListener("click", function() {-->
    // <!--        if (submit.disabled = true) {-->
    // <!--            window.location.replace("http:www.baidu.com")-->
    // <!--        }-->
    // <!--    })-->

    // <!--    function check() {-->
    // <!--        for (var i = 0; i < checkbox.length; i++) {-->
    // <!--            if (checkbox[i].checked) {-->
    // <!--                submit.disabled = false;-->
    // <!--                res.style.display = "none"-->
    // <!--                return;-->
    // <!--            };-->
    // <!--        }-->
    // <!--        submit.disabled = true;-->
    // <!--    }-->
    // <!--    for (var i = 0; i < checkbox.length; i++) {-->
    // <!--        checkbox[i].onclick = check;-->
    // <!--    }-->
    // <!--    area.oninput = function() {-->
    // <!--        if (area.value != "" && area.value.length >= 10) {-->
    // <!--            submit.disabled = false;-->
    // <!--            res.style.display = "none"-->
    // <!--        }-->

    // <!--    }-->
    // <!--    window.onload = check;-->


    // <!--    function texLength(obj, maxlength, id) {-->

    // <!--        var curr = obj.value.length;-->
    // <!--        if (curr > maxlength) {-->
    // <!--            layer.msg('字数在' + maxlength + '字以内');-->
    // <!--        } else {-->
    // <!--            document.getElementById(id).innerHTML = curr;-->
    // <!--        }-->
    // <!--    }-->

    // var x = document.getElementById("area").value;
    // var amount = [...document.querySelectorAll("input[type='radio']")]
    // console.log(amount);
    // var flag =  amount.some(item=>{
    //     return item.checked
    // })
    // console.log(flag);
</script>


</html>