<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>

<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>中国国际贸易促进委员会原产地证申报系统</title>
<link href="/resource/front/css/bootstrap.min.css" rel="stylesheet">
<link href="/resource/front/css/style.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="/resource/front/css/costom_css_tongzhigonggao.css">
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
  <script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
  <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
<script type="text/javascript">
            jQuery(document).ready(function ($) {
                if (window.history && window.history.pushState) {
    　　　　$(window).on('popstate', function () {
      　　    window.history.forward(1);
    　　　　});
  　　　　}
　　　　});
　　</script>
<script type=text/javascript>
        function checkInput()
        {
            var err = "";
            var taxId = document.getElementById("txtTaxId").value;
            if(!(taxId.length == 4 || taxId.length == 6))
            {
                err += "税则号只能录入前 4 位或 6 位！\r\n";
            }
            if(isNaN(taxId)) err+="税则号请录入数字！\r\n";
            if(taxId.indexOf(".")>0) err+="税则号请不要录入小数点！\r\n";
            if(err!=""){
               alert(err);
               return false;
            }
            return true;
         }
        function submit(){
        	/*   var flag = checkInput();
        	var taxNumber  = document.getElementById("txtTaxId").value;
        	if(flag){
        		$.post("/front/queryTaxableGoods", {"taxNumber": taxNumber}, function(data){
        			alert(data);
        			$("#divId").css("visibility", "visible");       			
        			for(var i=0;i<data.length;i++) {
        			$(".costom_table_tbody").append("<tr><td style='vertical-align: middle;text-align:center;'>" + data[i].area +"</td><td style='vertical-align: middle;text-align:center;'>"+data[i].country+" </td><td style='vertical-align: middle;text-align:center;'>"+
        					data[i].taxNumber+"</td><td style='vertical-align: middle;text-align:center;'>"+data[i].goodsDesc+"</td></tr>");
        			
        			}
        		}, "json");
        	}   */
        	 var flag = checkInput();
        	var taxNumber  = document.getElementById("txtTaxId").value;
        	if(flag){
        		$.post("/front/queryTaxableGoods", {"taxNumber": taxNumber}, function(data){
        			loadPaginator(data.total, null, null, null);
        		}, "json");
        	}  
        }
    </script>

</head>
<body>
<jsp:include page="header.jsp" />
<div class="row content">
    <div class="col-sm-12 col-md-12 ">
        <!-- <div class="thumbnail"> -->
            <!-- <div class="caption"> -->
                <img src="/resource/front/images/jinchukoumaoyi.png" CLASS="costom_title_img_div" style="width: 100%">
            <!-- </div> -->
        <!-- </div> -->
    </div>
</div>

<button type="button" class="btn  btn-lg costom_middle_button" style="font-width:bold ;width:200px;cursor:default;color:#fff;" >优惠税率查询</button>


<div class="row content">
    <div class="col-sm-12 col-md-12">
        <div class="thumbnail">
          <div class="caption costom_table_captionDiv">
            <table class="table table-striped costom_table">
                <thead  class="costom_table_thead" >
                <tr style="background-color: white;height:40px;" >            
            <th style="FONT-SIZE: 9pt;vertical-align: middle;text-align:right;padding-right:0px;text-indent: 0px;" width="20%" >
            税则号：
            </th>
            <th colspan="2"  width="40%"  style="vertical-align: middle;text-align:center;text-indent: 0px;">
            <input id="txtTaxId" class="inptext"  style="width: 500px;" name="taxNumber">
            </th>
            <th  style="vertical-align: middle;text-indent: 0px;text-align:left;padding-left:0px;">
            <img onclick="submit();"  src="/resource/front/images/anniu.jpg">
            </th>
            </tr>                   
                    <tr   id="divId"  style="visibility: hidden;">
                        <th style="text-align:center;text-indent: 0px;">区域</th>
                        <th style="text-align:center;text-indent: 0px;">国家名</th>
                        <th style="text-align:center;text-indent: 0px;">税目号</th>
                        <th style="text-align:center;text-indent: 0px;">描述</th>
                    </tr>                  
                </thead>
                <tbody id="investCase" class="costom_table_tbody">
                	
                </tbody>
            </table>
            <div class="numeric-pagination animate-onscroll">
						<ul class="pagination" id="pagination"></ul>
			</div>
			<div>检索结果仅供参考，实际以进口国海关最新公布为准</div>
            <!-- <nav aria-label="Page navigation" class="costom_page_navigation">
                <ul class="pagination">
                    <li>
                        <a href="#" aria-label="Previous">
                            <span aria-hidden="true">首页</span>
                        </a>
                    </li>
                    <li><a href="#">上一页</a></li>
                    <li><a href="#" class="page_number_selected">1</a></li>
                    <li><a href="#">2</a></li>
                    <li><a href="#">3</a></li>
                    <li><a href="#">下一页</a></li>
                    <li>
                        <a href="#" aria-label="Next">
                            <span aria-hidden="true">尾页</span>
                        </a>
                    </li>
                </ul>
            </nav> -->
          </div>
        </div>
    </div>
</div>





<jsp:include page="footer.jsp" />

<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="/resource/front/js/jquery.min.js"></script>
<script src="/resource/front/pageUpdate.js"></script>
<script src="/resource/front/jqPaginator.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="/resource/front/js/bootstrap.min.js"></script>

<script rel="script" type="text/javascript">
$(document).ready(function() {
	$("#search").click(function() {
		$("#popsearch").slideDown("slow");
	});
	$("#popsearch .gb_btn").click(function() {
		$("#popsearch").slideUp("slow");
	});  
    $(function () {
        $('[data-toggle="popover"]').popover()
    })

</script>
<script src="/resource/front/js/aside_fade.js"></script>
</body>
</html>