more/self/fapiao/Billinghistory/kaipiao/Viptjf.html

<!DOCTYPE html>
<html>
	<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" type="text/css" href="../../../../iconfont/iconfont.css"/>
	    <link href="../../css/self.css"  rel="stylesheet"/>
	    <link href="css/Viptjf.css"  rel="stylesheet"/>
	    <link href="../../../../js/bootstrap/bootstrap.css" />
	</head>
	<style>
		.dcheck i {
		    width: 25px;
		    height: 25px;
		    border-radius: 50%;
		    border: 1px solid #f5a623;
		    color: #fff;
		    margin-right: 3px;
		}
		.dcheck.actived i {
		    border: 1px solid #f5a623;
		    color: #f5a623;
		}
	</style>
	<body>
		<p id="tipt" style="text-align: right;padding: 20px 10px 0;margin-bottom: -17px;font-size: 13px;" onclick="">开票金额说明</p>
		<div class="tipnull" style="display: none;">
			<div class="nullimg">
				<img src="../imgs/fttk.png"/>
				<p>暂无记录</p>
			</div>
		</div>
		<ul class="viplist">
			<!--<li data-checked="0" data-id="1" data-carnum='苏B' data-money="900.00">
				<p>2017/02/12&nbsp;11:11:11</p>
				<table>
					<tr>
						<td rowspan="7">
							<span class="dcheck" data-name="">
								<i class="icon iconfont">&#xe685;</i>
							</span>
						</td>
						<td>卡&nbsp;类&nbsp;型&nbsp;：<span>蓝牌包月卡</span></td>
						<td rowspan="7">
							<span class="vipmonrynum">900.00</span>元
						</td>
					</tr>
					<tr>
						<td>绑定车牌：<span>苏B12345</span></td>
					</tr>
					<tr>
						<td>单&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;价：<span>100.00元</span></td>
					</tr>
					<tr>
						<td>购买数量：<span>10个月</span></td>
					</tr>
					<tr>
						<td>优惠活动：<span>9折</span></td>
					</tr>
					<tr>
						<td>优惠金额：<span>-100.00元</span></td>
					</tr>
					<tr>
						<td>实付金额：<span>900.00元(微信)</span></td>
					</tr>
				</table>
			</li>-->
		</ul>
		<div class="resultsd container-fluid row" style="display: none;">
			<div class="col-xs-9">
				<p style="padding: 5px 0;">
					<span class="dcheck" data-status="0" data-name="" onclick="">
						<i class="icon iconfont">&#xe685;</i>
						全选
					</span>
				</p>
				<p>
					<span id="vipnums">0</span>个会员卡
				共<span id="totalm">0.00</span>元（满200可申请）
				</p>
			</div>
			<div class="col-xs-3">
				<button id="nextbtn" class="disabled" disabled="disabled">下一步</button>
			</div>
			<!--<table style="height: 80px;">
				<tr>
					<td>
						<p style="padding: 5px 0;">
							<span class="dcheck" data-status="0" data-name="" onclick="">
								<i class="icon iconfont">&#xe685;</i>
								全选
							</span>
						</p>
						<p>
							<span id="vipnums">0</span>个会员卡
						共<span id="totalm">0.00</span>元（满200可申请）
						</p>
						
					</td>
					<td>
						<button id="nextbtn" class="disabled" disabled="disabled">下一步</button>
					</td>
				</tr>
			</table>-->
		</div>
		<!--<div class="tttip">
			<p>
				会员卡开票时，只开具会员卡购买及续费的实际支付金额，通过余额支付及使用优惠券抵扣部分金额不在开票行列
			</p>
			<button>知道了</button>
		</div>-->
	</body>
