mine.html 10 KB
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <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="//cdn.bootcss.com/weui/1.1.1/style/weui.min.css?v=1.3">
  <link rel="stylesheet" href="//cdn.bootcss.com/jquery-weui/1.0.1/css/jquery-weui.min.css?v=1.3">
  <link rel="stylesheet" href="../../static/css/mine.css">
</head>
<body ontouchstart>
	<div id="datamine">
		<!--<div class="weui-cells weui-cells_form">
		  <div class="mine-list">
		    <div class="weui-panel__bd">
		      <div class="weui-media-box weui-media-box_text weui-media-box-border mine-cont">
		        <h4 class="weui-media-box__title">蓝色牌子小车包月卡</h4>
		        <p class="weui-media-box__desc car-num">苏U25123</p>
		        <div class="month-renew" data-CardId="2" data-cardPrice="1" data-parkName="" data-carNumber="冀U87690" data-expDate="2017-08-30" data-cardType="22" >续费</div>
		      </div>
		    </div>
				<div class="weui-cell">
				  <div class="weui-cell__hd oth-color">中国传感网创新园</div>
				  <div class="weui-cell__bd oth-color mine-time">2017-02-02</div>
				</div>
		  </div>
		</div>
		<div class="weui-cells weui-cells_form">
		  <div class="mine-list">
		    <div class="weui-panel__bd">
		      <div class="weui-media-box weui-media-box_text weui-media-box-border mine-cont">
		        <h4 class="weui-media-box__title">蓝色牌子小车包年卡</h4>
		        <p class="weui-media-box__desc car-num">苏U25123</p>
		        <div class="month-renew" data-CardId="1" data-cardPrice="2" data-carNumber="冀U87690" data-parkName="wqe" data-expDate="2017-08-30" data-cardType="21" >续费</div>
		      </div>
		    </div>
				<div class="weui-cell">
				  <div class="weui-cell__hd oth-color">中国传感网创新园</div>
				  <div class="weui-cell__bd oth-color mine-time">2017-02-02</div>
				</div>
		  </div>
		</div>
		<div class="weui-cells weui-cells_form">
		  <div class="mine-list">
		    <div class="weui-panel__bd">
		      <div class="weui-media-box weui-media-box_text weui-media-box-border mine-cont">
		        <h4 class="weui-media-box__title">蓝色牌子小车包年卡</h4>
		        <p class="weui-media-box__desc car-num">苏U25123</p>
		        <div class="time-fail"></div>
		      </div>
		    </div>
		    <div class="weui-cell">
					<div class="weui-cell__hd oth-color">中国传感网创新园</div>
					<div class="weui-cell__bd oth-color mine-time">2017-02-02</div>
		    </div>
		  </div>
		</div>-->

	</div>
	<div class="pay-content-padded datanull" id="dataNullInfo" style="display: none;">
	    <div class="datanull-bg">
	    	<img src="../../img/datanull.png" />
	    </div>
	    <p style="text-align: center;padding-top: 20px;">   	
	    	<span id="datanull" style="color: #C8C8CD;">
	    		暂无年月卡,点击<a style="color: #0bb20c" id="goumai" onclick="goumai()">购买!</a>
	    	</span>
	    </p >
	</div>
