<!DOCTYPE html>
<html>
	<head>
        <include file="wxshare@head"/>
		<title>我的</title>
		<link href='__STATIC__/wxshare/css/my.css?v=1.229' rel="stylesheet" type="text/css" >
		    <link rel="stylesheet" type="text/css" href="__STATIC__/wxshare/css/payment.css?v=1.21">

	</head>
<body>
	<div class="uinfo">
		<div class="uavatar">	<img src="__STATIC__/wxshare/images/index/rs.png" class="level"></div>
		<div class="info">
			<div class="uid">账号：{$userinfo['user_login']}</div>
			<!--div class="uicon">
				<if condition="$userinfo['sex'] eq 2">
					<img src="__STATIC__/wxshare/images/snv.png" class="level">
				<else />
					<img src="__STATIC__/wxshare/images/snan.png" class="level">
				</if>
				<img src="{$levellist[$userinfo['level']]['thumb']}" class="level">
				<img src="{$levelanchorlist[$userinfo['level_anchor']]['thumb']}" class="level">
			</div-->
			<div class="uname">级别：<font color="#FF6000">{$vip}</font></div>
		
		</div>
		
			<div class="search_top">
		<div class="sinfo"><input  type="text" name="card" id="card" placeholder="请输入卡密" /></div>
		<div class="stit" id="recharge">充值</div>
	</div>
		
		<!--div class="usave"><a href="{:url('wxshare/user/uedit')}"><img src="__STATIC__/wxshare/images/return_j.png"></a></div-->
	 	<a href="{$dalinfo['buyurl']}" target="_blank"><div class="titkm red">无法在线支付的点我购买充值卡兑换VIP</div></a>
	 
	 	
	 	
	 		  
                       
                      
                      
                    
	 	
	 
	 	
	</div>
	

		<if condition="$configpub['onlinepay'] eq 1  && $userinfo['pid'] eq 1">

		<div class="lists">
		<div class="msg">
			<div class="tit">在线支付:</div>
			
		
		</div>
		
		<ul class="clist clear">
	        <volist name="czlists" id="v">
			<li data-rulesid="{$v['id']}" class="">
				<div class="ccoin">{$v['name']}</div>
				<div class="money">￥{$v['money']}</div>
			    <div class="vip">VIP</div>
			</li>
		</volist>
			
	
			<li class="hide clear"></li>
		</ul>
		
		<div class="msg">
			<div class="tit">请选择支付方式</div>
		</div>
		<ul class="plist">
			<if condition="$configpub['alipay'] eq 1">
			<li><label>
				<img src="__STATIC__/app/pay/ali.png">支付宝支付
				<input class="paytype" type="radio" name="paytype" value='alipay'>
				</label>
			</li>
			</if>
			<if condition="$configpub['wxpay'] eq 1">
			<li><label>
				<img src="__STATIC__/app/pay/wx.png">微信支付
				<input class="paytype" type="radio" name="paytype" value='wxpay'>
			</label></li>
			</if>
			
		</ul>
		
		<div class="gopay">确认支付</div>
     
     </div>
	</if>
	<div class="tlist">
		<div class="tit red">公告</div>
		<div class="container">
		    {$dalinfo['buygg']|htmlspecialchars_decode}
	    </div>
	
	
	</div>
	
	
		<div class="tlist">
		<div class="tit red">修改密码</div>
		
		<div class="auth_inp">
		<ul class="auth_list">
			<li>
				<p class="auth_list_title">原密码</p>
				<p class="auth_list_right">
					<input type="password" name="oldpassword" id="oldpassword" placeholder="请输入原密码" value="">
				</p>
				<p class="clearboth"></p>
			</li>
			<li>
				<p class="auth_list_title">新密码</p>
				<p class="auth_list_right">
					<input type="password" name="password" id="password" placeholder="请输入新密码" value="">
				</p>
				<p class="clearboth"></p>
			</li>
			<li>
				<p class="auth_list_title">确认密码</p>
				<p class="auth_list_right">
					<input type="password" name="xpassword" id="xpassword" placeholder="请输入确认密码" value="">
				</p>
				<p class="clearboth"></p>
			</li>
		</ul>
	   <div class="autharea auth_ok" id="chargepassword">
				确认修改
			</div>
	</div>

	
	
	</div>
	

	<div style="height:1rem"></div>
	<div class="footer">
		<div class="fli" onclick="location.href='{:url('wxshare/Share/index')}'">
			<div class="icon"><img src="__STATIC__/wxshare/images/index/index1.png"  /></div>
			<div class="tit ">节点刷新</div>
		</div>
		
				<div class="fli" onclick="location.href='{:url('wxshare/Share/jiaocheng')}'">
			<div class="icon"><img src="__STATIC__/wxshare/images/index/xxx1.png"  /></div>
			<div class="tit">使用教程</div>
			</div>
		<div class="fli on"  onclick="location.href='{:url('wxshare/user/index')}'">
			<div class="icon"><img src="__STATIC__/wxshare/images/index/my1.png"  /></div>
			<div class="tit">个人中心</div>
		</div>
	</div>
    <include file="wxshare@footer"/>
    
    <script>
    
    $("#recharge").click(function(){
        
        var card=$("#card").val();
        
        if(card==''){
            	layer.msg('请输入卡密！');
            	$("#card").focus();
            	return false;
        }else{
            
            if(!isValidStringAndLength(card)){
            
            	layer.msg('卡密输入错误！');
            	$("#card").focus();
            	return false;
            }
            
        } 
        
        
        	$.ajax({
			url: '/wxshare/user/chargevip',
			type: 'POST',
			dataType: 'json',
			data: {card:card},
			success:function(data){
     
				var code=data.code;
				if(code!=0){
					layer.msg(data.msg);
					return;
				}else{
					layer.msg('充值成功', {time:1000},function(){
			
						window.location.href="/wxshare/user/index.html";
					});


				}
			},
			error:function(e){
                is_submit=0;
				console.log(e);
			}
		});
		
        
    })
    
    

