wangrui
/
llpt_orderchannel-s1h5


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210
							<!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="overlay"></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 if (window.location.href.indexOf("https://optest.bol.wo.cn") >= 0) {
      baseUrl = "https://optest.bol.wo.cn/";
    } 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>