Billinghistory.html 6.1 KB
<!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/Billinghistory.css"  rel="stylesheet"/>
	</head>
	<style>
		
	</style>
	<body>
		<div class="tipnull">
			<div class="nullimg">
				<img src="../imgs/fttk.png"/>
				<!--<img src="../imgs/nullimg.png"/>-->
				<p>暂无记录</p>
			</div>
		</div>
		<ul class="Bhistory">
			<!--<li data-id="1" onclick="">
				<div class="bhli1">
					<span>
						2013/11/11
						11:11:11
					</span>
					<span>邮寄中</span>
					<span class="bany bany1"></span>
					<span class="bany bany2"></span>
				</div>
				<div class="bhli2">
					<span>
						发票金额
					</span>
					<span>1200.00</span>
				</div>
				<div class="bhli2">
					<span>
						发票类型
					</span>
					<span>纸质发票</span>
				</div>
			</li>-->
		</ul>
	</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/url.js"></script>
<script src="../../../../js/ajax.js"></script>
<script>
	$(function(){
		gethisList();
		
		//点击查看历史详情
		$('body').on('click','.Bhistory li',function(){
			var id = $(this).attr('data-id');//
			window.location.href = 'BhistoryInfo.html?id='+id;
		});
	});
	
	//获取历史列表
	function gethisList(){
		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.gethistorylist,
			JSON.stringify(jsond),
			function(data){
				console.log('返回 '+JSON.stringify(data));
				var ul = document.querySelector('.Bhistory');
				if(data.code==0){
					ul.innerHTML = '';
					var datas = data.data;
					if(datas&&datas.length>0){
						
						
						for(var i=(datas.length-1);i>=0;i--){
							var li = document.createElement('li');
							//基本 start
							var custId = datas[i].custId;
							var id = datas[i].id;
							//var createDate = datas[i].createDate;
							var applyDate = datas[i].applyDate;///申请时间
							var dataState = datas[i].dataState;
							//基本 end
							var invoiceState = datas[i].invoiceState;//发票状态,1 开票中,2 已邮寄
							var invoiceType = datas[i].invoiceType;//发票类型,0 普通发票,1增值发票
							var custName = datas[i].custName;//购买方填写名称(开发票个人或公司名称)
							var invoiceTotalFee = datas[i].invoiceTotalFee;//发票总金额 单位:分
							invoiceTotalFee = jsajax.fenToYuan(invoiceTotalFee);
							/*var custTaxid = '';
							if(datas[i].custTaxid&&datas[i].custTaxid!=''){
								custTaxid = datas[i].custTaxid
							}*/
							
							applyDate = new Date(applyDate).toLocaleString();
							var kpstatus = '开票中';
							var fptype = '普通发票';
							if(invoiceState=='2'){
								kpstatus = '已邮寄';
							}
							if(invoiceType=='1'){
								var fptype = '增值税发票';
							}
							//var custIHisDList = datas[i].custIHisDList;
							//var cusatstr = '';
							/*if(custIHisDList&&custIHisDList.length>0){
								for(var j = 0;j<custIHisDList.length;j++){
									var orderType = custIHisDList[j].orderType;
									var orderId = custIHisDList[j].orderId;
									var dataState = custIHisDList[j].dataState;
									var orderPayedFee = custIHisDList[j].orderPayedFee;
									var orderTotalFee = custIHisDList[j].orderTotalFee;
									var invoiceId = custIHisDList[j].invoiceId;
									var id = custIHisDList[j].id;
									var orderDate = custIHisDList[j].orderDate;
									var createDate = custIHisDList[j].createDate;
									
								}
							}*/
							li.innerHTML = '<div class="bhli1">'
								+'<span>'+applyDate+'</span>'
								+'<span>'+kpstatus+'</span><span class="bany bany1"></span><span class="bany bany2"></span>'
							+'</div><div class="bhli2">'
								+'<span>发票金额</span>'
								+'<span>'+invoiceTotalFee+'元</span>'
							+'</div>'
							+'<div class="bhli2">'
								+'<span>发票种类</span>'
								+'<span>'+fptype+'</span>'
							+'</div>';
							li.setAttribute('onclick','');
							li.setAttribute('data-id',id);
							/*li.innerHTML = '<div class="bhli1">'
							+'<span>'+applyDate+'</span>'
							+'<span>'+kpstatus+'</span><span class="bany bany1"></span><span class="bany bany2"></span></div><div class="bhli2">'
							+'<span>发票金额/span>'
							+'<span>'+jsajax.fenToYuan(orderActFee)+'</span></div><div class="bhli2">'
							+'<span>发票类型</span>'
							+'<span>'+fptype+'</span></div>';*/
							/*if(custInvoiceHisDetailDTOList&&custInvoiceHisDetailDTOList.length>0){
								
							}*/
							ul.appendChild(li);
							//custInvoiceHisDetailDTOList
						}
					}else{
						$('.tipnull').css('display','block');
					}
					
				}else{
					ul.innerHTML = '';
					$('.tipnull').css('display','block');
				}
			}
		)
		//mUrl.gethistorylist
	}
</script>