invoiceInfoPage.html 10.2 KB

Raw Blame History Permalink

<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
<script type="text/javascript" src="/mobilemode/apps/fna2/js/jquery-3.2.1.min.js"></script>
<script type="text/javascript" src="/mobilemode/apps/fna2/js/bootstrap.min.js"></script>
<link type="text/css" rel="stylesheet" href="/mobilemode/apps/fna2/css/bootstrap.css">
<script type="text/javascript">
$(function(){
	Mobile_NS.showLoader();
	var title = $p("title");
	var _taxIncludedPrice = $p("_taxIncludedPrice");
	var _priceWithoutTax = $p("_priceWithoutTax");
	var _tax = $p("_tax");
	var _invoiceNumber = $p("_invoiceNumber");
	var _invoicecode = $p("_invoicecode");
	var _purchaser = $p("_purchaser");
	var _seller = $p("_seller");
	var _billingDate = $p("_billingDate");
	var _checkCode = $p("_checkCode");
	var fplx = $p("fplx");
	var _taxRate = $p("_taxRate");
	var _invoiceServiceYype = decodeURIComponent($p("_invoiceServiceYype"));
	var detaildata = $p("detaildata");
	$("#detaildata").val(detaildata);
	$("#fplx").val(fplx);
	$("#_taxRate").val(_taxRate);
	$("#_checkCode").val(_checkCode);
	$("#_invoiceServiceYype").val(_invoiceServiceYype);

	$("#span1").text(title);
	$("#span2").text(_taxIncludedPrice);
	$("#span3").text(_priceWithoutTax);
	$("#span4").text(_tax);
	$("#span5").text(_invoiceNumber);
	$("#span6").text(_invoicecode);
	$("#span7").text(_purchaser);
	$("#span8").text(_seller);
	$("#span9").text(_billingDate);
	Mobile_NS.hideLoader();
});
function onSave(){
	Mobile_NS.showLoader();
	var userid = Mobile_NS.getCurrUser();
	var billingDate = $("#span9").text();//开票日期
	var invoicecode = $("#span6").text();//发票代码
	var invoiceNumber = $("#span5").text();//发票号码
	var invoiceType = $("#fplx").val();//发票类型
	var seller = $("#span8").text();//销售方
	var purchaser = $("#span7").text();//购买方
	var checkCode = $("#_checkCode").val();//校验码
	var invoiceServiceYype = $("#_invoiceServiceYype").val();//货物或应税服务类型
	var priceWithoutTax = $("#span3").text();//金额（不含税价）
	var taxRate = $("#_taxRate").val();//税率
	var tax = $("#span4").text();//税额（税价）
	var taxIncludedPrice = $("#span2").text();//价税合计（含税价）
	var detaildata = $("#detaildata").val();

	var param = {"userid":userid, "billingDate":billingDate, "invoicecode":invoicecode,"invoiceNumber":invoiceNumber,"invoiceType":invoiceType,"seller":seller,
		"purchaser":purchaser,"checkCode":checkCode,"invoiceServiceYype":invoiceServiceYype,"priceWithoutTax":priceWithoutTax,"taxRate":taxRate,"tax":tax,"taxIncludedPrice":taxIncludedPrice,
		"type":"3","detaildata":detaildata};
	Mobile_NS.ajax("/mobile/plugin/1/fna/invoiceInfoAjax.jsp", param, function(responseText){
    	Mobile_NS.hideLoader();
    	if(responseText.status == 1){
    		Mobile_NS.Alert("保存成功!");
		}else{
			Mobile_NS.Alert("出现异常：" + responseText.errMsg, false);
			return;
		}
	},"json");
}
</script>
<style type="text/css">
body{
	font-family: "Microsoft YaHei";
}
.container{
	width: 90%;
	height:95%;
	margin-left: 5%;
	margin-top:5%;
	background-color: #f1f4f7 !important;
}
.title-div{
	height: 80px;
	line-height: 80px;
	text-align: center;
	font-weight: bold;
	font-size: 18px;
}
.div-2,.div-4{
	height: 20px;
	line-height: 20px;
}
.type-div{
	width: 50%;
	height: 100%;
	float: left;
/* 	color: #9e9e9e; */
}
.div-3{
	height: 45px;
	width: 100%;
}
.div-3-d1{
	width: 50%;
	height: 100%;
	float: left;
}
.div-3-d2{
	width: 100%;
	float: right;
	margin-top:15px;
	text-align: right;
}
.btn-primary{
	width: 100%;
	background-color: #174c8e;
}
.div-4-d1{
	width: 50%;
	height: 100%;
	float: left;
/* 	color: #9e9e9e; */
}
.div-4-d2{
	width: 50%;
	height: 100%;
	float: right;
/* 	color: #9e9e9e; */
/* 	margin-bottom: 30px; */
}
.div-3-d1-d1{
	width: 50%;
	height: 100%;
	float: left;
/* 	font-weight: bold; */
}
.div-3-d1-d2{
	width: 100%;
	height: 100%;
/* 	font-weight: bold; */
}
.info-text{
 	display: none;
}
#span2{
	color: #ec6174;
	font-size: 18px;
	font-weight: bold;
}
#span3,#span4{
	font-size: 18px;
	font-weight: bold;
}
#span5,#span6,#span7,#span8,#span9{
	color: #696969;
}
</style>
</head>
<body>
	<input class="info-text" type="text" id="fplx">
	<input class="info-text" type="text" id="_taxRate">
	<input class="info-text" type="text" id="_invoiceServiceYype">
	<input class="info-text" type="text" id="_checkCode">
	<input class="info-text" type="text" id="detaildata">

	<div class="container">
		<div class="title-div">
			<span id="span1"></span>
			<img style="width: 50px;height: 28px;margin-left: 10px;" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAABkCAYAAADDhn8LAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OTQxRUIyN0RDNkE2MTFFN0FFOTQ5QkZENzlGMTA4RUIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OTQxRUIyN0VDNkE2MTFFN0FFOTQ5QkZENzlGMTA4RUIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5NDFFQjI3QkM2QTYxMUU3QUU5NDlCRkQ3OUYxMDhFQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5NDFFQjI3Q0M2QTYxMUU3QUU5NDlCRkQ3OUYxMDhFQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PmyOYewAAAlRSURBVHja7F29bxxFFB8nISmSFJcKCE3WFBQoRJyRoF83QJFIOUuAKDk3UIBE7vgHkJ1UQBC6a1PhU0gQCo3vH0Dy8ZE6PpqElC6giREK79lv7cl4dm72PvZ2Z38/6Um+9c7tztz7zfuYr4UL928pC06SXBZ5i+RFuQYAoeAfkockv5HcIfmRZNe86YSl4BWS6yQvow2BgHGG5BWR90gekLRIftBvOqb9fZxkXW4AOYCqgXX+tnDguM2CfElyDe0EVBwJB1q6BblqIQf7Y19LDHKWZAECCUjOim7ftMQe14QTaoGCdA6+t0le0m74i+RdCWAAIHRcIrknyagEj0gitiANgxxPSN4BOYAK4XeSt0X3E5wnWWGCXDZu/k4KAECV8Ifovo7LTJA3jIvfo62AisLU/SUmyPPGxV/RTkBFYYYVLzBBThkXd9FOQEXxxPh88hjaBADSAYIAAAgCACAIAIAgAACCAAAIAgAgCACAIAAAggAACAIAAAgCAJ44UfL3r5HUSYZ/XvxwiJ8zX1y4f4vbf40kIumr/Q0PYEEKhA2STZIt+rGaUNncweTgdo+1v2FBCoKG/DCJJelwj0aWxLsXo/vjebw4vWM/Y0/dkrr2qGy3QL9BZLHoIEhBsGPr0UiZIlKiVQ+l29QIlrdrwu7gCr3nwOPehvTOjFg+c9kdGDC4WC6k+bxNUqKO+McuxHN890jcw3F6aX7vTapfHeoLgoxCm8RmLZqiREU2+VGGjsBEHSQBQXz9efbJlywuV30ESdoFsIA+9WM3bNlSv5rUrwE1nh1447in5rWSESTx1fcIYQkU9xTM12cXhWuKAvfGSR9r3xE74qdlnxhE+87ELbNZjdV5BO+WOK6typ/qfRqUBfHoaRPi+Cr2hjpMW25LPBN7lK1xtolkW/sOG3ps8bKQQ+o3lPrZLE8HaW5YEKcF0RQ1zZJ0R2W3JJ265nCJjqRZhVSJuMDl1qcxoMmkVfYxh2VbCnmG6ew1w6J1pQMYy50sogUJjiAjSOLsuTUL4sJQFKEmSlrLixgeJHnGdXO0Q97g91opCVHCdLFS3C1lCWxd5XpSrue4LZKes+X4vqH44+fYas1iGoxYw66lfjrBY1WMwbuah4UtJIKdrCgkWdVikq7PCDbfQ8K93TlR8izK3ZeAeZFH9Gc9mCckMckczWuGgIcVAUEKRpIkBbzkM7pulN0RJV/0sCrz9Le5XrrbONA6gp7xv3lhmKH9EKTPOgbJ6MvXM7ghkfj99REEGZXqnOrsYxnraWqWMpfeugpp3rJPd5+UGBvKf0TbF7HymMZCz2ciTWVOlXzHugKmjhMVrntrBuTISqRmXootHUJTrBfIFDhBDnr/lHPeE1en71CGRkHqkRc5trTPUdaYDAQJr/ffc3WYQJ495lD5ZaxqhmLvZAiEzXinlqLQrmklynj2XswzYmTedPl4xjMsScAEyZLbb3i6Mb7rM/amm2uXOGu07NmTu0bqzXeue7ZDQzqCRUc8Y6sXr53pZ53yUjWUNc2bJZXq5caUXFGcA3GS9rVNZiz6kgAQZEywReDxjWWLhOBbD8ckiasDWLVYEnPkHQjExTpwG1LmYnXK/KPwlBd2mUbEWU3DasQeriR3INsGmdg9ayEeCY8gU4XEBz4wlTbKUDbOQBJn0kAyU42MxNuhcivq6PR/xCMgyEisjVkumqDsPKxTn8jQtrzzBl1fwmYQYcQgwGQkYXeqZyF6C60DggD7WLW4cK2CzgSGi1UA+KaOJxkojNR8p7fY4pEt418duFogiE1hfAf78hgozKvOA0s8krhabWgFXCx0DPvxyACuFggCpMNmLRCwgyCAWBHbVJQYWwmBIMCzVmQHVgRBeloA/XTMovEEZYtkRTirtW4G7LwVkuz2AgsCIGBXR8dGoiq3CQgCmFjRXK2esk+Th4sFVNaKcMr3nCzLrfy5jyDIoWJ4bXdkGSjsl3WgcER74FBUuFhBIUITgCCAgyAY/YaLBRzCttaeXTjv9fqyHn1TvivZHrSXYeFU8FYrOAsiW+bYFCGv58c5PIPrY3tOnPH5+jaqySRFPnM+OTioaWtPeYd6FQgSogWJUhRhfcZKe3AWh2xm1xfRN5Oe1kZxrnNJskxXjx1t2NTqpgzLVEupywAEKT5sPzqvuR74HH8wAczzQg726HXs/jjO+YejVv4lS4B9dnfpKv918j73BUeQoFwsY5dzExszPjZ5HDduMEb9NizPMq1F02dnF5lCsijWddK0bleV9AyQKsUgrlOfkmOTZ0WSXkYFGWQ5mdYIqM3n2sZhmCSbaTGERhLegrQt56DwXmPtMerSV4EusArGxZLgtGXpWWsWkqyLC9LQlMwXQ+N7h6JoXfrenrgidU1svX0vi0I5jmrYO0VLJhpyfToWt4gDbq9zEiV7NTDcuUgjZWx5/kCV9HAcHwRxgI7jsMpFIU0zRdFZcTLvByWK00iUfVRALL1/fZwYyDH6zs9c0pXecfqtrtB9qftwGjGZI74qK8I65VYdnoNukqOd7BbooTh6lsZ3l/epu2iGsjeEGFGKoi/biDnBdJYsm0+Mg3ZJgvigCJKmDEfmR5VgHhTHJEvyrk2Lu6THHKsuqyXuZkcVa5yinxIrFZogZQ3S2VpspSg891IrFldsXX6gop7VrQffjZQenq3iyGPb5KTeRWXf+2peKOWgYlkJknaQZqrroSlOsgt80dKSAyM+MnvfpawbTHPiwMhO9edYZ5xymzNBTBekO86xYtqUicjS4+XR6yW+/0GyQIL6jlavqVq9JGmgWeMohzqWZeFVMDFIEngPxfWo7LrpeQJZLACoFoII0gEAQToAgCAAAIIAAAgCACAIAIAgAACAIAAAggAACAIAIAgAgCAAUDSC/G1cO4lmASqKM8bnXSbIY+Pi62gnoKJ41fj8mAly37j4PtoJqCg+MD5vMUHuGhd5EdJraCugYrhI8pFx7S4ThFfiPdQuniK5R3IJbQZUBKzrP4vuJ3jE3GCC7JJ8ZhQ4T/ILyVckb5KcRhsCgeG06PY3ouvnjf9/SvJkQVtTfJ3kc7QbAKgbJNf4D30c5AuSm2gboOL4VrigTIL8R/IJyVWSB2gnoGJgnecN+z4WLuzBtrv7bZKf5OYran//JPbPnkMbAgHhXwnEeS+yO2o/WbVr3vS/AAMAFZh18si46LcAAAAASUVORK5CYII=">
		</div>
		<div class="div-2"><div class="type-div">价税合计</div></div>
		<div class="div-3">
			<div class="div-3-d1">
				<span style="color: #ec6174">￥</span><span id="span2"></span>
			</div>
		</div>
		<div class="div-4">
			<div class="div-4-d1">金额</div>
			<div class="div-4-d2">税额</div>
		</div>
		<div class="div-3">
			<div class="div-3-d1-d1">
				￥<span id="span3"></span>
			</div>
			<div class="div-3-d1-d1">
				￥<span id="span4"></span>
			</div>
		</div>
		<div class="div-4">
			<div class="div-4-d1">发票号码</div>
			<div class="div-4-d2">发票代码</div>
		</div>
		<div class="div-3">
			<div class="div-3-d1-d1">
				<span id="span5"></span>
			</div>
			<div class="div-3-d1-d1">
				<span id="span6"></span>
			</div>
		</div>
		<div class="div-2"><div class="type-div">购买方</div></div>
		<div class="div-3">
			<div class="div-3-d1-d2">
				<span id="span7"></span>
			</div>
		</div>
		<div class="div-2"><div class="type-div">销售方</div></div>
		<div class="div-3">
			<div class="div-3-d1-d2">
				<span id="span8"></span>
			</div>
		</div>
		<div class="div-2"><div class="type-div">开票日期</div></div>
		<div class="div-3">
			<div class="div-3-d1-d2">
				<span id="span9"></span>
			</div>
		</div>
		<div class="div-3-d2">
			<button class="btn btn-primary" type="button" onclick="onSave();">保存</button>
		</div>
	</div>
</body>
</html>