</html>
<script src="../../../../js/jquery-3.2.1.min.js"></script>
<script src="../../../../js/bootstrap/bootstrap.js"></script>
<script src="../../../../js/layui/layui/layui.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/url.js"></script>
<script src="../../../../js/ajax.js"></script>
<script src="../../../../js/soft/layer.js"></script>
<script>
	var func = {
		index:'',
		jixing:''
	}
	function isAndroid_ios(){  
		var u = navigator.userAgent, app = navigator.appVersion;  
		var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Linux') > -1; //android终端或者uc浏览器  
		var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端  
		isAndroid==true?true:false;
		if(isAndroid){func.jixing = 'android';}else if(isiOS){
			func.jixing = 'ios';
		}
	}  
	$(function(){ 
		isAndroid_ios();
		if(func.jixing=='android'){
			jsajax.setcss("css/Viptjf3.css");
		}else{
			jsajax.setcss("css/Viptjf3.css");
		}
		getViplist();
		//点击开票说明
		$('body').on('click','#tipt',function(){
			func.index = layer.open({
			  type: 1,
			  skin: 'layui-layer-rim', //加上边框
			  area: ['420px', '240px'], //宽高
			  content: '<div class="tttip"> <p> 会员卡开票时，只开具会员卡购买及续费的实际支付金额，通过余额支付及使用优惠券抵扣部分金额不在开票行列 </p> <button class="zdclose">知道了</button> </div>'
			});
		});
		//点击开票说明弹窗的知道了关闭
		$('body').on('click','.zdclose',function(){
			layer.close(func.index);
		});
		
		//点击全选时
		$('body').on('click','.resultsd .dcheck',function(){
			var status = $(this).attr('data-status');
			if(status=="0"){
				$(this).attr('data-status','1');
				$(this).addClass('actived');
			}else if(status=="1"){
				$(this).attr('data-status','0');
				$(this).removeClass('actived');
			}
			$('.viplist li').each(function(){
				if(status=="0"){
					$(this).attr('data-checked','1');
					$(this).children('table').children().children().children().children('.dcheck').addClass('actived');
					
				}else if(status=="1"){
					$(this).attr('data-checked','0');
					$(this).children('table').children().children().children().children('.dcheck').removeClass('actived');
				}
			});
			results();
		});
		//多选
		$('body').on('click','.viplist li',function(){
			var check = $(this).attr('data-checked'); 
			
			if(check=='0'){
				$(this).attr('data-checked','1');
				$(this).children('table').children().children().children().children('.dcheck').addClass('actived');
			}else{
				$(this).attr('data-checked','0');
				$(this).children('table').children().children().children().children('.dcheck').removeClass('actived');
			}
			var len = $('.viplist li').length;
			var len1 = $('.viplist li[data-checked="1"]').length;
			if(len==len1){
				$('.resultsd .dcheck').addClass('actived');
				$('.resultsd .dcheck').attr('data-status','1');
			}else{
				$('.resultsd .dcheck').removeClass('actived');
				$('.resultsd .dcheck').attr('data-status','0');
			}
			results();
		});
		
		//点击下一步
		$('body').on('click','#nextbtn',function(){
			var datas = [];
			var carn = [];
			var orderids = [];
			var dataobjs = {
				/*orderIds:[],
				invoiceTotalFee:*/
			};
			$('.viplist li').each(function(){
				var check = $(this).attr('data-checked');
				var id = $(this).attr('data-orderId');
				var carnumer = $(this).attr('data-carNumber');
				if(check=='1'){
					var obj = {
						id:id,
						carnumer:carnumer
					}
					orderids.push(id);
					datas.push(obj);
				}
			});		
			dataobjs.orderIds = orderids;
			dataobjs.invoiceTotalFee = parseFloat($('#totalm').text()*100);
			
			for(var i=0;i<datas.length;i++){
				console.log(i);
				if(i==0){
					carn.push(datas[i].carnumer);
					console.log('无条件插入'+datas[i].carnumer);
				}else{
					var c = datas[i].carnumer;
					var chongfu = true;
					console.log("所有"+c);
					for(var j = 0;j<carn.length;j++){
						console.log("部分"+carn[j]+"所有"+c);
						if(c==carn[j]){
							chongfu = false;
						}
					}
					if(chongfu){carn.push(c);}
				}
			}
			//results();
			//console.log(JSON.stringify(datas));
			console.log(JSON.stringify(carn));
			console.log('数据 '+JSON.stringify(dataobjs));
			
			//确认发票提交时所需的部分数据
			sessionStorage.setItem('Vipcars',JSON.stringify(carn));
			sessionStorage.setItem('tjfaBFdatas',JSON.stringify(dataobjs));
			window.location.href = 'tjfapiao.html';
		});
	});
	function results(){
		var lend = $('.viplist li[data-checked="1"]').length;
		var allm =parseFloat('0.00');
		$('.viplist li[data-checked="1"]').each(function(){
			var zjnum = parseFloat(allm);
			var money = parseFloat($(this).attr('data-cardTotalAmount')) ;
			console.log('总金额还未加money之前  '+allm+"  zhzzz "+money+"  zjnum "+zjnum+" 加厚  "+(zjnum+money));
			allm = (zjnum+money).toFixed(2);//(Math.floor((zjnum+money)* 100)/100);// parseFloat(allm)+ parseFloat(money);
			console.log("加厚 "+allm);
		});
		//vipnums totalm
		$('#vipnums').text(lend);
		$('#totalm').text(allm);
		if(lend>0&&allm>=0.01){
			$('#nextbtn').removeAttr('disabled');
			$('#nextbtn').removeClass('disabled');
		}else{
			$('#nextbtn').attr('disabled','disabled');
			$('#nextbtn').addClass('disabled');
		}
		console.log('总金额 '+allm);
	}
	
	//获取会员卡开票列表
	function getViplist(){
		var salt = jsajax.salt(32);
		var token = mUrl.GetToken();
		var deviceInfo = mUrl.getDevice();
		var sortd = [
			{keyname:'app_id',value:'0eca8f5373ca4866aec2f8e9d9367104'},
			{keyname:'deviceInfo',value:deviceInfo},
			{keyname:'salt',value:salt},
			{keyname:'sign_type',value:'md5'},
			{keyname:'token',value:token}
		];
		var mdsign = jsajax.getsign(sortd);
		var jsond = {
			app_id:'0eca8f5373ca4866aec2f8e9d9367104',
			deviceInfo:deviceInfo,
			salt:salt,
			sign:mdsign,
			sign_type:'md5',
			token:token
		}
		console.log('数据 '+JSON.stringify(jsond));
		jsajax.defaultReq(
			mUrl.vipkpList,
			JSON.stringify(jsond),
			function(data){
				//alert(JSON.stringify(data));
				console.log(JSON.stringify(data));
				if(data.code==0){
					var datas = data.data;//
					document.querySelector('.viplist').innerHTML = '';
					if(datas&&datas.length>0){
						//tipnull
						$('.resultsd').css('display','block');
						for(var i=0;i<datas.length;i++){
							var li = document.createElement('li');
							var cardAmount = datas[i].cardAmount;//单价
							var buyNum = datas[i].buyNum;//购买数量
							var cardTotalAmount = datas[i].cardTotalAmount;//实付
							var orderId =  datas[i].orderId;//订单id
							var cardTypeName = datas[i].cardTypeName;//卡类型名称
							var cardType = datas[i].cardType;//卡类型
							var discount = datas[i].discount;//优惠折扣
							var discountAmount = datas[i].discountAmount;//优惠金额
							var carNumber = datas[i].carNumber;//车牌
							var createDate = datas[i].createDate;//购买时间
							createDate = new Date(createDate).toLocaleString();
						    cardAmount = jsajax.fenToYuan(cardAmount);//
						    cardTotalAmount = jsajax.fenToYuan(cardTotalAmount);
						    discountAmount==0?discountAmount='0元':discountAmount="-"+jsajax.fenToYuan(discountAmount)+'元';
						    
						    
						    li.setAttribute('data-checked','0');//
						    li.setAttribute('data-cardAmount',cardAmount);//单价
						    li.setAttribute('data-buyNum',buyNum);//购买数量
						    li.setAttribute('data-cardTotalAmount',cardTotalAmount);//实付
						    li.setAttribute('data-orderId',orderId);//订单id
						    li.setAttribute('data-cardTypeName',cardTypeName);//卡类型名称
						    li.setAttribute('data-cardType',cardType);//卡类型
						    li.setAttribute('data-discount',discount);//优惠折扣
						    li.setAttribute('data-discountAmount',discountAmount);//优惠金额
						    li.setAttribute('data-carNumber',carNumber);//购买数量
						    li.setAttribute('data-createDate',createDate);//购买时间
						    li.setAttribute('onclick','');//购买时间
						    li.innerHTML = '<p>'+createDate+'</p>'
								+'<table>'
									+'<tr>'
										+'<td rowspan="7">'
											+'<span class="dcheck" data-name="">'
												+'<i class="icon iconfont">&#xe685;</i>'
											+'</span>'
										+'</td>'
										+'<td>卡&nbsp;类&nbsp;型&nbsp;：<span>'+cardTypeName+'</span></td>'
										+'<td rowspan="7">'
											+'<span class="vipmonrynum">'+cardTotalAmount+'</span>元'
										+'</td>'
									+'</tr>'
									+'<tr>'
										+'<td>绑定车牌：<span>'+carNumber+'</span></td>'
									+'</tr>'
									+'<tr>'
										+'<td>单&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;价：<span>'+cardAmount+'元</span></td>'
									+'</tr>'
									+'<tr>'
										+'<td>购买数量：<span>'+buyNum+'</span></td>'
									+'</tr>'
									+'<tr>'
										+'<td>优惠活动：<span>'+discount+'</span></td>'
									+'</tr>'
									+'<tr>'
										+'<td>优惠金额：<span>'+discountAmount+'</span></td>'
									+'</tr>'
									+'<tr>'
										+'<td>实付金额：<span>'+cardTotalAmount+'元</span></td>'
									+'</tr>'
								+'</table>'; 
								
								document.querySelector('.viplist').appendChild(li);
						}
					}else{
						$('.tipnull').css('display','block');
						$('.resultsd').css('display','none');
					}
				}else{
					document.querySelector('.viplist').innerHTML = '';
					$('.tipnull').css('display','block');
					$('.resultsd').css('display','none');
				}
			}
		);
	}
</script>