가이드 화면 추가

메뉴 마다 링크 연결

src/main/java/com/lemon/lifecenter/controller/MobileMenuController.java

@@ -31,4 +31,11 @@ public class MobileMenuController extends LifeCenterController {
         mv.addObject("name", patientName);
         return mv;
     }
+    
+    @RequestMapping("/guide")
+    public ModelAndView guide(
+            HttpServletRequest request, HttpServletResponse response) {
+        ModelAndView mv = setMobileMV("menu/guide");
+        return mv;
+    }
 }

src/main/webapp/WEB-INF/jsp/mobile/health/health.jsp

@@ -22,33 +22,116 @@
                         </a>
                     </li>
                     <li>
-                        <a href="javascript:;" class="two">
-                            산소포화도
+                        <a href="health_check_2.html" class="two">
+                            맥박수/혈압
                         </a>
                     </li>
                     <li>
-                        <a href="javascript:;" class="three">
-                            맥박수/혈압
+                        <a href="health_check_3.html" class="three">
+                            산소포화도
                         </a>
                     </li>
                     <li>
-                        <a href="javascript:;" class="four">
+                        <a href="health_check_4.html" class="four">
                             혈당
                         </a>
                     </li>
                     <li>
-                        <a href="javascript:;" class="five">
+                        <a href="health_check_5.html" class="five">
                             임상증상
                         </a>
                     </li>
                 </ul>
             </div>
             <div class="health">
+                <div class="popup" data-popup="popup-calendar">
+                    <div class="pop_inner">
+                        <div class="month">
+                          <ul>
+                            <li class="prev"><a href="javascript:;">&#10094;</a></li>
+                            <li class="next"><a href="javascript:;">&#10095;</a></li>
+                            <li><span>2019년 11월</span>11월 20일 일요일</li>
+                          </ul>
+                        </div>
+
+                        <ul class="weekdays">
+                          <li>월</li>
+                          <li>화</li>
+                          <li>수</li>
+                          <li>목</li>
+                          <li>금</li>
+                          <li>토</li>
+                          <li>일</li>
+                        </ul>
+
+                        <ul class="days">
+                          <li><span></span></li>
+                          <li><span>1</span></li>
+                          <li><span>2</span></li>
+                          <li><span>3</span></li>
+                          <li><span>4</span></li>
+                          <li><span>5</span></li>
+                          <li><span>6</span></li>
+                          <li><span>7</span></li>
+                          <li><span>8</span></li>
+                          <li><span>9</span></li>
+                          <li><span>10</span></li>
+                          <li><span>11</span></li>
+                          <li><span>12</span></li>
+                          <li><span>13</span></li>
+                          <li><span>14</span></li>
+                          <li><span>15</span></li>
+                          <li><span>16</span></li>
+                          <li><span>17</span></li>
+                          <li><span>18</span></li>
+                          <li><span>19</span></li>
+                          <li><span class="active">20</span></li>
+                          <li><span>21</span></li>
+                          <li><span>22</span></li>
+                          <li><span>23</span></li>
+                          <li><span>24</span></li>
+                          <li><span>25</span></li>
+                          <li><span>26</span></li>
+                          <li><span>27</span></li>
+                          <li><span>28</span></li>
+                          <li><span>29</span></li>
+                          <li><span>30</span></li>
+                        </ul>
+                        <div class="btn">
+                            <ul>
+                                <li>
+                                    <a href="javascript:;" class="cancle" data-popup-close="popup-calendar">취소</a>
+                                </li>
+                                <li>
+                                    <a href="javascript:;" class="confirm">확인</a>
+                                </li>
+                            </ul>
+                        </div>
+                    </div>
+                </div>
+                <div class="popup" data-popup="popup-time">
+                    <div class="pop_inner">
+                        <div class="time">
+                            sdf
+                        </div>
+                        <div class="btn">
+                            <ul>
+                                <li>
+                                    <a href="javascript:;" class="cancle" data-popup-close="popup-time">취소</a>
+                                </li>
+                                <li>
+                                    <a href="javascript:;" class="confirm">확인</a>
+                                </li>
+                            </ul>
+                        </div>
+                    </div>
+                </div>
                 <div class="part">
                     <div class="title">
                         날짜
                     </div>
                     <div class="input day">
+                        <a href="javascript:;" data-popup-open="popup-calendar">d</a>
                         <input type="text" name="" placeholder="2020.09.08">
                     </div>
                 </div>
@@ -57,12 +140,12 @@
                         측정시간
                     </div>
                     <div class="input time">
+                        <a href="javascript:;" data-popup-open="popup-time">d</a>
                         <input type="text" name="" placeholder="오전 09:09">
                     </div>
                 </div>
                 <div class="data unlink">
-                    <div class="point">00.00 ℃</div>
-                    <div class="guide"><i class="fa fa-bluetooth-b"></i> 체온계를 연결해주세요.</div>
+                    <div class="point"><input type="text" name="" placeholder="00.00"> ℃</div>
                 </div>
             </div>
             <div class="btn_group">

