gisMap.jsp 16.3 KB
<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<html>
<head>
    <title>宗地地图检索展示</title>
    <!-- meta name="decorator" content="default"/-->
    <link href="${ctxStatic}/gis/lib/zondy-style-thin.css" rel="stylesheet" type="text/css" />
    <link href="${ctxStatic}/gis/css/orbit-1.2.3.css" rel="stylesheet" type="text/css" />    
    <link href="${ctxStatic}/gis/css/defaultPage.css" rel="stylesheet" type="text/css" /> 
    <link href="${ctxStatic}/gis/css/style.css" rel="stylesheet" type="text/css" />
    <link href="${ctxStatic}/gis/css/styleml.css" rel="stylesheet" type="text/css" />
    <script src="${ctxStatic}/gis/lib/jquery-1.8.0.min.js" type="text/javascript"></script>
    <script src="${ctxStatic}/gis/lib/OpenLayers.js" type="text/javascript"></script>
    <script src="${ctxStatic}/gis/lib/zdclient.js" type="text/javascript"></script>
    <script src="${ctxStatic}/gis/lib/jquery.orbit-1.2.3.js" type="text/javascript"></script>    
    <script src="${ctxStatic}/gis/js/global.js" type="text/javascript"></script>
    <script src="${ctxStatic}/gis/js/config.js" type="text/javascript"></script>
    <link href="${ctxStatic}/gis/lib/jqueryEasyui/easyui.css" rel="stylesheet" type="text/css" />
    <link href="${ctxStatic}/gis/lib/jqueryEasyui/icon.css" rel="stylesheet" type="text/css" />
    <script src="${ctxStatic}/gis/lib/jqueryEasyui/jquery.easyui.min.js" type="text/javascript"></script>
    <link href="${ctxStatic}/gis/lib/colorPicker/js_color_picker_v2.css" rel="stylesheet" type="text/css" />
    <script src="${ctxStatic}/gis/lib/colorPicker/js_color_picker_v2.js" type="text/javascript"></script>
    <script src="${ctxStatic}/gis/lib/colorPicker/color_functions.js" type="text/javascript"></script>
    <script type="text/javascript">
      var tempZrzList = new Array();
      tempZrzList = ${fns:toJson(regBaseZrzList)};
      var xmmc= '${regBaseXm.xmmc}';
      var flag ='';
      $(document).ready(function(){
    		var slideNav = new OpenLayers.Control.TouchNavigation({
    			dragPanOptions : { //惯性滑动,
    				enableKinetic : { //enableKinetic,可以设为bool,也可设为object,设为object时,object会考到{<OpenLayers.Kinetic> 的构造函数中
    					deceleration : 0.0055
    				//地图滑动的速率
    				}
    			}
    		});

    		////初始化地图容器,确定地图文档范围,显示级数分辨力等
    		map = new OpenLayers.Map("map", {
    	        isAutoConfig: true, 
    	      controls: [
    	                   new OpenLayers.Control.Navigation(),                    //此控件处理伴随鼠标事件的地图浏览
    	                   new OpenLayers.Control.MousePosition(),                  //此控件显示鼠标移动时,所在点的地理坐标
    	                   new OpenLayers.Control.TouchNavigation({                //控制刷新地图时不用闪烁一次
    	                       dragPanOptions: {
    	                           enableKinetic: {
    	                               deceleration: true
    	                           }
    	                       }
    	                   })
    	               ]
    	    });
    		layer = new Zondy.Map.Doc("MapGIS IGS MapDocLayer", actualSvrcfg.tileMapName, {
    	         ip: actualSvrcfg.ip,        //IP地址
    	         port: actualSvrcfg.port,    //端口号
    	         isBaseLayer: true,
    	         transitionEffect: "resize" ,//刷新地图时不用闪烁一次
    	         filters: "21:islogout!='1' AND islogout!='2',22:islogout!='1' AND islogout!='2',23:islogout!='1' AND islogout!='2',27:islogout!='1' AND islogout!='2',28:islogout!='1' AND islogout!='2',29:islogout!='1' AND islogout!='2',35:islogout!='1' AND islogout!='2'"
    	        	     
    		});
    		//给容器添加图层
    		map.addLayers([layer]);
    		map.setCenter(new OpenLayers.LonLat((36405050.3420840023+36412505.1417875422)/2,(3657541.105763692+3667821.869731353)/2), 3);
    		flashLayer= new OpenLayers.Layer.Vector("flashLayer");
    	    flashLayer.style={fillColor:"#D2691E",fillOpacity:0.8};
    	    map.addLayer(flashLayer);
    	    var queryStruct=new Zondy.Service.QueryFeatureStruct();
		    queryStruct.IncludeGeometry=true;
		    flag = '${flag}';
		    var chid='${regBaseZdjbxx.chid}';
		    var lpbdcdyh = '${regBaseZrz.bdcdyh}';
	            //查询该宗地信息
    	  if(flag == 'zd'){
    		  document.getElementById("lpinfo").style.display="none";
    		  document.getElementById("zdinfo").style.display="";
    		  var str = "CHID= '"+ chid +"'";
             var chaxuntuceng = selectTuCeng('${regBaseZdjbxx.zdtzm}');
    	  }else{
    		  document.getElementById("zdinfo").style.display="none";
    		  document.getElementById("lpinfo").style.display="";
    		  var str = "BDCDYH= '"+ lpbdcdyh +"'";
              var chaxuntuceng = actualSvrcfg.ZRZ;
        	  }
          var queryParam=new Zondy.Service.QueryByLayerParameter(chaxuntuceng,{ 
              // geometry: line,
              resultFormat: "json",
              struct:queryStruct,
              where :  str
         });
          queryParam.recordNumber = 100;
         var queryService=new Zondy.Service.QueryLayerFeature(queryParam,
          {
                ip: actualSvrcfg.ip,        //IP地址
                port: actualSvrcfg.port ,   //端口号
                requestType:"POST"
         });
          queryService.query(querySuccess);
          if(flag == 'zd'){	
          queryZRZSuccess();
          }
      }) ;   
           function queryZRZSuccess(){
                  var zrzList =  ${fns:toJson(regBaseZrzList)};
                  console.log(zrzList.length);
                  var info = "";
                  if(zrzList.length > 0){
                       $("#zrzinfo").html('该宗地有'+ zrzList.length +'条楼栋信息');
                       info="<ol>";
                       for(var i = 0 ; i<zrzList.length;i++){
                            var zid = zrzList[i].id;
                            var xmid =zrzList[i].xmid;
                           info = info+"<li>楼栋名称:<br>"+ xmmc + zrzList[i].gzwmc +"<a href='#' onclick='winOpenZCHView(\""+zid+"\",\""+xmid+"\",\""+xmmc+"\")'>立体展示</a></li>"
                                 +"不动产单元号:<br>"+ zrzList[i].bdcdyh +"<br><br>"
                           }
                       info = info+"</ol>";
                       $(".zrzinfo").html(info);
                  }else{
                      $("#zrzinfo").html('该宗地上无楼栋');
                  }
               
              } 


          function querySuccess(data){
              var result = data;
              var format=new Zondy.Format.PolygonJSON();
              var features = format.read(result); //将获取到的中地数据转换为OL数据
              flashLayer.addFeatures(features);//将转换的点绘制图形
              if (result.SFEleArray.length > 0) {
                  if (result.SFEleArray[0].bound) {
                      var pantoX = (result.SFEleArray[0].bound.xmin + result.SFEleArray[0].bound.xmax) / 2;
                      var pantoY = (result.SFEleArray[0].bound.ymin + result.SFEleArray[0].bound.ymax) / 2;
                  }
                  map.setCenter([pantoX, pantoY],actualSvrcfg.mapQueryjishu);
              }
             if(flag == 'zd'){
              if(result.TotalCount > 0){
            		$.ajax({ 
              			type:"POST", //请求方式 
              			url:"${ctx}/reg/bus/regBusBdcqzsdjxx/getHKVInfo", //请求路径 
              			cache: false,   //(默认: true,dataType为script和jsonp时默认为false) jQuery 1.2 新功能,设置为 false 将不缓存此页面。 
              			data:"qllx="+result.SFEleArray[0].AttValue[15]+"&qlxz="+result.SFEleArray[0].AttValue[16],//"id="+ id +"&NEWYWH=${regBusSlsq.ywh}&djlx=${regBusSlsq.djxl}",  //传参 
              			async:false,
              			success:function(modelmap){
            	             $("#zddm").html(result.SFEleArray[0].AttValue[4]);
                             $("#bdcdyh").html(result.SFEleArray[0].AttValue[5]);        
                             $("#labelqlrxm").html(result.SFEleArray[0].AttValue[30]);
                            $("#labelzl").html(result.SFEleArray[0].AttValue[8]);                 
                            $("#labelmj").html(result.SFEleArray[0].AttValue[9]);
                            $("#labelqllx").html(modelmap.qllx);
                            $("#labelqlxz").html(modelmap.qlxz);
                             $("#labelyt").html(result.SFEleArray[0].AttValue[10]);
      		}
            		})
                  }
             }
             else{
            	 $("#zrzzddm").html(result.SFEleArray[0].AttValue[4]);
   		        $("#zrzbdcdyh").html(result.SFEleArray[0].AttValue[5]);        
   		        $("#zrzxmmc").html(result.SFEleArray[0].AttValue[11]);
   		        $("#zrzjzwmc").html(result.SFEleArray[0].AttValue[8]);                 
   		        $("#zrzzcs").html(result.SFEleArray[0].AttValue[17]);
   		        $("#zrzzdmj").html(result.SFEleArray[0].AttValue[10]); 
                 }
          }
    function selectTuCeng(ListTucengNO)
    {
    	var tucengValue="";
    	switch(ListTucengNO)
    	{
    	  case "A":
    		  tucengValue=actualSvrcfg.SYQZDGDBP;
    		  break;
    	  case "B":
    		  tucengValue=actualSvrcfg.SHYQZD_DB;
    		  break;
    	  case "S":
    		  tucengValue=actualSvrcfg.SHYQZD_DS;
    		  break;
    	  case "X":
    		  tucengValue=actualSvrcfg.SHYQZD_DX;
    		  break;
    	  case "C":
    		  tucengValue=actualSvrcfg.ZJDGDBP;
    		  break;
    	  case "D":
    		  tucengValue=actualSvrcfg.CBJYQZD_GD;
    		  break;
    	  case "E":
    		  tucengValue=actualSvrcfg.CBJYQZD_LD;
    		  break;
    	  case "F":
    		  tucengValue=actualSvrcfg.CBJYQZD_CD;
    		  break;
    	  case "I":
    		  break;
    	  default:break;
    	}
    	return tucengValue;
    }

    		function Opendengjibu(text)
           {
    	   var iWidth=1100; 
	       	var iHeight=600;
	       	var iTop = (window.screen.height - 30 - iHeight) / 2;
	       	var iLeft = (window.screen.width - 10 - iWidth) / 2;
	       	var txt="";
	       	if(text == "zddm"){
		       	if(flag == 'zd'){
			   txt=document.getElementById("zddm").innerHTML;
		       	}else{
		       	 txt=document.getElementById("zrzzddm").innerHTML;
			       	}
				window.open("${ctx}/reg/books/book?zddm="+txt,"windownew",
					"height="+ iHeight +",width="+ iWidth +",top="+ iTop +",left="+ iLeft +",toolbar=no,menubar=no,scrollbars=yes, resizable=no,location=no, status=no");
				} 
	    	if(text == "bdcdyh"){
				txt=document.getElementById("bdcdyh").innerHTML;
					window.open("${ctx}/reg/books/orightbook?bdcdyh="+txt,"windownew",
						"height="+ iHeight +",width="+ iWidth +",top="+ iTop +",left="+ iLeft +",toolbar=no,menubar=no,scrollbars=yes, resizable=no,location=no, status=no");
					} 
           }
      function winOpenZCHView(zid,xmid,xmmc){
          console.log(zid,xmid,xmmc);
			//弹出窗口的宽度; 
			var iWidth=1100; 
			//弹出窗口的高度;
	       	var iHeight=600;
	       	//获得窗口的垂直位置
	       	var iTop = (window.screen.height - 30 - iHeight) / 2;
	       	//获得窗口的水平位置 
	       	var iLeft = (window.screen.width - 10 - iWidth) / 2;
			window.open("${ctx}/reg/base/regBaseC/zchListView?ZID="+zid+"&XMID="+xmid+"&XMMC="+xmmc,"楼盘立体展示",
					"height="+ iHeight +",width="+ iWidth +",top="+ iTop +",left="+ iLeft +",toolbar=no,menubar=no,scrollbars=yes, resizable=no,location=no, status=no");
		}
      function winOpenBdcdjxx(bdcdyh){
			//弹出窗口的宽度; 
			var iWidth=1100; 
			//弹出窗口的高度;
	       	var iHeight=600;
	       	//获得窗口的垂直位置 
	       	var iTop = (window.screen.height - 30 - iHeight) / 2;
	       	//获得窗口的水平位置 
	       	var iLeft = (window.screen.width - 10 - iWidth) / 2; 
     		var url = "${ctx}/reg/base/regBaseC/openHouseView?cxfs=1&bdcdyh="+bdcdyh;
	       	window.open(url, "lpwindow", "width=" + iWidth + ", height=" + iHeight + ",top=" + iTop + ",left=" + iLeft + ",toolbar=no, menubar=no, scrollbars=yes, resizable=no,location=no, status=no,alwaysRaised=yes,depended=yes");
		}
  
    </script>
