김서연 / Corona_Vaccination_Medical_Institution

Go to a project
Toggle navigation Toggle navigation pinning
김서연
0d3e3681 1 parent d086c5fa

전체적인 css 수정

Inline Side-by-side
Showing 2 changed files with 21 additions and 13 deletions
...@@ -2,7 +2,12 @@ var express = require('express'); ...@@ -2,7 +2,12 @@ var express = require('express');
2 var bodyParser = require('body-parser'); 2 var bodyParser = require('body-parser');
3 var request = require('request'); 3 var request = require('request');
4 var cheerio = require('cheerio'); 4 var cheerio = require('cheerio');
5 +
5 var app =express(); 6 var app =express();
7 +const HTTPS = require('https');
8 +const domain = "www.stagefive.tk"
9 +const sslport = 80;
10 +
6 app.set('view engine','ejs'); 11 app.set('view engine','ejs');
7 app.set('views','./views') 12 app.set('views','./views')
8 app.use(express.urlencoded( {extended : false } )); 13 app.use(express.urlencoded( {extended : false } ));
......
...@@ -14,31 +14,34 @@ ...@@ -14,31 +14,34 @@
14 } 14 }
15 </script> 15 </script>
16 <% }%> 16 <% }%>
17 + <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
18 + <script type="text/javascript" src="/resource/js/bootstrap.js"></script>
17 </head> 19 </head>
18 <body> 20 <body>
19 <center> 21 <center>
20 - <h1>COVID-19 예방접종 위탁 의료기관 조회</h1> <br><hr> 22 +
23 + <!-- <div style="background: #e8ecff; border-left: 0.5em solid #688FF4;border-right: 0.5em solid #688FF4; padding: 0.5em;"> -->
24 + <h2>COVID-19 예방접종 위탁 의료기관 조회</h2> <hr>
25 + <!-- </div> -->
21 <form action="/" method="post"> 26 <form action="/" method="post">
22 <p> 27 <p>
23 - <br> 28 + <div style="float:right; width:40%; margin-bottom:10px; margin-right: 5px;">
24 - <div style="float:right; margin-right:250px;margin-right:70px; margin-bottom:7px;"> 29 + <input type="text" style="height:25px;font-size:15px;" name="region" placeholder="지역을 입력하세요" size="20"/>
25 - <input type="text" style="width:450px;height:30px;font-size:20px;" name="region" placeholder="지역을 입력하세요" size="20"/> 30 + <button type="submit" style="height:30px;font-size:15px;" class="btn btn-info" >검색</button>
26 - <button type="submit" style="height:35px;font-size:20px;">검색</button>
27 </div> 31 </div>
28 -
29 </p> 32 </p>
30 </form> 33 </form>
31 </center> 34 </center>
32 35
33 - <div id="map" style="width:1300px;height:750px; margin-left:100px; float:left; " ></div> 36 +
34 <script type="text/javascript" src="https://dapi.kakao.com/v2/maps/sdk.js?appkey=35fccf4b4e2a3179187346f26ed3f988&libraries=services"></script> 37 <script type="text/javascript" src="https://dapi.kakao.com/v2/maps/sdk.js?appkey=35fccf4b4e2a3179187346f26ed3f988&libraries=services"></script>
35 38
36 <% if(typeof(info) != "undefined"){ %> 39 <% if(typeof(info) != "undefined"){ %>
37 - 40 + <div id="map" style="width:65%;height:550px;float:left; margin-left: 2%; border-radius: 2%; border:1px solid black" ></div>
38 - <div style="overflow:scroll; width:500px; height:675px; padding:10px;float:right; margin-right:70px; border:1px solid black;"> 41 + <div style="overflow:scroll; width:25%; height:550px;float:left; margin-left:2%; border:1px solid black;">
39 <ol id="placelist"> 42 <ol id="placelist">
40 <% for(i=0; i<info.length; i++){%> 43 <% for(i=0; i<info.length; i++){%>
41 - <li class="item"> 44 + <li class="item" style="font-size: 13px; ">
42 <div class="info" onmouseover="displayinfowindow('<%=info[i].orgZipaddr%>', '<%=info[i].orgnm%>', true)" onmouseout="displayinfowindow('<%=info[i].orgZipaddr%>', '<%=info[i].orgnm%>', false)"> 45 <div class="info" onmouseover="displayinfowindow('<%=info[i].orgZipaddr%>', '<%=info[i].orgnm%>', true)" onmouseout="displayinfowindow('<%=info[i].orgZipaddr%>', '<%=info[i].orgnm%>', false)">
43 <span><strong><%= info[i].orgnm%></strong></span> 46 <span><strong><%= info[i].orgnm%></strong></span>
44 <%if(info[i].hldyYn=='N') {%> 47 <%if(info[i].hldyYn=='N') {%>
...@@ -54,7 +57,7 @@ ...@@ -54,7 +57,7 @@
54 <% if(timeList[i][4]!="" && timeList[i][5]!="" && timeList[i][6]!="" && timeList[i][7]!=""){%> 57 <% if(timeList[i][4]!="" && timeList[i][5]!="" && timeList[i][6]!="" && timeList[i][7]!=""){%>
55 <span>진료시간 : <%=timeList[i][4]%>:<%=timeList[i][5]%>~<%=timeList[i][6]%>:<%=timeList[i][7] %></span><br> 58 <span>진료시간 : <%=timeList[i][4]%>:<%=timeList[i][5]%>~<%=timeList[i][6]%>:<%=timeList[i][7] %></span><br>
56 <%}%> 59 <%}%>
57 - <span style="color:gray" class="jibun gray"><%=info[i].orgZipaddr%></span><br> 60 + <span style="color:gray" class="jibun gray; font-style: oblique;" ><%=info[i].orgZipaddr%></span><br>
58 <span style="color:blue" class="tel"><%=info[i].orgTlno%></span><br> 61 <span style="color:blue" class="tel"><%=info[i].orgTlno%></span><br>
59 </div> 62 </div>
60 <hr> 63 <hr>
...@@ -103,7 +106,7 @@ ...@@ -103,7 +106,7 @@
103 var num=1; 106 var num=1;
104 // 인포윈도우를 생성합니다 107 // 인포윈도우를 생성합니다
105 var infowindow = new kakao.maps.InfoWindow({ 108 var infowindow = new kakao.maps.InfoWindow({
106 - content: '<div style="width:250px;text-align:center;padding:5px 0;">' + addr.orgnm + '</div>', 109 + content: '<div style="border-radius:3%; width:200px;text-align:center;padding:3px 0; font-size:12px">' + addr.orgnm + '</div>',
107 }); 110 });
108 // 마커에 mouseover 이벤트와 mouseout 이벤트를 등록합니다 111 // 마커에 mouseover 이벤트와 mouseout 이벤트를 등록합니다
109 // 이벤트 리스너로는 클로저를 만들어 등록합니다 112 // 이벤트 리스너로는 클로저를 만들어 등록합니다
...@@ -144,7 +147,7 @@ ...@@ -144,7 +147,7 @@
144 clickable: true 147 clickable: true
145 }); 148 });
146 infowindow = new kakao.maps.InfoWindow({ 149 infowindow = new kakao.maps.InfoWindow({
147 - content: '<div style="width:250px;text-align:center;padding:5px 0;">' + name + '</div>', 150 + content: '<div style="border-radius:3%; width:200px;text-align:center;padding:3px 0; font-size:12px">' + name + '</div>',
148 }); 151 });
149 infowindows.push(infowindow); 152 infowindows.push(infowindow);
150 infowindow.open(map, marker); 153 infowindow.open(map, marker);
......