<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no" />
<title>上海市卫生健康委公共服务机构GIS查询平台</title>
<link rel="stylesheet" href="js/bootstrap/bootstrap.min.css">
<script src="assets/js/jquery-3.1.0.js"></script>
<script src="js/bootstrap/bootstrap.min.js"></script>
<script src="assets/js/jquery.base64.js"></script>
<script src="common/Config_JS/Config_Load.js"></script>
<script src="common/DBUtil_JS/WsCommonClassJava.js"></script>
<script src="common/ProjectClass/taskQueryDataBase.min.js"></script>
<script src="common/dataClass/DataCommonClass.js"></script>
<script src="common/dataClass/CreateTableByColumns.js"></script>
<link rel="stylesheet" href="http://139.196.105.31/arcgis_js_api/library/4.17/esri/themes/light/main.css" />
<script src="http://139.196.105.31/arcgis_js_api/library/4.17/init.js"></script>
<link rel="stylesheet" href="assets/css/echartsLayerCss.css">
<script src="common/mapClass/MapClassPostgis.min.js"></script>
<style>
html,
body,
#mapDiv {
padding: 0;
margin: 0;
min-width: 650px;
min-height: 500px;
height: 100%;
width: 100%;
}
#toolDiv{
-moz-box-shadow: 2px 2px 10px rgba(0,0, 0, 0.4);
-webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.4);
box-shadow:2px 2px 10px rgba(0, 0, 0, 0.4);
z-index: 11;
}
#listDiv{
min-width: 200px;
-moz-box-shadow: 2px 2px 10px rgba(0,0, 0, 0.5);
-webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
box-shadow:2px 2px 10px rgba(0, 0, 0, 0.5);
/*background-clip: padding-box;*/
z-index: 10;
}
.borderDiv{
border-radius:10px;
border: 1px solid #9d9d9d;
padding: 10px;
}
.linearText {
display: inline-block;
background-image: -webkit-linear-gradient(bottom, rgb(7, 33, 119), rgb(151, 178, 252), rgb(0, 217, 255));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.titleText{
font-size:1.5em
}
.subTitleText{
font-size:0.5em
}
</style>
<script>
$(function () {
initDo();
showLoadingWin();
});
function resizeDiv(){
let height=$(window).height()-$("#toolDiv").height();
console.log(height);
$("#listDiv").css("height",height+"px");
$("#mapDiv").css("height",height+"px");
}
function initDo() {
if (global_config_json) {
$(window).resize(function(){
resizeDiv();
});
resizeDiv();
initTDMap();
}else
{
setTimeout(initDo,100);
}
}
function mapLoaded() {
getEmu();
hideLoadingWin();
}
function getEmu(){
getEmuQuName();
getHospitalType();
}
function ddlQu_change(){
getEmuStreetName($("#ddlQu").val());
}
function btSearchClick(){
searchHospital();
}
function btSearchKeyClick(){
searchHospitalStreet();
}
</script>
</head>
<body>
<div id="toolDiv" class="col-lg-12 col-md-12 col-sm-12">
<!-- 表头-->
<table>
<tr>
<td rowspan="2"><img src="assets/images/LOGO.png"></td>
<td><label class="linearText titleText" style="vertical-align: bottom;display: table-cell">上海市卫生健康委公共服务机构GIS查询平台</label></td>
<td rowspan="2"><div class="borderDiv" style="margin-left: 100px;">
<input id="txtSearchKey" type="text" placeholder="输入机构名或地址进行模糊查询" onblur="AntiSqlValid(this)" style="width: 300px;height: 26px;">
<button class="glyphicon glyphicon-search" onclick="btSearchKeyClick()" style="height: 26px;"></button>
</div></td>
</tr>
<tr>
<td class="text-center"><a class="linearText subTitleText" href="https://wsjkw.sh.gov.cn" target="_blank" style="vertical-align: top;">https://wsjkw.sh.gov.cn</a></td>
</tr>
</table>
</div>
<div class="col-lg-2 col-sm-4 col-md-3" id="listDiv">
<h4><label for="ddlListDiv">机构点查询</label></h4>
<div id="ddlListDiv" class="borderDiv">
<label for="ddlQu">区县选择</label>
<select id="ddlQu" class="form-control" onchange="ddlQu_change()"></select>
<label for="ddlJd">街道选择</label>
<select id="ddlJd" class="form-control">
<option value="-1">全部街镇</option>
</select>
<label for="ddlHospitalType">机构选择</label>
<select id="ddlHospitalType" class="form-control"></select>
<div class="text-right">
<button class="btn btn-primary" onclick="clearSearchSelect();">重置</button>
<button id="btSearch" class="btn btn-success" onclick="btSearchClick()">搜索</button>
</div>
<div class="panel panel-success">
<div class="panel-heading" style="background-color: rgba(87,147,216,0.9);color:white;">
<h3 class="panel-title">
机构名称
</h3>
</div>
<div class="panel-body" style="background-color: #b7cde9">
<div id="divDataListHouse"></div>
<ul class="pagination pagination-sm" id="divDataListHousePage">
</ul>
</div>
</div>
</div>
</div>
<div class="col-lg-10 col-sm-8 col-md-9" style="padding-left: 0px;">
<div id="mapDiv">
</div>
</div>
<div class="modal fade" id="my-modal-loading" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-body">正在加载地图，请稍后...</div>
</div><!-- /.modal-content -->
</div><!-- /.modal -->
</div>
<input type="hidden" id="hidHouseId">
<input type="hidden" id="hidProjectId">
</body>
</html>