index.jsp 5.73 KB

Raw Blame History Permalink

<%@ page language="java" contentType="text/html; charset=UTF-8" %>
<%@page import="weaver.hrm.HrmUserVarify"%>
<%@page import="weaver.hrm.User"%>
<%@ include file="/mobilemode/mobile/base.jsp"%>
<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="js/jquery-3.2.1.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="/mobilemode/browser/js/fastclick.min_wev8.js"></script>
<link type="text/css" rel="stylesheet" href="css/bootstrap.css">
<%
if(user==null){
	response.sendRedirect("/notice/noright.jsp") ;
	return ;
}
int userid = user.getUID();
///open/js/jem.js
String js_url = new BaseBean().getPropValue("wechatElecInvoice_e9", "js_url").trim();
%>
<script type="text/javascript">
$(function(){
	var js_url = "<%=js_url%>";
	FastClick.attach(document.body);
	getInvoiceList();//加载所有发票列表
	loadLib(js_url);
});

function loadLib(url) {
   var script = document.createElement("script");
   script.async = false;
   script.src = url;
   document.body.appendChild(script);
}

function test(_json){
	try{
		var err_code = _json.errCode;
		var err_msg = _json.errMsg;
		if(err_code == "1"){
			alert(err_msg);
		}else{
			var choose_invoice_info = _json.choose_invoice_info;
			var _data = "type=synchronize";
			var poststr = "";
			$.each($.parseJSON(choose_invoice_info), function (i, v) {
				var card_id = v.card_id;
				var encrypt_code = v.encrypt_code;
				var app_id = v.app_id;
				if(poststr!=""){
					poststr += ",s,";
				}
				poststr += card_id+","+encrypt_code+","+app_id+",postStrEnd";
	        });

			if(poststr != ""){
// 				$(".loading-div").show();
				var _data = "type=synchronize&poststr="+poststr;
				jQuery.ajax({
					url:"/mobile/plugin/1/fna/FnaElecInvoiceUtil.jsp",
					type : "get",
					cache : false,
					processData : false,
					data : _data,
					dataType : "json",
// 					async:false,
					success: function do4Success(_json){
						var err_code = _json.err_code;
						if(err_code == "1"){
							alert(_json.err_msg);
						}else{
							alert("同步电子发票成功!");
						}
					},
					complete:function(){
// 				    	$(".loading-div").hide();
				    	getInvoiceList();
				    }
				});
			}else{
				alert("无电子发票数据!");
			}
		}
	}catch(ex){}
}
function getInvoiceList(){
	try{
		var _data = "type=list";
// 		$(".loading-div").show();
		jQuery.ajax({
			url:"/mobile/plugin/1/fna/FnaElecInvoiceUtil.jsp",
			type : "get",
			cache : false,
			processData : false,
			data : _data,
			dataType : "json",
			async:false,
			success: function do4Success(_json){
				var err_code = _json.err_code;
				if(err_code == "1"){
					alert(_json.err_msg);
				}else{
					var data = _json.data;
					var dataLength = data.length;
					var statusCount = _json.statusCount;
					$(".already-number-span").text(statusCount);
					$(".number-span").text(dataLength);
					$(".invoice-div").empty();
					for(var i = 0;i<dataLength;i++){
						var dataInfo = data[i];
						var seller = dataInfo.seller;
						var purchaser = dataInfo.purchaser;
						var priceWithoutTax = dataInfo.priceWithoutTax;
						var billingDate = dataInfo.billingDate;
						var divs = " <div class='panel panel-info'>"+
										" <div class='panel-heading'>"+
											" <h3 class='panel-title'>"+
												seller+
											" </h3>"+
										" </div>"+
										" <div class='panel-body'>"+
											" <div class='invoice-detail-div'>"+
												" <span class='info-title'>购方名称:</span>"+
												" <div class='number-div'>"+
												purchaser+
												" </div>"+
											" </div>"+
											" <div class='invoice-detail-div'>"+
												" <span class='info-title'>发票金额:</span>"+
												" <div class='number-div'>"+
													priceWithoutTax+
												" </div>"+
											" </div>"+
											" <div class='invoice-detail-div'>"+
												" <span class='info-title'>开票日期:</span>"+
												" <div class='number-div'>"+
													billingDate+
												" </div>"+
											" </div>"+
										" </div>"+
									" </div>";
						$(".invoice-div").append(divs);
					}
				}
			},
			complete:function(){
// 		    	$(".loading-div").hide();
		    }
		});
	}catch(ex){}
}

function chooseInvoice(){
	if(em && em.checkJsApi('chooseInvoice')){
		em.chooseInvoice({
			success: function(res){
				console.log(res);
// 				alert(JSON.stringify(res));
				test(res);
			},
			fail: function(e){
				console.log(e);
			}
		});
	}else{
		alert('不支持');
	}
}

</script>
<style type="text/css">
body{
	background-color: #f5f4f9;
}
.container{
	width: 98%;
	height: 100%;
	margin-left: 1%;
}
.btn{
	margin-top: 20px;
	width: 100%;
}
.my-info-div{
	height: 30px;
	margin-top: 10px;
	font-weight: bold;
	line-height: 30px;
}
.number-div{
	margin-left: 0px;
	float: right;
	font-weight: bold;
}
.number-span{
	color: #bf7037;
}
.already-number-span{
	color: #bf7037;
}
.invoice-div{
	margin-top: 10px;
}
.invoice-detail-div{
	height: 30px;
	width: 100%;
	line-height: 30px;
}
.info-title{
	color: #979797;
}
.loading-div{
	margin-top: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	display: none;
}
</style>
</head>
<body>
	<div class="container">
		<input type="button" class="btn btn-primary" onclick="chooseInvoice();" value="同步电子发票">
		<div class="my-info-div">
			<span>我的发票</span>
			<div class="number-div">
				<span>已用</span><span class="already-number-span">0</span><span>张,</span>
				<span>共</span><span class="number-span">0</span><span>张</span>
			</div>
		</div>
		<div class="loading-div">
			<img src="img/loading.gif">
		</div>
		<div class="invoice-div"></div>
	</div>
</body>
</html>