</head>
<body>
	<div id="main">
        <div id="logoBtn">
            <div title="隐藏标题" class="logoImg logoBtn">  </div>
        </div>
        <div id="zdinfo">
            <div class="infohead">宗地情况:</div>
             <div class="infotitle" margin-left="0px">宗地基本情况:</div>
             <div class="info">
               <label class="display-label">宗地代码:</label>
	          <div class="controls">
	           <a id="zddm" class="controls" href="javascript:void(0)"  title="点击此处查看更多详细信息" onclick="Opendengjibu('zddm');"></a> 
	          </div>
	          <br>
	          <label class="display-label">不动产单元号:</label>
	          <div class="controls">
	          	 <a id="bdcdyh" class="controls" href="javascript:void(0)"  title="点击此处查看更多详细信息" onclick="Opendengjibu('bdcdyh');"></a> 
	          </div>
	          <br>
	           <label class="display-label">权利人:</label>
	          <div id="labelqlrxm" class="controls">
	          </div>
	          <br>
	          <label class="display-label">权利类型:</label>
	          <div id="labelqllx" class="controls">
	          </div>
	          <br>
	          <label class="display-label">权利性质:</label>
	          <div id="labelqlxz" class="controls">
	          </div>
	          <br>
	          <label class="display-label">用途:</label>
	          <div id="labelyt" class="controls">
	          </div>
	          <br>
	          <label class="display-label">面积:</label>
	          <div id="labelmj" class="controls">
	          </div>
	          <br>
	           <label class="display-label">状态:</label>
	          <div id="labelzt" class="controls">
	               ${fns:getDictLabel(regBaseZdjbxx.isdiya, 'reg_bus_isdiya', '')}
					<c:if test="${regBaseZdjbxx.ischafeng eq 0}">
						${fns:getDictLabel(regBaseZdjbxx.ischafeng, 'reg_bus_ischafeng', '')}
					</c:if>
					<c:if test="${regBaseZdjbxx.ischafeng ne 0}">
						<span class="help-inline"><font color="red">
						查封
						</font></span>
					</c:if>
					<c:if test="${regBaseZdjbxx.isyiyi eq 0}">
						${fns:getDictLabel(regBaseZdjbxx.isyiyi, 'reg_bus_isyiyi', '')}
					</c:if>
					<c:if test="${regBaseZdjbxx.isyiyi ne 0}">
						<span class="help-inline"><font color="red">
						${fns:getDictLabel(regBaseZdjbxx.isyiyi, 'reg_bus_isyiyi', '')}
						</font></span>
					</c:if>
	          </div>
	          <br>
            </div>
            <div class="infotitle" id="zrzinfo"></div>
            <div class="zrzinfo">
            </div>
        </div>
        <div id = "lpinfo">
         <label  class="control-label">宗地代码:</label>
	          <div> <a  id="zrzzddm" class="controls" href="javascript:void(0)"  title="点击此处查看更多详细信息" onclick="Opendengjibu('zddm');" >
			   </a> 
			   </div>
			   <br/>
	         <label  class="control-label">不动产单元号:</label>
	          <div><a  id="zrzbdcdyh">
			   </a>
			   <br><a href="javascript:void(0);" onclick="winOpenBdcdjxx('${regBaseZrz.bdcdyh}');">楼盘整体信息</a>
			   </div> 
	         <br />
	          <label class="control-label">项目名称:</label>
	          <div id="zrzxmmc" class="controls">
	          </div>
	          <br />
	          <label class="control-label">构筑物名称:</label>
	          <div id="zrzjzwmc" class="controls">
	          </div>
	          <br />
	          <label class="control-label">总层数:</label>
	          <div id="zrzzcs" class="controls">
	          </div>
	          <br />
	          <label class="control-label">幢占地面积:</label>
	          <div id="zrzzdmj" class="controls">
	          </div>
        </div>
        <!-- div id="map"  style="width:1050px;height:550px"> -->  <!-- style="position: absolute;" -->
       <div id="map"  style="width:100%;height:98%">
        </div>
  </div>     
   
		 
 <!-- 列表显示多条查询信息 -->
<div id="PQdialog" class="easyui-window" title="查询信息" border="false" maximizable="false" minimizable="false" collapsible="false" border="false" resizable="false" closable="true" closed="true" style="width:600px; height: 200px;padding:5px;left:200px;top:100px">

</div>
</body>
</html>