verify-dialog-style-adjust
Showing
3 changed files
with
12 additions
and
6 deletions
1 | <div class="safe-check-tip"> | 1 | <div class="safe-check-tip"> |
2 | - 您正在使用礼品卡支付,为了保障 您的安全,请进行安全验证。 验证码已发送至{{mobile}}手机号 | 2 | + <p>您正在使用礼品卡支付,为了保障 您的安全,请进行安全验证。</p> |
3 | + <p>验证码已发送至{{mobile}}手机号</p> | ||
3 | </div> | 4 | </div> |
4 | <div class="safe-check-form"> | 5 | <div class="safe-check-form"> |
5 | <div class="input-group"> | 6 | <div class="input-group"> |
6 | - <input name="verifyCode" type="text" placeholder="短信验证码"> | 7 | + <input name="verifyCode" type="number" placeholder="请输入验证码"> |
7 | <button id="getVerifyCodeBtn" class="get-verify-code-btn disable">重新获取 (60秒)</button> | 8 | <button id="getVerifyCodeBtn" class="get-verify-code-btn disable">重新获取 (60秒)</button> |
8 | </div> | 9 | </div> |
10 | + <div class="tip">{{message}}</div> | ||
9 | </div> | 11 | </div> |
@@ -62,10 +62,12 @@ class OrderEnsure extends Page { | @@ -62,10 +62,12 @@ class OrderEnsure extends Page { | ||
62 | * @param {手机号} mobile | 62 | * @param {手机号} mobile |
63 | * @param {弹窗确定事件的回调} sureCallback | 63 | * @param {弹窗确定事件的回调} sureCallback |
64 | */ | 64 | */ |
65 | - showSafeCheckDialog(mobile, sureCallback) { | 65 | + showSafeCheckDialog(renderData, sureCallback) { |
66 | dialog.showDialog({ | 66 | dialog.showDialog({ |
67 | hasHeader: '安全验证', | 67 | hasHeader: '安全验证', |
68 | - dialogText: safeCheckBoxHbs({ mobile: mobile }), | 68 | + dialogText: safeCheckBoxHbs(Object.assign(renderData, { |
69 | + mobile: this.selector.userMobile.val() | ||
70 | + })), | ||
69 | hasFooter: { | 71 | hasFooter: { |
70 | leftBtnText: '取消', | 72 | leftBtnText: '取消', |
71 | rightBtnText: '确定' | 73 | rightBtnText: '确定' |
@@ -133,7 +135,7 @@ class OrderEnsure extends Page { | @@ -133,7 +135,7 @@ class OrderEnsure extends Page { | ||
133 | * 获取验证码倒计时 | 135 | * 获取验证码倒计时 |
134 | */ | 136 | */ |
135 | countDown() { | 137 | countDown() { |
136 | - let count = 9; | 138 | + let count = 59; |
137 | let itime; | 139 | let itime; |
138 | let $getVerifyCodeBtn = $('#getVerifyCodeBtn'); | 140 | let $getVerifyCodeBtn = $('#getVerifyCodeBtn'); |
139 | 141 |
@@ -270,7 +270,9 @@ function submitOrder(verifyCode) { | @@ -270,7 +270,9 @@ function submitOrder(verifyCode) { | ||
270 | } else if (res.code === 409) { | 270 | } else if (res.code === 409) { |
271 | richTip.show(res.message, res.buttons); | 271 | richTip.show(res.message, res.buttons); |
272 | } else if (res.code === 411) { | 272 | } else if (res.code === 411) { |
273 | - orderEnsure.showSafeCheckDialog('123456789', submitOrder); | 273 | + orderEnsure.showSafeCheckDialog({ |
274 | + message: res.message | ||
275 | + }, submitOrder); | ||
274 | } else if (res.message) { | 276 | } else if (res.message) { |
275 | tip.show(res.message); | 277 | tip.show(res.message); |
276 | } | 278 | } |
-
Please register or login to post a comment