function isValidStringAndLength(str) {
    // 首先检查字符串是否只包含字母和数字
    if (!/^[a-zA-Z0-9]+$/.test(str)) {
        return false;
    }
    // 然后检查长度是否在16到18之间
    return str.length >= 16 && str.length <= 18;
}
     
    $("#chargepassword").click(function(){
        
        var oldpassword=$("#oldpassword").val();
        var password=$("#password").val();
        var xpassword=$("#xpassword").val();
        
        if(oldpassword==''){
            	layer.msg('请输入原密码！');
            	$("#oldpassword").focus();
            	return false;
        }
         if(password==''){
            	layer.msg('请输入新密码！');
            	$("#password").focus();
            	return false;
        }
         if(xpassword==''){
            	layer.msg('请输入确认密码！');
            	$("#xpassword").focus();
            	return false;
        }
        
         if(xpassword!=password){
            	layer.msg('两次输入的密码不一致！');
            	$("#xpassword").focus();
            	return false;
        }
        
        	$.ajax({
			url: '/wxshare/user/xgpassword',
			type: 'POST',
			dataType: 'json',
			data: {oldpassword:oldpassword,password:password},
			success:function(data){
     
				var code=data.code;
				if(code!=0){
					layer.msg(data.msg);
					return;
				}else{
					layer.msg('修改成功', {time:1000},function(){
			
						window.location.href="/wxshare/user/logout.html";
					});


				}
			},
			error:function(e){
                is_submit=0;
				console.log(e);
			}
		});
        
    })
    
    
    </script>
    
    	<script>

		var rulesid=0;
		var issub=0;

		$(".clist li").on("click",function(){
			$(this).siblings().removeClass("on");
			$(this).addClass("on");
			rulesid=$(this).data("rulesid");
			$("#changeid").val(rulesid);
			

		});
		
		$(".plist li").on("click",function(){
			$(this).siblings().removeClass("on");
			$(this).addClass("on");
			$("#c_PPPayID").val($('input[name="paytype"]:checked').val());
		});
	
	
		$(".gopay").on("click",function(){
		/*	if(issub==1){
				return;
			}
			*/
			var changeid=rulesid;
			if(!changeid){
				layer.msg('请选择充值规则');
				return false;
			}
			var type=$('input[name="paytype"]:checked').val();


			if(!type){
				layer.msg('请选择支付方式');
				return false;
			}
			issub=1;
			
		
			window.location.href="/wxshare/payment/chargepay?id="+changeid+"&paytype="+type;
			
		    


		});
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		

	
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		

	</script>

 
</body>
</html>










