Showing
5 changed files
with
82 additions
and
21 deletions
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}} |
@@ -19,11 +19,9 @@ | @@ -19,11 +19,9 @@ | ||
19 | <span class="righttag"></span> | 19 | <span class="righttag"></span> |
20 | </div> | 20 | </div> |
21 | <div class="optionslist hide"> | 21 | <div class="optionslist hide"> |
22 | - {{#each region}} | ||
23 | - <div class="optionitem" areanum="{{areaCode}}">{{name}} | ||
24 | - </div> | 22 | + {{#each region}} |
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 | ||
@@ -1325,11 +1324,13 @@ function actionLoopUpdCartNum() { | @@ -1325,11 +1324,13 @@ function actionLoopUpdCartNum() { | ||
1325 | function actionExeTemplate() { | 1324 | function actionExeTemplate() { |
1326 | var $goodcartempwarpper = $('#goodcartempwarpper'); | 1325 | var $goodcartempwarpper = $('#goodcartempwarpper'); |
1327 | var resulthtml = ''; | 1326 | var resulthtml = ''; |
1328 | - | ||
1329 | - if ($goodcartempwarpper && $goodcartempwarpper.html()) { | ||
1330 | - resulthtml = $('#goodcartempwarpper').html().replace(/\\/g, ''); | ||
1331 | - $('#goodcartempwarpper').html(resulthtml); | ||
1332 | - vipInfoCombine = handlebars.compile($('#tmpl-my-login-new').html()); | 1327 | + |
1328 | + if ($goodcartempwarpper) { | ||
1329 | + if ($goodcartempwarpper.html()) { | ||
1330 | + resulthtml = $('#goodcartempwarpper').html().replace(/\\/g, ''); | ||
1331 | + $('#goodcartempwarpper').html(resulthtml); | ||
1332 | + vipInfoCombine = handlebars.compile($('#tmpl-my-login-new').html()); | ||
1333 | + } | ||
1333 | } | 1334 | } |
1334 | } | 1335 | } |
1335 | /** | 1336 | /** |
@@ -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(); |
-
Please register or login to post a comment