{extend name="default/users/base" /}
{block name="title"}安全设置 - 用户中心 - {:WSTConf('CONF.shopName')}{__block__}{/block}
{block name="css"}
<link href="__STYLE__/css/security.css?v={$v}" rel="stylesheet">
{/block}
{block name="content"}
<div class="wst-user-box"><div class="wst-user-info">
	<div class="wst-sec-info">
		<div class="wst-sec-infor">
			<span class="wst-sec-infoi">安全等级<span class="score" id="level">0</span></span>
			<div class="wst-sec-infol">
				<span class="wst-sec-strip">
				{if ($data['loginPwd'])}<span class="wst-sec-strip2 wst-lfloat"></span>{/if}
				{if ($data['userEmail'])}<span class="wst-sec-strip2 wst-lfloat"></span>{/if}
				{if ($data['userPhone'])}<span class="wst-sec-strip2 wst-lfloat"></span>{/if}
				{if ($data['payPwd'])}<span class="wst-sec-strip2 wst-lfloat"></span>{/if}
				</span>
				<span class="icon" id="wst-sec-icon"></span>
			</div>
			<span class="prompt">存在<em id="suggest">0</em>项风险</span>
		</div>
		<div style='clear:both;'></div>
	</div>
	<div class="wst-sec-s">
		<div class="wst-sec-lists">
			<div class="item">
				<i class="lock"></i><p class="wst-sec-w">登录密码</p>{if (!$data['loginPwd'])}<span class="binding"></span><span class="title">未设置</span>{/if}
				<p class="wst-sec-ws" {if (!$data['loginPwd'])}style="color: rgb(255,102,0);"{/if}>登陆密码用于会员的登陆以及进行登陆的一系列操作</p>
			</div>
			<a class="wst-user-buta" onclick="location.href=WST.U('home/users/editPass')">{if ($data['loginPwd'])}修改{else}设置{/if}</a>
		</div>
		<div class="wst-sec-lists">
			<div class="item">
				<i class="lock"></i><p class="wst-sec-w">支付密码</p>{if (!$data['payPwd'])}<span class="binding"></span><span class="title">未设置</span>{/if}
				<p class="wst-sec-ws" {if (!$data['payPwd'])}style="color: rgb(255,102,0);"{/if}>支付密码用于会员的提现账号设置及提现申请操作</p>
			</div>
			<a class="wst-user-buta" onclick="location.href=WST.U('home/users/editPayPass')">{if ($data['payPwd'])}修改{else}设置{/if}</a>
		</div>
		<div class="wst-sec-lists">
			<div class="item">
				<i class="email"></i><span class="wst-sec-w">安全邮箱{if ($data['userEmail'])}&nbsp;{$data['userEmail']}{/if}</span>{if (!$data['userEmail'])}<span class="binding"></span><span class="title">未绑定</span>{/if}
				<p class="wst-sec-ws" {if (!$data['userEmail'])}style="color: rgb(255,102,0);"{/if}>邮箱验证方便您及时接收优惠促销信息，以及积分、优惠卷和账户余额变动的提醒</p>
			</div>
			<a class="wst-user-buta" onclick="location.href=WST.U('home/users/editEmail')">{if ($data['userEmail'])}修改{else}绑定{/if}</a>
		</div>
		<div class="wst-sec-lists">
			<div class="item">
				<i class="phone"></i><span class="wst-sec-w">安全手机{if ($data['userPhone'])}&nbsp;{$data['userPhone']}{/if}</span>{if (!$data['userPhone'])}<span class="binding"></span><span class="title">未绑定</span>{/if}
				<p class="wst-sec-ws" {if (!$data['userPhone'])}style="color: rgb(255,102,0);"{/if}>手机验证方便您及时接收优惠促销信息，以及积分、优惠卷和账户余额变动的提醒</p>
			</div>
			<a class="wst-user-buta" onclick="location.href=WST.U('home/users/editPhone')">{if ($data['userPhone'])}修改{else}绑定{/if}</a>
		</div>
		<div class="wst-clear"></div>
	</div>
</div></div>
{/block}
{block name="js"}
<script>
$(function(){
	var securityCount = $('.wst-sec-strip2').length;
	if(securityCount==1){
	   $('#level').html('25<span>分</span>');
	   $('#suggest').html('3');
	   $('#wst-sec-icon').css('left','90px');
	}else if(securityCount==2){
	   $('#level').html('50<span>分</span>');
	   $('#suggest').html('2');
	   $('#wst-sec-icon').css('left','180px');
	}else if(securityCount==3){
	   $('#level').html('75<span>分</span>');
	   $('#suggest').html('1');
	   $('#wst-sec-icon').css('left','270px');
	}else if(securityCount==4){
	   $('#level').html('100<span>分</span>');
	   $('#suggest').html('0');
	   $('#wst-sec-icon').css('left','360px');
	}else{
	   $('#level').html('0<span>分</span>');
	   $('#suggest').html('4');
	   $('#wst-sec-icon').css('left','0px');
	}
});
</script>
{/block}