src/main/webapp/WEB-INF/jsp/mobile/menu/guide.jsp

@@ -0,0 +1,82 @@
+<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
+<%@ page language="java" contentType="text/html; charset=UTF-8"
+    pageEncoding="UTF-8"%>
+<jsp:include page="${data._INCLUDE}/header.jsp"></jsp:include>
+<body>
+    <div id="sub">
+        <div class="container">
+            <div class="header">
+                <div class="previous">
+                    <a href="./menu">이전</a>
+                </div>
+                <div class="title">
+                    생활치료센터 이용안내
+                </div>
+            </div>
+            <div class="alert">
+                생활치료센터 이용안내입니다. 
+            </div>
+            <div class="faq">
+                <ul class="list">
+                    <li>
+                        <a href="javascript:;" class="">
+                            <span class="num">Q1</span>필요한 물품이 있는 경우 어떻게 하나요?
+                        </a>
+                        <div class="answer">
+                            생활치료센터 앱의 좌측 상단 목록 아이콘을 클릭합니다. 펼쳐진 메뉴의 아래에서 세번째에 있는 “문의하기”를 선택하시면 담당 의료진에게 궁금한 사항을 문의 하실 수 있습니다.  
+                        </div>
+                    </li>
+                    <li>
+                        <a href="javascript:;" class="">
+                            <span class="num">Q2</span>의료진에게 질문은 어떻게 하나요?   
+                        </a>
+                        <div class="answer">
+                            생활치료센터 앱의 좌측 상단 목록 아이콘을 클릭합니다. 펼쳐진 메뉴의 아래에서 세번째에 있는 “문의하기”를 선택하시면 담당 의료진에게 궁금한 사항을 문의 하실 수 있습니다.  
+                        </div>
+                    </li>
+                    <li>
+                        <a href="javascript:;" class="">
+                            <span class="num">Q3</span>필요한 물품이 있는 경우 어떻게 하나요?
+                        </a>
+                        <div class="answer">
+                            생활치료센터 앱의 좌측 상단 목록 아이콘을 클릭합니다. 펼쳐진 메뉴의 아래에서 세번째에 있는 “문의하기”를 선택하시면 담당 의료진에게 궁금한 사항을 문의 하실 수 있습니다.  
+                        </div>
+                    </li>
+                    <li>
+                        <a href="javascript:;" class="">
+                            <span class="num">Q4</span>필요한 물품이 있는 경우 어떻게 하나요?
+                        </a>
+                        <div class="answer">
+                            생활치료센터 앱의 좌측 상단 목록 아이콘을 클릭합니다. 펼쳐진 메뉴의 아래에서 세번째에 있는 “문의하기”를 선택하시면 담당 의료진에게 궁금한 사항을 문의 하실 수 있습니다.  
+                        </div>
+                    </li>
+                    <li>
+                        <a href="javascript:;" class="">
+                            <span class="num">Q5</span>필요한 물품이 있는 경우 어떻게 하나요?
+                        </a>
+                        <div class="answer">
+                            생활치료센터 앱의 좌측 상단 목록 아이콘을 클릭합니다. 펼쳐진 메뉴의 아래에서 세번째에 있는 “문의하기”를 선택하시면 담당 의료진에게 궁금한 사항을 문의 하실 수 있습니다.  
+                        </div>
+                    </li>
+                    <li>
+                        <a href="javascript:;" class="">
+                            <span class="num">Q6</span>필요한 물품이 있는 경우 어떻게 하나요?
+                        </a>
+                        <div class="answer">
+                            생활치료센터 앱의 좌측 상단 목록 아이콘을 클릭합니다. 펼쳐진 메뉴의 아래에서 세번째에 있는 “문의하기”를 선택하시면 담당 의료진에게 궁금한 사항을 문의 하실 수 있습니다.  
+                        </div>
+                    </li>
+                    <li>
+                        <a href="javascript:;" class="">
+                            <span class="num">Q7</span>필요한 물품이 있는 경우 어떻게 하나요?
+                        </a>
+                        <div class="answer">
+                            생활치료센터 앱의 좌측 상단 목록 아이콘을 클릭합니다. 펼쳐진 메뉴의 아래에서 세번째에 있는 “문의하기”를 선택하시면 담당 의료진에게 궁금한 사항을 문의 하실 수 있습니다.  
+                        </div>
+                    </li>
+                </ul>
+            </div>
+        </div>
+    </div>
+</body>
+</html>

src/main/webapp/WEB-INF/jsp/mobile/menu/menu.jsp

@@ -117,7 +117,7 @@
                 </ul>
             </div>
             <div class="user_guide">
-                <a href="javascript:;">
+                <a href="./guide">
                     <span class="icon">
                         <img src="/resources/images/mobile/guide_icon.png" />
                     </span>