</body>
</html>
<script src="//cdn.bootcss.com/jquery/1.11.0/jquery.min.js?v=1.3"></script>
<script src="//cdn.bootcss.com/jquery-weui/1.0.1/js/jquery-weui.min.js?v=1.3"></script>
<!--md5 start-->
<script src="http://cdn.bootcss.com/blueimp-md5/1.1.0/js/md5.js?v=1.3"></script>
<script src="http://cdn.bootcss.com/blueimp-md5/1.1.0/js/md5.min.js?v=1.3"></script>
<!--md5 end-->
<script src="../../js/url.js"></script>
<script src="../../js/ajax.js"></script>
<!--<script src="../../js/mine.js"></script>-->
<script>
	
	  var funmine = {
			 	//获取信息ajax请求函数
		    getMyParkCardInfo: function () {
		    	getuserinfo();
		    	var salt = jsajax.salt(6);//随机生成的盐值
		    	var token = mUrl.GetToken();
			    var ary = [
			    	{keyname:'app_id',value:'0eca8f5373ca4866aec2f8e9d9367104'},
		    		{keyname:'deviceInfo',value:'BC0703A4-AFB0-4B51-9089-9B7487C0CC6E'},
		    		{keyname:'salt',value:salt},
		    		{keyname:'token',value:token},
		    		{keyname:'sign_type',value:'md5'}
			    ];
		      var sign = jsajax.getsign(ary);
			    var jsonInfo = {
			    	app_id:'0eca8f5373ca4866aec2f8e9d9367104',
						salt:salt,
						deviceInfo:'BC0703A4-AFB0-4B51-9089-9B7487C0CC6E',
						sign_type:'md5',
						sign:sign,
						token:token  	
			    };
			    console.log(JSON.stringify(jsonInfo));
			    jsajax.defaultReq(
		        mUrl.getminecard,//mUrl.myParkCardList,
		        JSON.stringify(jsonInfo),
		        funmine.myParkCardInfoSuccess
			    )
		    },
		    //信息获取成功处理函数
		    myParkCardInfoSuccess: function (res) {
		    	console.log("获取我的会员卡信息 "+JSON.stringify(res));
		      	var html = '';
		      	if(res.code==0){
		      		console.log(res.data.length);
		      		var datas = res.data;
		      		if(datas.length!=0){
		      			var datamine = document.getElementById('datamine');
		      			//datamine.innerHTML = '';
		      			for(var i=0;i<datas.length;i++){
		      				var carNumber = datas[i].carNumber;//车牌号
		      				var parkId = datas[i].parkNo;//停车场编号;
		      				var effDate = datas[i].effDate;//开始时间;
		      				var cardName = datas[i].cardName;//卡名称;
		      				var parkName = datas[i].parkName;//停车场名称;
		      				var id = datas[i].custCardId;//续费会员卡;
		      				var cardNo = datas[i].cardNo;//卡编号;
		      				var expDate = datas[i].expDate;//结束时间;
		      				var cardType = datas[i].cardType;
		      				var parkAddr = datas[i].parkAddr;
		      				var carType = datas[i].carType;
		      				var cardPrice = datas[i].price;
		      				var state = datas[i].cardStatus;
				      		var cardtstr = '';
									var vipType = datas[i].vipType;
									var cars = '';
									if(carType==1){
										cars = '大型车';
									}else if(carType==2){
										cars = '小型车';
									}
									if(cardType==1){cardtstr = cars+'年卡';}
						        	else if(cardType==2){cardtstr = cars+'半年卡';}
						        	else if(cardType==3){cardtstr = cars+'季卡';}
						        	else if(cardType==4){cardtstr = cars+'月卡';}
						        	else if(cardType==5){cardtstr = cars+'日卡';}
						        	var divobj = document.createElement('div');
						        	divobj.className = 'weui-cells weui-cells_form';
						        	var xorb = '';
						        	if(state==1){
						        		xorb = '<div class="month-renew"  data-parkName="'+parkName+'" data-parkId="'+parkId+'" data-cardNo="'+cardNo+'" data-CardId="" data-custCardId="'+id+'" data-cardPrice="'+cardPrice+'" data-carNumber="'+carNumber+'" data-cardType="'+cardType+'" data-carType="'+carType+'" data-expDate="'+expDate+'" data-effDate="'+effDate+'" onclick="tiazhuan(this)">续费</div>';
						        	}else{
						        		xorb = '<div class="time-fail"></div>';
						        	}
						        	divobj.innerHTML = '<div class="mine-list"> <div class="weui-panel__bd"> <div class="weui-media-box weui-media-box_text weui-media-box-border mine-cont"> <h4 class="weui-media-box__title">'+cardtstr+'</h4> <p class="weui-media-box__desc car-num">'+carNumber+'</p> '+xorb+' </div> </div> <div class="weui-cell"> <div class="weui-cell__hd oth-color">'+parkName+'</div> <div class="weui-cell__bd oth-color mine-time">有效期至:'+expDate+'</div> </div> </div>';
						        	datamine.appendChild(divobj);
				      			}
				      		}else{
				      			document.getElementById('dataNullInfo').style.display = 'block';
				      		}
		      	}else if(res.code==-10000){
		      		func.gett(funcc.openid);
						}else{
							document.getElementById('dataNullInfo').style.display = 'block';
						}
		    },
			 
	  };
	  $(function(){
	  	funmine.getMyParkCardInfo();
	  });
	  //会员卡续费  optType=2
	  function tiazhuan(obj){
				var plNo = obj.getAttribute('data-parkId');// attr('data-plNo');//停车场编号
				var CardId = obj.getAttribute('data-CardId');//obj.attr('data-CardId');//会员卡id
				var cardNo = obj.getAttribute('data-cardNo');
				var cardType = obj.getAttribute('data-cardType');//obj.attr('data-cardType');//会员卡类型
				var danjia = obj.getAttribute('data-cardPrice');//obj.attr('data-goodsAmount');//卡单价
				var carType = obj.getAttribute('data-carType');//obj.attr('data-carType');//车类型
				var carNumber = obj.getAttribute('data-carNumber');
				var expDate = obj.getAttribute('data-expDate');
				var effDate = obj.getAttribute('data-effDate');
				var parkName = obj.getAttribute('data-parkName');//停车场名称
				var cardCouponsId = obj.getAttribute('data-custCardId');//会员id
				var href = 'cardpay.html';
				var datasrc = '?plNo='+plNo+'&cardNo='+cardNo+'&cardprice='+danjia+'&cardType='+cardType+'&carType='+carType+'&carNumber='+carNumber+'&cardCouponsId='+cardCouponsId+'&optType=2&expDate='+expDate+'&parkname='+parkName+'&effDate='+effDate+"&";
			  
			  //var datasrc = '?plNo='+plNo+'&cardNo='+cardNo+'&cardprice='+danjia+'&cardType='+cardType+'&carType='+carType+'&carNumber='+carNumber+'&cardCouponsId='+cardCouponsId+'&optType=1&expDate=&parkname='+func.parkName+'&';
			  window.location.assign(encodeURI(href+datasrc));
	  }
	  //点击购买跳转
		function goumai(){
		    var src = 'mylist.html';
		    window.location.href = src;
		}
		
		//获取用户信息
		function getuserinfo(){
			var openid = mUrl.GetOpenid();
			if(openid&&openid!=''){
				var token = mUrl.GetToken();
				if(!token||token==''){
					jsajax.gett(openid,function(n){
		    		if(n==1){//用户已绑定手机号
		        	
	        	}else if(n==0){
	        		window.location.href = '../../commonp/binding.html';//mUrl.myParkCardView;
	        	}//用户未绑定手机号
		      });
				}
			}else {
				$.toptip('获取用户信息失败,请重试', 2000, 'warning');
			}
		}
</script>