Authored by wangqing

增加绑定成功和已经绑定的提示

  1 +{{> layout/simple-header}}
  2 +<div class="bindsuccesswrapper">
  3 + <div class="successwrapper">
  4 + <span class="successtag"></span>
  5 + <span class="congratulation">恭喜!</span>
  6 + <span class="successnotify">您的号码已经绑定成功</span>
  7 + </div>
  8 + <h3 class="info">今后您可以选择微信或绑定的手机号码+密码的方式登录此账户</h3>
  9 + <a href="" class="yohobindbtn gobuynow">立即购物</a>
  10 +</div>
  11 +{{> layout/footer}}
@@ -20,10 +20,8 @@ @@ -20,10 +20,8 @@
20 </div> 20 </div>
21 <div class="optionslist hide"> 21 <div class="optionslist hide">
22 {{#each region}} 22 {{#each region}}
23 - <div class="optionitem" areanum="{{areaCode}}">{{name}}  
24 - </div> 23 + <div class="optionitem" areanum="{{areaCode}}">{{name}}</div>
25 {{/each}} 24 {{/each}}
26 -  
27 </div> 25 </div>
28 </div> 26 </div>
29 </div> 27 </div>
@@ -51,4 +49,36 @@ @@ -51,4 +49,36 @@
51 <a href="javascript:void(0)" class="yohobindbtn" id="bindfirststep">下一步</a> 49 <a href="javascript:void(0)" class="yohobindbtn" id="bindfirststep">下一步</a>
52 </div> 50 </div>
53 </div> 51 </div>
  52 +<div id="alreayregist" style="display:none">
  53 + <div class="mask">
  54 + <div class="bindconfrimwrapper">
  55 + <div class="topwrapper">
  56 + <img src="../img/yohofamily.png" alt="" class="userphoto">
  57 + <span class="username">用户名:潮男型范</span>
  58 + </div>
  59 + <h2 class="usertaginfo">手机号1519595959已经被以上账户注册,请确认是否归您本人所有</h2>
  60 + <h1 class="usertagremind">您可以绑定该手机号码或更换一个新的手机号码绑定该账号,也可以使用该手机号码直接登录</h1>
  61 + <div class="gobindwrapper">
  62 + <div class="validaterow">
  63 + <div class="content">
  64 + <input type="text" class="validatacode" placeholder="验证码"/>
  65 + </div>
  66 + <div class="validatewrapper">
  67 + <a href="javascript:void(0)" class="yohobindbtn" id="sendmessage">免费获取短信验证码</a>
  68 + </div>
  69 + <div class="hide" id="nopermissionmessage">
  70 + <span class="second">60</span>
  71 + 秒后可重新操作
  72 + </div>
  73 + </div>
  74 + <a href="" class="yohobindbtn myphone">是的我绑定该手机号</a>
  75 + </div>
  76 + <div class="gobindbottomwrapper">
  77 + <a href="" class="logindirectly">绑定其他手机号</a>
  78 + <a href="" class="logindirectly">使用手机号直接登录</a>
  79 + </div>
  80 + </div>
  81 + </div>
  82 + <div class="backdrop"></div>
  83 +</div>
54 {{> layout/footer}} 84 {{> layout/footer}}
@@ -145,7 +145,6 @@ @@ -145,7 +145,6 @@
145 </div> 145 </div>
146 </div> 146 </div>
147 </div> 147 </div>
148 -{{/headerdata}}  
149 <div id="goodcartempwarpper"> 148 <div id="goodcartempwarpper">
150 <script type="text/html" id="mini-cart-tpl"> 149 <script type="text/html" id="mini-cart-tpl">
151 \{\{#carData\}\} 150 \{\{#carData\}\}
@@ -363,3 +362,5 @@ @@ -363,3 +362,5 @@
363 </div> 362 </div>
364 </script> 363 </script>
365 </div> 364 </div>
  365 +{{/headerdata}}
  366 +
@@ -778,7 +778,6 @@ function actionTipPic() { @@ -778,7 +778,6 @@ function actionTipPic() {
778 778
779 779
780 780
781 -  
782 function closeCover() { 781 function closeCover() {
783 var $cover = $('#cover'); 782 var $cover = $('#cover');
784 783
@@ -1326,11 +1325,13 @@ function actionExeTemplate() { @@ -1326,11 +1325,13 @@ function actionExeTemplate() {
1326 var $goodcartempwarpper = $('#goodcartempwarpper'); 1325 var $goodcartempwarpper = $('#goodcartempwarpper');
1327 var resulthtml = ''; 1326 var resulthtml = '';
1328 1327
1329 - if ($goodcartempwarpper && $goodcartempwarpper.html()) { 1328 + if ($goodcartempwarpper) {
  1329 + if ($goodcartempwarpper.html()) {
1330 resulthtml = $('#goodcartempwarpper').html().replace(/\\/g, ''); 1330 resulthtml = $('#goodcartempwarpper').html().replace(/\\/g, '');
1331 $('#goodcartempwarpper').html(resulthtml); 1331 $('#goodcartempwarpper').html(resulthtml);
1332 vipInfoCombine = handlebars.compile($('#tmpl-my-login-new').html()); 1332 vipInfoCombine = handlebars.compile($('#tmpl-my-login-new').html());
1333 } 1333 }
  1334 + }
1334 } 1335 }
1335 /** 1336 /**
1336 * 执行搜索 1337 * 执行搜索
@@ -1512,7 +1513,7 @@ function init() { @@ -1512,7 +1513,7 @@ function init() {
1512 actionListenCartMore(); // 1513 actionListenCartMore(); //
1513 actionLoginInfo(); //获取登录信息 1514 actionLoginInfo(); //获取登录信息
1514 actionCover(); //初次登录弹框 1515 actionCover(); //初次登录弹框
1515 - actionAddKeyWords();//增加关键字 1516 + actionAddKeyWords(); //增加关键字
1516 } 1517 }
1517 1518
1518 init(); 1519 init();
@@ -17,7 +17,7 @@ function chooseProtocol() { @@ -17,7 +17,7 @@ function chooseProtocol() {
17 }); 17 });
18 } 18 }
19 19
20 - }) 20 + });
21 } 21 }
22 22
23 function chooseAreaToogle() { 23 function chooseAreaToogle() {
@@ -29,12 +29,18 @@ function chooseAreaToogle() { @@ -29,12 +29,18 @@ function chooseAreaToogle() {
29 function cancelChooseArea() { 29 function cancelChooseArea() {
30 $(document).on('click', 'body', function(e) { 30 $(document).on('click', 'body', function(e) {
31 var $target = $(e.target); 31 var $target = $(e.target);
32 - if ($target.hasClass('yohoselectarea') || $target.hasClass('yohoselectarea') || $target.hasClass('areaname') || $target.hasClass('righttag') || $target.hasClass('optionslist') || $target.hasClass('optionitem')) { 32 +
  33 + if ($target.hasClass('yohoselectarea') ||
  34 + $target.hasClass('yohoselectarea') ||
  35 + $target.hasClass('areaname') ||
  36 + $target.hasClass('righttag') ||
  37 + $target.hasClass('optionslist') ||
  38 + $target.hasClass('optionitem')) {
33 return; 39 return;
34 } else { 40 } else {
35 $('.optionslist').addClass('hide'); 41 $('.optionslist').addClass('hide');
36 } 42 }
37 - }) 43 + });
38 } 44 }
39 45
40 function chooseArea() { 46 function chooseArea() {
@@ -42,17 +48,29 @@ function chooseArea() { @@ -42,17 +48,29 @@ function chooseArea() {
42 var $option = $(this); 48 var $option = $(this);
43 var areanum = $option.attr('areanum'); 49 var areanum = $option.attr('areanum');
44 var areaname = $option.text(); 50 var areaname = $option.text();
  51 +
45 $('#areaname').text(areaname); 52 $('#areaname').text(areaname);
46 $('#areanum').text(areanum); 53 $('#areanum').text(areanum);
47 $('#areacode').val(areanum); 54 $('#areacode').val(areanum);
48 $('.optionslist').addClass('hide'); 55 $('.optionslist').addClass('hide');
49 - }) 56 + });
50 } 57 }
51 58
52 function isagree() { 59 function isagree() {
53 return $('.choosetag').attr('checked'); 60 return $('.choosetag').attr('checked');
54 } 61 }
55 62
  63 +function closeMask() {
  64 + var $target;
  65 +
  66 + $(document).on('click', '#alreayregist', function(e) {
  67 + $target = $(e.target);
  68 + if ($target.hasClass('mask') || $target.hasClass('backdrop')) {
  69 + $('#alreayregist').hide();
  70 + }
  71 + })
  72 +}
  73 +
56 function nextStep() { 74 function nextStep() {
57 var openId = ''; 75 var openId = '';
58 var sourceType = ''; 76 var sourceType = '';
@@ -74,7 +92,7 @@ function nextStep() { @@ -74,7 +92,7 @@ function nextStep() {
74 openId = $('#openId').val() || '29803EC6D4AAC3AAB8ABDB6AE829D579'; 92 openId = $('#openId').val() || '29803EC6D4AAC3AAB8ABDB6AE829D579';
75 sourceType = $('#sourceType').val() || 'qq'; 93 sourceType = $('#sourceType').val() || 'qq';
76 $.ajax({ 94 $.ajax({
77 - type: "post", 95 + type: 'post',
78 url: '/passport/autouserinfo/bindCheck', 96 url: '/passport/autouserinfo/bindCheck',
79 data: { 97 data: {
80 mobile: mobile, 98 mobile: mobile,
@@ -86,18 +104,17 @@ function nextStep() { @@ -86,18 +104,17 @@ function nextStep() {
86 success: function(data) { 104 success: function(data) {
87 if (data.code === 200) { 105 if (data.code === 200) {
88 if (data.data.isReg === 0) { 106 if (data.data.isReg === 0) {
89 - $('#bindmobileform').attr('action','/passport/thirdlogin/noregist'); 107 + $('#bindmobileform').attr('action', '/passport/thirdlogin/noregist');
90 $('#bindmobileform').submit(); 108 $('#bindmobileform').submit();
91 } else { 109 } else {
92 - 110 + $('#alreayregist').show();
93 } 111 }
94 } else { 112 } else {
95 alert(data.message); 113 alert(data.message);
96 } 114 }
97 -  
98 } 115 }
99 }); 116 });
100 - }) 117 + });
101 } 118 }
102 119
103 function init() { 120 function init() {
@@ -106,5 +123,6 @@ function init() { @@ -106,5 +123,6 @@ function init() {
106 chooseAreaToogle(); 123 chooseAreaToogle();
107 cancelChooseArea(); 124 cancelChooseArea();
108 nextStep(); 125 nextStep();
  126 + closeMask();
109 } 127 }
110 init(); 128 init();