yuxiangpei
/
jzmall_vue


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203
							<!DOCTYPE html>

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>鲸致生活-上汽乘用车券领取</title>
    <meta name="description" content="鲸致生活-上汽乘用车券领取">
    <meta name="viewport"
        content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" /> 
        <link
        rel="stylesheet"
        href="https://cdn.jsdelivr.net/npm/vant@2.12/lib/index.css"
      />
    <link rel="stylesheet" href="../auto/css/main.css">
    <link rel="stylesheet" href="../auto/css/normalize.css"> 
    <link rel="stylesheet" href="../auto/css/magnific-popup.css"> 
 

    <script src="../auto/js/jquery-1.7.2.min.js"></script>
    <script src="../auto/js/modernizr-2.6.2.min.js"></script>
    <script src="../auto/js/viewport.js"></script>
    <script src="../auto/js/config.js"></script>
    <script src="../auto/js/main.js"></script>
    <script src="../auto/js/jquery.magnific-popup.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/vue@2.6/dist/vue.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/vant@2.12/lib/vant.min.js"></script>
    <style>
      .hidden {
        display: none;
      }

    .read{  
      padding: 0 10px;
      /* font-size: 13px; */
      position: absolute;
      bottom: 10px;
    }
    .read .title{
      text-align: center;
    }
    .read .header{
      font-weight: 600;
    } 
    /*.read .content{
       font-size: 11px; 
    }*/
    .line{
      position: relative; 
      /* width: 100px; */
      top: -15px; 
      text-align: center; 
      background-color: #fff;
      margin: 0 auto;
    } 
    </style> 

</head>

<body class="kb-bg">   
   <div class="top"></div> 
   <div class="steps"> 
    <div class="item">
      <div class="step color-back-blue">
        <div class="value">1</div>
      </div>
      <div class="bt color-blue">区域校验</div>
    </div>
    <hr class="hr"></hr>

    <div class="item"> 
      <div class="step color-back-black">
        <div class="value">2</div>
      </div> 
      <span class="bt color-black">补贴申领</span>
    </div> 
  
    <hr class="hr"></hr>
    
    <div class="item"> 
      <div class="step color-back-gray">
        <div class="value">3</div>
      </div> 
      <span class="bt color-gray">补贴兑换</span>
    </div> 
  </div>
  <div class="notice">
    <img src="../auto/img/icon/notice.png" class="notice-icon"/>
    <div style="font-size: 24px;" >每人每月补贴9元，限100份</div> 
  </div>
  <!-- <div class="notice"> 
    <div style="font-size: 24px;text-align: center;" class="color-gray">每人每月补贴9元，限100份</div> 
  </div> -->
   
    <main>
        <div id="scan-integral"> 
            <form name="bindingtelPhoneForm" action="" style="margin-top: 50px;"> 
              <div class="input-from">
                <!-- <label class="label">手机号:</label> -->
                <input class="input-arrow required" style="height: 100px;border-radius: 50px;background: #F7F8FA;border: 0px;padding-left: 50px;" type="text" id="mobile" maxlength="11" placeholder="请输入您的手机号"/>
              </div> 
                
              <div class="input-from" style="margin-top: 30px;">
                  <!-- <label class="label">工牌号:</label> -->
                  <input class="input-arrow required"  style="height: 100px;border-radius: 50px;background: #F7F8FA;border: 0px;padding-left: 50px;" type="text" id="sno" maxlength="10" placeholder="请输入您的工牌号"/>
              </div> 

             <div class="input-from" style="margin-top: 30px;">
                <button type="button" class="btn" style="margin-top: 20px;" onclick="getCoupon()">立即申请</button>
             </div>

            </form>

            <div class="footer">
              <!-- <img  src="../auto/img/logo.png"/> -->
              
          <div class="img"></div>
              <fieldset class="marker">
                <legend>领先的互联网家政服务商</legend>
              </fieldset>
            </div>

        </div>
          <!-- 使用说明 
      <div class="read">
        <div class="title">
          <hr />
          <div class="line">使用说明</div>
        </div> 
        <p class="header" style="margin-top: 10px;">*服务范围查询</p>
        <p class="content">①选择您所在的城市</p>
        <p class="content">②输入您的详细地址 市-镇-小区</p>
        <p class="content">③点击“服务范围查询”</p>
        <p class="content">④如果地址在服务范围内，将会跳转券码页</p>
        <p class="content">⑤如果地址不在服务范围内，提示“不在服务范围内”</p>
      </div>-->


    </main> 

    <script type="text/javascript"> 
    // import { Dialog } from 'vant';

     function getCoupon(){    
       var mobile = $("#mobile").val(); 
         if (typeof(mobile) == "undefined"||mobile == "") {
          vant.Dialog({message: '请输入手机号' });
          //  messageCheckModal("请输入手机号",'check-common',null,"确定")
           return;
          }

          var sno = $("#sno").val();

          if (sno == "") {  
            vant.Dialog({message: '请输入您的工号' });
              // messageCheckModal("请输入您的工号",'',null,"确定")
             return;
          } 

        let type=(getQueryString('type')==null||getQueryString('type')=='null')?0:getQueryString('type');
        console.info(type)
      

        let url=getBaseUrl()+"/admin/saicgroup/getCoupon?mobile="+mobile+"&sno="+sno+"&type="+type;

        $.ajax({
        type: 'get',
        dataType: "json",
        url: url,
        cache: false,
        async: false,
        success: function (data) {
          if (data.errno == 0)
             window.location.href='https://zhaijieshi-3guecm78383ca692-1307626841.tcloudbaseapp.com/auto/sq.html?no='+data.data;
          else if(data.errno==7||data.errmsg.indexOf('领光')>=0)//领光了 
            window.location.href='end.html';
          else 
          vant.Dialog({message: data.errmsg });

        },
        error: function (XMLHttpRequest, textStatus, errorThrown) {

        }
       }); 

    } 
     //获取url参数
    function getQueryString(name) {
      var reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i');
      var r = window.location.search.substr(1).match(reg);
      if (r != null) {
        return unescape(r[2]);
      }
      return null;
    }
  
    function goClose(){
     $('.message').addClass('hidden');
   }  
 
    </script>
</body>

</html>