hm
/
mapjsw


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192
							<!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>