src/main/webapp/WEB-INF/jsp/mobile/servey/servey.jsp

@@ -1,10 +1,26 @@
 <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
+<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
 <%@ page language="java" contentType="text/html; charset=UTF-8"
     pageEncoding="UTF-8"%>
 <jsp:include page="${data._INCLUDE}/header.jsp"></jsp:include>
 
 <script type="text/javascript">
 
+$( function(){
+    $( "select.ymd-date" ).on( "change", function(){
+        var hYear  = $( "#hYear" ).val();
+        var hMonth = $( "#hMonth" ).val();
+        var hDay   = $( "#hDay" ).val();
+
+        hMonth = Number(hMonth) < 10 ? "0" + hMonth : hMonth;
+        hDay   = Number(hDay) < 10   ? "0" + hDay   : hDay;
+
+        $("#hYmd").val( hYear  + "-" + hMonth  + "-" + hDay );
+
+    });
+});
+
+
 </script>
 </head>
 <body>
@@ -21,6 +37,8 @@
             <div class="alert">
                 생활치료센터 만족도 조사 
             </div>
+            <c:set var="now" value="<%=new java.util.Date()%>" />
+            <c:set var="sysYear"><fmt:formatDate value="${now}" pattern="yyyy" /></c:set>
             <div class="check_list" id="check_list1">
                 <div class="part">
                     <div class="title">
@@ -28,16 +46,35 @@
                     </div>
                     <div class="date">
                         <div class="year">
-                            <select>
-                                <option>1900</option>
-                            </select> 년
+                            <select class="custom-select ymd-date" id="hYear">
+                                  <option value="" selected="">년</option>
+                                  <c:forEach var="y" begin="1940" end="${sysYear}" step="1">
+                                      <option value="${y}">${y} 년</option>
+                                  </c:forEach>
+                            </select>
+<!--                             <select> -->
+<!--                                 <option>1900</option> -->
+<!--                             </select> 년 -->
                         </div>
                         <div class="month">
-                            <input type="text" name=""> 월
+<!--                             <input type="text" name=""> 월 -->
+                            <select class="custom-select ymd-date" id="hMonth" >
+                                  <option value="" selected="">월</option>
+                                  <c:forEach var="m" begin="1" end="12" step="1">
+                                      <option value="${m}">${m} 월</option>
+                                  </c:forEach>
+                            </select>
                         </div>
                         <div class="day">
-                            <input type="text" name=""> 일
+<!--                             <input type="text" name=""> 일 -->
+                            <select class="custom-select ymd-date" id="hDay">
+                                  <option value="" selected="">일</option>
+                                  <c:forEach var="d" begin="1" end="31" step="1">
+                                      <option value="${d}">${d} 일</option>
+                                  </c:forEach>
+                            </select>
                         </div>
+                    <input type="text" class="error-box" id="hYmd" name="hYmd" required>
                     </div>
                 </div>
                 <div class="part">
@@ -46,16 +83,32 @@
                     </div>
                     <div class="date">
                         <div class="year">
-                            <select>
-                                <option>1900</option>
-                            </select> 년
+                            <select class="custom-select " id="cvYear">
+                                  <option value="" selected="">년</option>
+                                  <c:forEach var="y" begin="1940" end="${sysYear}" step="1">
+                                      <option value="${y}">${y} 년</option>
+                                  </c:forEach>
+                            </select>
                         </div>
                         <div class="month">
-                            <input type="text" name=""> 월
+<!--                             <input type="text" name=""> 월 -->
+                            <select class="custom-select" id="cvMonth" >
+                                  <option value="" selected="">월</option>
+                                  <c:forEach var="m" begin="1" end="12" step="1">
+                                      <option value="${m}">${m} 월</option>
+                                  </c:forEach>
+                            </select>
                         </div>
                         <div class="day">
-                            <input type="text" name=""> 일
+<!--                             <input type="text" name=""> 일 -->
+                            <select class="custom-select" id="cvDay">
+                                  <option value="" selected="">일</option>
+                                  <c:forEach var="d" begin="1" end="31" step="1">
+                                      <option value="${d}">${d} 일</option>
+                                  </c:forEach>
+                            </select>
                         </div>
+                        <input type="date" class="error-box" id="cvYmd" name="cvYmd" required>
                     </div>
                 </div>
                 <div class="part">

src/main/webapp/resources/css/mobile/style.css

@@ -349,4 +349,4 @@ input[type="radio"]:checked + label span {  background-image:url('../../images/m
 .pop_inner .btn ul li a { display: block; width: 70px; height: 30px; line-height: 30px; text-align: center; }
 .pop_inner .btn ul li a.cancle { background-color: #666666; color:#FFFFFF; }
 .pop_inner .btn ul li a.confirm { background-color: #1abc9c; color:#FFFFFf; }
-
+.error-box{outline:none !important;width:0 !important;height:0 !important;margin:0 !important;border:0 !important;}