accountInfo.html 3.56 KB
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
	    <title id="title"></title>
	    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
	    <meta name="format-detection" content="telephone=no" />
	    <meta name="format-detection" content="email=no" />
	    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
	    <meta name="apple-mobile-web-app-capable" content="yes" />
	    <meta name="apple-mobile-web-app-title" content="">
	    <meta name="google" value="notranslate"><!-- 禁止Chrome 浏览器中自动提示翻译 -->
	    <link rel="stylesheet" href="../../css/reset.css"/>
		<link rel="stylesheet" href="../../iconfont/iconfont.css"/>
		<link rel="stylesheet" href="../../js/layui/layui.css"/>
	</head>
	<style>
		.accountInfo{
			margin-top: 20px;
		}
		.accountInfo li{
			border-bottom: 1px solid #C0C0C0;
			padding: 0 10px;
			box-sizing: border-box;
			height: 36px;
			line-height: 36px;
			background: #fff;
		}
		.accountInfo li span:last-child{
			float: right;
		}
	</style>
	<body>
		<div>
			<ul class="accountInfo">
				<li>
					<span>手机号码</span>
					<span id="userPhone"></span>
				</li>
				<li class="jiebtn" >
					<span>解绑账号</span>
					<span class="icon iconfont">&#xe61e;</span>
				</li>
				<!--<li class="paiz" >
					<span>整天</span>
					<span class="icon iconfont">&#xe61e;</span>
				</li>-->
			</ul>
		</div>
	</body>
</html>
<script src="../../js/jquery-3.2.1.min.js"></script>
<!--md5 start-->
<script src="http://cdn.bootcss.com/blueimp-md5/1.1.0/js/md5.js?v=1.1"></script>
<script src="http://cdn.bootcss.com/blueimp-md5/1.1.0/js/md5.min.js?v=1.1"></script>
<!--md5 end-->
<!--<script src="../../js/soft/layer.js"></script>-->
<script src="../../js/layui/layui/layui.js"></script>
<script src="../../js/url.js"></script>
<script src="../../js/ajax.js"></script>

<script>
	$(function(){
		layui.use(['layer'], function(){ 
		  //向世界问个好
		});
		var userPhone = mUrl.GetPhone();
		$("#userPhone").text(userPhone);
		
		//点击解绑弹窗
		$('.jiebtn').click(function(){
			layer.msg('努力开发中', {
			    //icon: 1,
			    time: 1500 //2秒关闭(如果不配置,默认是3秒)
			}, function(){
			    //do something
			});
			/*layer.confirm('是否解绑该手机号?', {icon: 3, title:'提示'}, function(index){
			    
			},function(index){
				layer.close(index);
			});*/
			//询问框
			/*layer.open({
			    content: '确定解绑该手机号?',
			    btn: ['是', '否'],
			    yes: function(index){
			      loginout();
			      layer.close(index);
			    }
			});*/
		});
	});
	function loginout(){		
		var salt = jsajax.salt(32);
		var token = mUrl.GetToken();
		var sortd = [
			{keyname:'app_id',value:'0eca8f5373ca4866aec2f8e9d9367104'},
			{keyname:'deviceInfo',value:'BC0703A4-AFB0-4B51-9089-9B7487C0CC6E'},
			{keyname:'salt',value:salt},
			{keyname:'sign_type',value:'md5'},
			{keyname:'token',value:token}
		];
		var md5sign = jsajax.getsign(sortd);
		var jsondata = {
			app_id:'0eca8f5373ca4866aec2f8e9d9367104',
			deviceInfo:'BC0703A4-AFB0-4B51-9089-9B7487C0CC6E',
			salt:salt,
			sign_type:'md5',
			token:token,
			sign:md5sign
		};
		jsajax.defaultReq(
			mUrl.loginOut,
			JSON.stringify(jsondata),
			function(data){
				console.log("解绑手机号 "+JSON.stringify(data));
				if(data.code==0){
					var openid = mUrl.GetOpenid();
					jsajax.gett(openid,function(n){
					    if(n==1){
					   		//用户已绑定手机号
					    }else{
					    	mUrl.SetToken(null);   	
					    }
					});
				}
			}
		);
	}
	
</script>