bind.php 6.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>熊猫美妆F码</title>
  6. <meta name="format-detection" content="telephone=no" />
  7. <script src="<?php echo RESOURCE_SITE_URL; ?>/mobile/comm/flexible.js?<?php echo bonus_version(); ?>"></script>
  8. <link rel="stylesheet" href="<?php echo RESOURCE_SITE_URL; ?>/mobile/fcode/css/main.css?<?php echo bonus_version(); ?>"/>
  9. </head>
  10. <body>
  11. <div class="container-fluid bg_write layout_center p_relative">
  12. <div>
  13. <img src="<?php echo RESOURCE_SITE_URL; ?>/mobile/fcode/images/content_bg.png" alt="熊猫美妆"/>
  14. </div>
  15. <div class="prompt_text t_left">
  16. <ul class="layout_center">
  17. <li>1.领取后进入APP“F码专区”购买</li>
  18. <li>2.请注意F码使用有效期</li>
  19. <li>3.商品退货后F码不退</li>
  20. <li>4.可以继续分享该链接给好友领取F码</li>
  21. </ul>
  22. </div>
  23. <div class="bind_tel_box p_absolute bg_write">
  24. <div class="fcode t_center layout_center fcode_init_bg"><?php echo $output['fcode']['fc_code']; ?></div>
  25. <div class="tel layout_center">
  26. <div class="mobile_box p_relative"><input type="number" placeholder="手机号" class="mobile block" id="tel_number"/></div>
  27. <div class="overflow get_box p_relative">
  28. <div class="f_left yz_box"><input type="number" placeholder="请输入验证码" class="yzcode block" id="yanz"/></div>
  29. <div class="f_left get_yz p_relative"><button type="button" class="block btn_yz t_center" id="hack">获取验证码</button></div>
  30. </div>
  31. </div>
  32. <div>
  33. <button class="btn btn_submit block t_center layout_center" id="bind">提交领取</button>
  34. </div>
  35. </div>
  36. <div class="p_absolute advert bg_write">
  37. <div class="f_left logo">
  38. <img src="<?php echo RESOURCE_SITE_URL; ?>/mobile/fcode/images/logo.png" alt="logo"/>
  39. </div>
  40. <div class="f_left">
  41. <h4>熊猫美妆</h4>
  42. <p>专柜美妆&nbsp;&nbsp;内买平台</p>
  43. </div>
  44. <div class="f_right">
  45. <a href="javascript:void(0)" class="btn btn_down block t_center" id="link">立即下载</a>
  46. </div>
  47. </div>
  48. </div>
  49. <script type="text/javascript" src="<?php echo RESOURCE_SITE_URL; ?>/mobile/bonus/js/zepto.min.js?<?php echo bonus_version(); ?>"></script>
  50. <script type="text/javascript" src="<?php echo RESOURCE_SITE_URL; ?>/mobile/fcode/js/fcode.js?<?php echo bonus_version(); ?>"></script>
  51. <script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js?<?php echo bonus_version(); ?>"></script>
  52. <script type="text/javascript" src="<?php echo RESOURCE_SITE_URL; ?>/mobile/comm/wx_share.js?<?php echo bonus_version(); ?>"></script>
  53. <script type="text/javascript">
  54. $(function(){
  55. $('#link').attr('href',app());
  56. $('body').height($('body')[0].clientHeight);
  57. $('#hack').on('tap',function()
  58. {
  59. var validate = new Validate();
  60. var mobile=validate.mobile('#tel_number');
  61. if(!mobile)
  62. {
  63. alert('请输入正确的电话号码');
  64. return;
  65. }
  66. else
  67. {
  68. var data = {
  69. mobile:$('#tel_number').val(),
  70. act:'login',
  71. op:'getcode',
  72. type:'getfcode',
  73. client_type:'ajax'
  74. };
  75. var countTime = new CountDown(60);
  76. countTime.countDown();
  77. ajaxServer('post','/mobile/index.php',data,function(data)
  78. {
  79. if (data.code != 200) {
  80. alert(data.message);
  81. }
  82. });
  83. }
  84. });
  85. $('#bind').on('tap',function ()
  86. {
  87. var validate = new Validate();
  88. var fmobile = validate.mobile('#tel_number');
  89. var fcode = validate.required('#yanz');
  90. var commonid = '<?php echo $output['fcode']['goods_commonid']; ?>';
  91. var batch_code = '<?php echo $output['fcode']['batch_code']; ?>';
  92. var sid = '<?php echo $output['sid']; ?>';
  93. if(!fmobile) {
  94. alert('请输入正确的电话号码');
  95. return;
  96. }
  97. if(!fcode) {
  98. alert('请输入正确的验证码');
  99. return;
  100. }
  101. var mobile = $('#tel_number').val();
  102. var code = $('#yanz').val();
  103. var data = {
  104. act:'fcode',
  105. op:'bind',
  106. client_type:'ajax',
  107. common_id:commonid,
  108. batch_code:batch_code,
  109. mobile:mobile,
  110. code:code
  111. };
  112. ajaxServer('post','/mobile/index.php',data,function(data)
  113. {
  114. if (data.code == 200)
  115. {
  116. var url = "/mobile/index.php?act=fcode&op=index&common_id=" + commonid + "&batch_code=" + batch_code + "&mobile=" + mobile;
  117. location.replace(url);
  118. }
  119. else {
  120. alert(data.message);
  121. }
  122. });
  123. });
  124. $(document).on('tap',function()
  125. {
  126. var eventName=event.target.localName;
  127. if(eventName.indexOf('input') !== -1 || eventName.indexOf('button') !== -1){
  128. return;
  129. }
  130. $('input').blur();
  131. });
  132. var shareData = (function()
  133. {
  134. var url = '<?php echo BASE_SITE_URL . "/mobile/index.php?act=fcode&op=index&client_type=wap&common_id={$output['fcode']['goods_commonid']}&batch_code={$output['fcode']['batch_code']}"; ?>';
  135. return {
  136. title:"领取熊猫美妆F码",
  137. desc:'享<?php echo "{$output['price']}元购{$output['name']}"; ?>福利\n\n点击领取',
  138. link:url,
  139. imgUrl:"<?php echo $output['image']; ?>"
  140. };
  141. })();
  142. weiXinShare.init(shareData);
  143. });
  144. </script>
  145. </body>
  146. </html>