2019-09-06 23:53:10 +08:00

116 lines
5.8 KiB
HTML
Executable File

{extend name="default/users/base" /}
{block name="title"}安全设置 - 买家中心{__block__}{/block}
{block name="css"}
<link href="__STATIC__/plugins/validator/jquery.validator.css?v={$v}" rel="stylesheet">
<link href="__STYLE__/css/security.css?v={$v}" rel="stylesheet">
{/block}
{block name="content"}
<div class="wst-user-head"><span>绑定手机</span><a href="{:url('home/users/security')}">返回</a></div>
<div class="wst-clear"></div>
<div class="wst-sec-head2">
<div class="wst-lfloat wst-sec-min {if ($process=='One')}wst-sec-gr{/if}">1、验证身份</div>
<div class="wst-lfloat wst-sec-min1 {if ($process=='One')}wst-sec-gr1{/if}"></div>
<div class="wst-lfloat wst-sec-mi">
<div class="wst-lfloat wst-sec-min2 {if ($process=='Two')}wst-sec-gr2{/if}"></div>
<div class="wst-lfloat wst-sec-min3 {if ($process=='Two')}wst-sec-gr3{/if}"></div>
</div>
<div class="wst-lfloat wst-sec-min {if ($process=='Two')}wst-sec-gr{/if}">2、设置支付密码</div>
<div class="wst-lfloat wst-sec-min1 {if ($process=='Two')}wst-sec-gr1{/if}"></div>
<div class="wst-lfloat wst-sec-mi">
<div class="wst-lfloat wst-sec-min2 {if ($process=='Three')}wst-sec-gr2{/if}"></div>
<div class="wst-lfloat wst-sec-min3 {if ($process=='Three')}wst-sec-gr3{/if}"></div>
</div>
<div class="wst-lfloat wst-sec-min {if ($process=='Three')}wst-sec-gr{/if}">3、完成</div>
</div>
{if ($process=='One')}
{if($data['phoneType']==1)}
<form method="post" id="getpayForm" autocomplete="off">
<table class='wst-form'>
<tr>
<th align='right'><font color='red'>*</font>已验证的手机:</th>
<td>{$data['userPhone']}</td>
</tr>
<tr>
<th align='right'><font color='red'>*</font>输入短信校验码:</th>
<td>
<input type='text' class="ipt" id='Checkcode' name='Checkcode' data-rule="校验码: required;" data-msg-required="请输入校验码" data-tip="请输入校验码" data-target="#verifyPhone1" style='width:250px;' maxLength='30'/>
<button id="timeObtain" class="wst-sec-obtain" type="button" onclick="javascript:getPhoneVerify('pay');">获取手机验证码</button>
<span id="verifyPhone1"></span>
</td>
</tr>
<tr>
<td colspan='2' style='padding-left:116px;height:60px;'>
<button class="wst-sec-but" type="submit" style="width:100px;height: 30px;">确认</button>
</td>
</tr>
</table>
</form>
{else}
<div class="wst-sec-su">
<span class="wst-sec-sub" style="color: #333333;">您还未绑定手机号码,请绑定手机号码。</span>
</div>
{/if}
{/if}
{if ($process=='Two')}
<form method="post" id="payForm" autocomplete="off">
<input type="hidden" id="token" value='{:WSTConf("CONF.pwdModulusKey")}'/>
<input type='hidden' id='process' class='ipt' value='{$process}' autocomplete="off"/>
<table class='wst-form'>
<tr>
<th align='right'> <font color='red'>*</font>新支付密码:</th>
<td>
<input type='password' class="ipt" id='newPass' name='newPass' style='width:250px;' maxLength='6' data-rule='新支付密码:required;length(6)'/>
</td>
</tr>
<tr>
<th align='right'> <font color='red'>*</font>确认支付密码:</th>
<td>
<input type='password' class="ipt" id='reNewPass' name='reNewPass' style='width:250px;' maxLength='6' data-rule='确认支付密码:required;length(6)'/>
</td>
</tr>
<tr>
<tr>
<td colspan='2' style='padding-left:75px;height:60px;'>
<button class='wst-sec-but wst-lfloat' type="submit" style="width:100px;height: 30px;">&nbsp;</button>
<button class='wst-sec-but2 wst-lfloat' type="reset" style="width:100px;height: 30px;margin-left:16px;">&nbsp;</button>
</td>
</tr>
</table>
</form>
<div style="text-align: center;margin-top:50px;"><button type="button" id="timeSend" class='wst-btn-querys'style="display:none;">下一步</button></div>
{/if}
{if ($process=='Three')}
<div class="wst-sec-su">
<span class="wst-sec-sut"><img src="__STYLE__/img/icon_success.png"/></span>
<span class="wst-sec-sub">您已成功重置支付密码!</span>
</div>
{/if}
<form method="post" id="phoneVerify" autocomplete="off" style="display:none;">
<input type='hidden' id='VerifyId' value='' autocomplete="off"/>
<table class='wst-form' style="width:500px;">
<tr>
<th align='right'><font color='red'>*</font>验证码:</th>
<td>
<input id="smsVerfy" style="ime-mode:disabled;width:150px;" name="smsVerfy" data-rule="验证码: required;" data-msg-required="请输入验证码" data-tip="请输入验证码" data-target="#verify" class="ipt wst-lfloat" tabindex="6" autocomplete="off" maxlength="6" type="text"/>
<label class="wst-sec-img">
<img id='verifyImg' src="{:url('home/users/getVerify')}" onclick='javascript:WST.getVerify("#verifyImg")' style="width:110px;">
</label>
<label>&nbsp;看不清?<a href="javascript:WST.getVerify('#verifyImg')"style="color:#69b7b5;">换一张</a></label><span id="verify"></span>
</td>
</tr>
<tr>
<td colspan='2' style='padding-left:71px;height:50px;'>
<button class="wst-sec-but" type="submit" style="width:100px;height: 30px;">确认</button>
</td>
</tr>
</table>
</form>
{/block}
{block name="js"}
<script type="text/javascript" src="__STATIC__/js/rsa.js"></script>
<script type='text/javascript' src='__STYLE__/users/security/security.js?v={$v}'></script>
<script type="text/javascript" src="__STATIC__/plugins/validator/jquery.validator.min.js?v={$v}"></script>
<script>
$(function(){vegetpayForm();vepayForm();})
</script>
{/block}