bind.php 6.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154
  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. </ul>
  21. </div>
  22. <div class="bind_tel_box p_absolute bg_write">
  23. <div class="fcode t_center layout_center fcode_init_bg"><?php echo $output['fcode']['fc_code']; ?></div>
  24. <div class="tel layout_center">
  25. <div class="mobile_box p_relative"><input type="number" placeholder="手机号" class="mobile block" id="tel_number"/></div>
  26. <div class="overflow get_box p_relative">
  27. <div class="f_left yz_box"><input type="number" placeholder="请输入验证码" class="yzcode block" id="yanz"/></div>
  28. <div class="f_left get_yz p_relative"><button type="button" class="block btn_yz t_center" id="hack">获取验证码</button></div>
  29. </div>
  30. </div>
  31. <div>
  32. <button class="btn btn_submit block t_center layout_center" id="bind">提交领取</button>
  33. </div>
  34. </div>
  35. <div class="p_absolute advert bg_write">
  36. <div class="f_left logo">
  37. <img src="<?php echo RESOURCE_SITE_URL; ?>/mobile/fcode/images/logo.png" alt="logo"/>
  38. </div>
  39. <div class="f_left">
  40. <h4>熊猫美妆</h4>
  41. <p>专柜美妆&nbsp;&nbsp;内买平台</p>
  42. </div>
  43. <div class="f_right">
  44. <a href="javascript:void(0)" class="btn btn_down block t_center" id="link">立即下载</a>
  45. </div>
  46. </div>
  47. </div>
  48. <script type="text/javascript" src="<?php echo RESOURCE_SITE_URL; ?>/mobile/bonus/js/zepto.min.js?<?php echo bonus_version(); ?>"></script>
  49. <script type="text/javascript" src="<?php echo RESOURCE_SITE_URL; ?>/mobile/fcode/js/fcode.js?<?php echo bonus_version(); ?>"></script>
  50. <script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js?<?php echo bonus_version(); ?>"></script>
  51. <script type="text/javascript" src="<?php echo RESOURCE_SITE_URL; ?>/mobile/comm/wx_share.js?<?php echo bonus_version(); ?>"></script>
  52. <script type="text/javascript">
  53. $(function(){
  54. $('#link').attr('href',app());
  55. $('body').height($('body')[0].clientHeight);
  56. $('#hack').on('tap',function()
  57. {
  58. var validate = new Validate();
  59. var mobile=validate.mobile('#tel_number');
  60. if(!mobile)
  61. {
  62. alert('请输入正确的电话号码');
  63. return;
  64. }
  65. else
  66. {
  67. var data = {
  68. mobile:$('#tel_number').val(),
  69. act:'login',
  70. op:'getcode',
  71. type:'getfcode',
  72. client_type:'ajax'
  73. };
  74. var countTime = new CountDown(60);
  75. countTime.countDown();
  76. ajaxServer('post','/mobile/index.php',data,function(data)
  77. {
  78. if (data.code != 200) {
  79. alert(data.message);
  80. }
  81. });
  82. }
  83. });
  84. $('#bind').on('tap',function ()
  85. {
  86. var validate = new Validate();
  87. var fmobile = validate.mobile('#tel_number');
  88. var fcode = validate.required('#yanz');
  89. var commonid = '<?php echo $output['fcode']['goods_commonid']; ?>';
  90. var batch_code = '<?php echo $output['fcode']['batch_code']; ?>';
  91. var sid = '<?php echo $output['sid']; ?>';
  92. if(!fmobile) {
  93. alert('请输入正确的电话号码');
  94. return;
  95. }
  96. if(!fcode) {
  97. alert('请输入正确的验证码');
  98. return;
  99. }
  100. var mobile = $('#tel_number').val();
  101. var code = $('#yanz').val();
  102. var data = {
  103. act:'fcode',
  104. op:'bind',
  105. client_type:'ajax',
  106. common_id:commonid,
  107. batch_code:batch_code,
  108. mobile:mobile,
  109. code:code
  110. };
  111. ajaxServer('post','/mobile/index.php',data,function(data)
  112. {
  113. if (data.code == 200)
  114. {
  115. var url = "/mobile/index.php?act=fcode&op=index&common_id=" + commonid + "&batch_code=" + batch_code + "&HPHPSESSID=" + sid +"&mobile=" + mobile;
  116. location.reload(url);
  117. }
  118. else {
  119. alert(data.message);
  120. }
  121. });
  122. });
  123. $(document).on('tap',function()
  124. {
  125. var eventName=event.target.localName;
  126. if(eventName.indexOf('input') !== -1 || eventName.indexOf('button') !== -1){
  127. return;
  128. }
  129. $('input').blur();
  130. });
  131. var shareData = (function()
  132. {
  133. 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']}"; ?>';
  134. return {
  135. title:"领取熊猫美妆F码",
  136. desc:'享<?php echo "{$output['price']}元购{$output['name']}"; ?>福利',
  137. link:url,
  138. imgUrl:"<?php echo $output['image']; ?>"
  139. };
  140. })();
  141. weiXinShare.init(shareData);
  142. });
  143. </script>
  144. </body>
  145. </html>