hs
/
jsgkj


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306
							<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>江苏省港口建设与经营管理信息系统</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <%@ include file="../common.jsp"%>
	<script type="text/javascript" src="${app }/static/biz/js/index/indexmain.js"></script>
	<script type="text/javascript" src="${app }/static/biz/js/main.js"></script>
	<script type="text/javascript" src="${app }/static/biz/js/jquery.rwdImageMaps.min.js"></script>
	<script type="text/javascript">
		$(document).ready(function () {
			index.main.citycode='${citycode}';
			index.main.init();
			iFrameHeightIframe('index');//自适应高度
			$('img[usemap]').rwdImageMaps();
		});
		
	</script>

	<style type="text/css">
		.largeimage{
			  position: relative;
			  z-index: 1000;
			 
			}
		
		.apply th{
			width: 65%;
		}
		.apply td{
			width: 35%;
		}
		
		.qsxx{
		z-index:3; top:0px;right:2px; width: 300px;height: 280px; position:absolute;
		border-radius:5px;
	background-color:#fff;
	-ms-border-radius:8px 8px 0 0;-moz-border-radius:8px 8px 0 0;-webkit-border-radius:8px 8px 0 0;-o-border-radius:8px 8px 0 0;
		}		
	</style>
</head>

<body >
	<div class="box" style="overflow:hidden;">
			<!-- 全省信息 -->
			<div class="qsxx" id="all" >
				     <div class="theme-poptit" style="margin-bottom:0px;height: 35px;">
				          <div class="popTitle" style="padding: 0px 0 0 10px">
				          	<%-- <h4>${cityname }信息</h4> --%>
				          	<h4 style="margin-bottom: 0px;">全省港口概况</h4>
				          </div>
				     </div>
			 		<table class="apply" cellpadding="0" cellspacing="0">
			 		<tr>
										<th>经营人个数：&nbsp;</th>
										<td id="projyrgs">
										</td>
									</tr>
									<tr>
										<th>危货企业个数：&nbsp;</th>
										<td id="prowxqygs">
										</td>
									</tr>
									<tr>
										<th>泊位个数：&nbsp;</th>
										<td id="probwgs">
										</td>
									</tr>
									<tr>
										<th>万吨级以上泊位个数&nbsp;&nbsp;<br>（内河千吨级）：&nbsp;</th>
										<td id="prowdbwgs">
										</td>
									</tr>
									<tr>
										<th>设计总通过能力(万吨)：&nbsp;</th>
										<td id="prottl">
										</td>
									</tr>
									<tr>
										<th>当日单船作业申请数：&nbsp;</th>
										<td id="prodcsqs">
										</td>
									</tr>
									<tr>
										<th>当日总吞吐量：&nbsp;</th>
										<td id="prodrzttl">
										</td>
									</tr>
									<%-- <tr>
										<th>经营人个数：&nbsp;</th>
										<td>
										 ${jyrnum }
										</td>
									</tr>
									<tr>
										<th>危货企业个数：&nbsp;</th>
										<td>
										 ${whjyr } 
										</td>
									</tr>
									<tr>
										<th>泊位个数：&nbsp;</th>
										<td >
											${bwnum }
										</td>
									</tr>
									<tr>
										<th>万吨级以上泊位个数：&nbsp;</th>
										<td >
											${wdjysbw }
										</td>
									</tr>
									<tr>
										<th>泊位总吞吐量（万吨）：&nbsp;</th>
										<td >
											${bwztul }
										</td>
									</tr>
									<tr>
										<th>当日单船作业申请数：&nbsp;</th>
										<td>
											${drphsqs }
										</td>
									</tr> --%>
									
					</table>
						<!-- 列表 -->
						
				</div>
			<!-- 省级 -->
			<div id="province" style="display:none;">
				<img alt=""  usemap="#provincemap" style="position:relative;width:100%; top: 0;left: 0;overflow: hidden;"  src="${app }/static/biz/image/index/map.jpg">
				<map name="provincemap" id="provincemap">
					<!-- <area id="czgk" shape="circle" coords="381,188,11" onclick="index.main.getData('E8FFA9E619AA4A1BB560876281FBC27C','','czgk')"  href="#" > -->
					<area id="cznhgk" shape="circle" coords="722,575,11" onclick="index.main.getData('6806736F9463483B97DEAAD549A8DAC4','','cznhgk')"  href="#" >
					<area id="czgk" shape="circle" coords="691,620,11" onclick="index.main.getData('E8FFA9E619AA4A1BB560876281FBC27C','','czgk')"  href="#" >
					<area id="hagk" shape="circle" coords="597,325,11" onclick="index.main.getData('C92E3C8D6AF845C6B41117A280C64CCF','','hagk')"  href="#" >
					<area id="jygk" shape="circle" coords="754,554,11" onclick="index.main.getData('B79F862FE3EB4C769D25B5DB0FB0B7BC','','jygk')"  href="#" >
					<area id="lyggk" shape="circle" coords="682,145,11" onclick="index.main.getData('583C76313E4149339C46D588F32D32DF','','lyggk')"  href="#" >
					<area id="lygnhgk" shape="circle" coords="616,168,11" onclick="index.main.getData('85FAB5FE87464F0FB9031F39AE47F217','','lygnhgk')"  href="#" >
					<area id="njgk" shape="circle" coords="568,518,11" onclick="index.main.getData('8A6FCE4E301642DBAC708114C60EA252','','njgk')"  href="#" >
					<area id="njnhgk" shape="circle" coords="575,576,11" onclick="index.main.getData('5D094A81394540E5A81076459134F8D0','','njnhgk')"  href="#" >
					<area id="ntgk" shape="circle" coords="838,548,11" onclick="index.main.getData('6343A57E7C8B4CE98AC56981B5F78580','','ntgk')"  href="#" >
					<area id="ntnhgk" shape="circle" coords="825,507,11" onclick="index.main.getData('0224947E09A044BCB4BF4611B00497EC','','ntnhgk')"  href="#" >
					<area id="szgk" shape="circle" coords="828,579,11" onclick="index.main.getData('9CB496AD12DF4C899086AFC1D8A95B13','','szgk')"  href="#" >
					<area id="sznhgk" shape="circle" coords="804,673,11" onclick="index.main.getData('A0994A1F80DB42D7AC7C6916588263F0','','sznhgk')"  href="#" >
					<area id="tzgk" shape="circle" coords="732,527,11" onclick="index.main.getData('44A778FA40564317AF661CEC78D8E21D','','tzgk')"  href="#" >
					<area id="tznhgk" shape="circle" coords="710,454,11" onclick="index.main.getData('BCC103BAFB0042DCA39F8684A37314D6','','tznhgk')"  href="#" >
					<area id="wxgk" shape="circle" coords="738,604,11" onclick="index.main.getData('7D6837A76EF240658CCBBAC01C970862','','wxgk')"  href="#" >
					<area id="sqgk" shape="circle" coords="529,287,11" onclick="index.main.getData('579F3A7E566E4A86924DBA290F22ECE1','','sqgk')"  href="#" >
					<area id="xzgk" shape="circle" coords="381,188,11" onclick="index.main.getData('659D99470458492C89F45D6C757AFEAD','','xzgk')"  href="#" >
					<area id="ycgk" shape="circle" coords="812,324,11" onclick="index.main.getData('2B5F56FB8EFC40538437442DC9F58C48','','ycgk')"  href="#" >
					<area id="ycnhgk" shape="circle" coords="690,303,11" onclick="index.main.getData('2A13C4A53FEC4159BBA7800370FD09A6','','ycnhgk')"  href="#" >
					<area id="yzgk" shape="circle" coords="668,485,11" onclick="index.main.getData('820E961344AA480DB4AAA9E43130918E','','yzgk')"  href="#" >
					<area id="yznhgk" shape="circle" coords="643,427,11" onclick="index.main.getData('CB8C7F6DD3C1491C9F8F4461080F5273','','yznhgk')"  href="#" >
					<area id="zjgk" shape="circle" coords="648,513,11" onclick="index.main.getData('BEA06E3449714B79A1CD28B5600A4AFC','','zjgk')"  href="#" >
					<!-- <area id="zjnhgk" shape="circle" coords="676,546,11" onclick="index.main.getData('9B2ACF86744D467F8FB28AB7DF86E250','','zjnhgk')"  href="#" > -->
				</map>
			</div>
			
			<!-- 南京 -->
			<div id="nanjing" style="display: none;">
				<img alt=""  usemap="#nanjingmap" style="position:absolute;width:100%;height:100%; top: 0;left: 0;overflow: hidden;"  src="${app }/static/biz/image/index/nanjing.jpg">
				<map name="nanjingmap" id="nanjingmap">
					<area id="njqbgq" shape="rect" coords="65,380,158,404" onclick="index.main.getData('','834C35B30744460FA85F51AB14599BFC','njqbgq')"  href="#" >
					<area id="njbqgq" shape="rect" coords="160,531,255,551" onclick="index.main.getData('','EB7A205AD9C34AC1A4FCFCBF6B3E4D53','njbqgq')"  href="#" >
					<area id="njmzzgq" shape="rect" coords="429,411,525,431" onclick="index.main.getData('','C439A690717A483CB6F1AA040CCD7D3F','njmzzgq')"  href="#" >
					<area id="njpkgq" shape="rect" coords="500,205,597,227" onclick="index.main.getData('','265C0DF8789B4274BA84A014058257E1','njpkgq')"  href="#" >
					<area id="njxggq" shape="rect" coords="548,364,644,383" onclick="index.main.getData('','1BE948247BA24EDF9DBABBBCFBA1BD3A','njxggq')"  href="#" >
					<area id="njsymgq" shape="rect" coords="672,308,768,328" onclick="index.main.getData('','759DF99526FD4F7F934EF2DEC3C6CFF3','njsymgq')"  href="#" >
					<area id="njdcgq" shape="rect" coords="789,42,885,64" onclick="index.main.getData('','9CE798065DCF48989CE9D6095EA77868','njdcgq')"  href="#" >
					<area id="njxswgq" shape="rect" coords="814,322,909,342" onclick="index.main.getData('','95FFD3B84247464FAB32389A2B802DFF','njxswgq')"  href="#" >
					<area id="njxbgq" shape="rect" coords="969,221,1065,241" onclick="index.main.getData('','146BCA17B5794F7D8BA8E8EB7C4C7202','njxbgq')"  href="#" >
					<area id="njxxgq" shape="rect" coords="977,417,1073,437" onclick="index.main.getData('','2B74E3B45CE04EB58440BFDD44A96387','njxxgq')"  href="#" >
					<area id="njltgq" shape="rect" coords="1160,422,1256,442" onclick="index.main.getData('','4C7359F3F188412289C1B3590D64DA04','njltgq')"  href="#" >
					<area id="njyzgq" shape="rect" coords="1381,316,1476,336" onclick="index.main.getData('','559C0BB5C11B43E9AC93B2C666B60373','njyzgq')"  href="#" >
					<area id="njmdgq" shape="rect" coords="1318,490,1414,512" onclick="index.main.getData('','4B19E8F155784D31BEE44DCB8C459D96','njmdgq')"  href="#" >
				</map>
			</div>
			
			<!-- 图表 -->
			<div id="gridData" align="center" style="display: none;">
				<table class="main_table" style="width:90%;" cellpadding="0" cellspacing="0">
					<tr>
						<th width="3%">序号</th>
						<th width="10%">所在港区</th>
						<th width="10%">经营人个数</th>
						<th width="10%">危货企业个数</th>
						<th width="8%">泊位个数</th>
						<th width="12%">万吨级以上泊位个数<br>（内河千吨级）</th>
						<th width="13%">设计总靠泊能力(万吨)</th>
						<th width="13%">当日单船作业申请数</th>
						<th width="8%">当日总吞吐量</th>
					</tr>
					<c:forEach items="${list}" var="citygqdata" varStatus="status">
						<tr>
							<td>${status.index+1 }</td>
							<td>${citygqdata.szgq}</td>
							<td><span onclick="parent.main.menuClick('jyrjbxx','经营人基本信息','/gkjyr/main?szgqid=${citygqdata.szgqid}')" >${citygqdata.jyrnum }</span></td>
							<td><span onclick="parent.main.menuClick('jyrjbxx','经营人基本信息','/gkjyr/main?szgqid=${citygqdata.szgqid}&sfcswhzy=201')" >${citygqdata.whjyr}</span></td>
							<td><span onclick="parent.main.menuClick('bwxx','泊位信息','/bw/main?szgqid=${citygqdata.szgqid}')" >${citygqdata.bwnum}</span></td>
							<td>${citygqdata.wdjysbw}</td>
							<td>${citygqdata.bwztul}</td>
							<td><span onclick="parent.main.menuClick('gkdczysb','港口单船作业申报','/dcsb/main?szgqid=${citygqdata.szgqid}')" >${citygqdata.drphsqs}</span></td>
							<td>${citygqdata.drzttl}</td>
						</tr>
					</c:forEach>
				</table>
			</div>
			
			<!-- 苏州 -->
			<div id="suzhou" style="display: none;">
				<img alt=""  usemap="#suzhoumap" style="position:absolute;width:100%;height:100%; top: 0;left: 0;overflow: hidden;"  src="${app }/static/biz/image/index/suzhou.png">
				<map name="suzhoumap" id="suzhoumap">
				</map>
			</div>
			
			<!-- 连云港 -->
			<div id="lianyungang" style="display: none;">
				<img alt=""  usemap="#lianyungangmap" style="position:absolute;width:100%;height:100%; top: 0;left: 0;overflow: hidden;"  src="${app }/static/biz/image/index/lianyungang.jpg">
				<map name="lianyungangmap" id="lianyungangmap" >
					<area id="lygzygq" shape="rect" coords="1134,51,1230,63" onclick="index.main.getData('','3C00D41476874B64A29B75EB6547474D','lygzygq')"  href="#" >
					<area id="lyggq" shape="rect" coords="1323,203,1420,214" onclick="index.main.getData('','C84C5CFAD0B0454C99A1D35F8D56673A','lyggq')"  href="#" >
					<area id="lygghgq" shape="rect" coords="1491,564,1575,573" onclick="index.main.getData('','58CE3217EF0E4FEC959B8FDF8D4CCDB0','lygghgq')"  href="#" >
					<area id="lygxygq" shape="rect" coords="1578,317,1673,331" onclick="index.main.getData('','E548CDE607064C2591DF924C57F40A33','lygxygq')"  href="#" >
				</map>
			</div>
			
			<!-- 淮安 -->
			<div id="huaian" style="display: none;">
				<img alt=""  usemap="#huaianmap" style="position:absolute;width:100%;height:100%; top: 0;left: 0;overflow: hidden;"  src="${app }/static/biz/image/index/huaian.jpg">
				<map name="huaianmap" id="huaianmap">
				</map>
			</div>
			
			<!-- 扬州 -->
			<div id="yangzhou" style="display: none;">
				<img alt=""  usemap="#yangzhoumap" style="position:absolute;width:100%;height:100%; top: 0;left: 0;overflow: hidden;"  src="${app }/static/biz/image/index/yangzhou.jpg">
				<map name="yangzhoumap" id="yangzhoumap">
				</map>
			</div>
			
			<!-- 泰兴 -->
			<div id="taixing" style="display: none;">
				<img alt=""  usemap="#taixingmap" style="position:absolute;width:100%;height:100%; top: 0;left: 0;overflow: hidden;"  src="${app }/static/biz/image/index/taixing.jpg">
				<map name="taixingmap" id="taixingmap">
				</map>
			</div>
	</div>
	
	<div class="theme-popover" id="jyrselectdiv" style="width: 300px;height: 280px;  ">
	     <div class="theme-poptit" style="margin-bottom: 0px;">
	          <div class="popTitle" >
	          	<h4 id="title"></h4>
	          </div>
	          <div class="close">
	          		<a href="#" title="关闭" onclick="guanbipop()" >×</a>
	          </div>
	     </div>
 <table class="apply" cellpadding="0" cellspacing="0">
									<tr>
										<th>经营人个数：&nbsp;</th>
										<td id="jyrgs">
										</td>
									</tr>
									<tr>
										<th>危货企业个数：&nbsp;</th>
										<td id="wxqygs">
										</td>
									</tr>
									<tr>
										<th>泊位个数：&nbsp;</th>
										<td id="bwgs">
										</td>
									</tr>
									<tr>
										<th>万吨级以上泊位个数&nbsp;<br>(内河千吨级)：&nbsp;</th>
										<td id="wdbwgs">
										</td>
									</tr>
									<tr>
										<th>设计总靠泊能力(万吨)：&nbsp;</th>
										<td id="ttl">
										</td>
									</tr>
									<tr>
										<th>当日单船作业申请数：&nbsp;</th>
										<td id="dcsqs">
										</td>
									</tr>
									<tr>
										<th>当日总吞吐量：&nbsp;</th>
										<td id="drzttl">
										</td>
									</tr>
									
					</table>
			<!-- 列表 -->
	</div>
</body>
</html>