commit(72): 6. 알림 표시 추가

src/main/webapp/WEB-INF/views/ftl/m/bf_growth/vac_schedule.ftl

@@ -124,11 +124,17 @@
                                 </a>
                             </li>
                         </ul>
-                    </div>	
+                    </div>
  					 
  					 <!-- 예방접종 리스트 -->
                     <div class="healthcheckup_list">
-                    
+                        <!-- 예방접종 info 버튼 -->
+                        <div class="info">
+                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-info-circle-fill" viewBox="0 0 16 16">
+                                <path d="M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16zm.93-9.412-1 4.705c-.07.34.029.533.304.533.194 0 .487-.07.686-.246l-.088.416c-.287.346-.92.598-1.465.598-.703 0-1.002-.422-.808-1.319l.738-3.468c.064-.293.006-.399-.287-.47l-.451-.081.082-.381 2.29-.287zM8 5.5a1 1 0 1 1 0-2 1 1 0 0 1 0 2z"/>
+                            </svg>
+                        </div>
+
                     	<#if model['rm_vac_schedule']? has_content>
 						  <#list model['rm_vac_schedule'] as item>
 						    <div class="list">
@@ -209,6 +215,9 @@
             $('html, body').animate({scrollTop:0}, 'slow');
             return false;
         });
+        $(".info").on("click", function () {
+            Swal.fire({text: '표준예방일정에 따라 접종하지 못한 경우(지연접종, 미접종 등) 다음 차수에 대한 예방접종일정이 다를 수 있으므로 자세한 예방접종일정은 방문하실 보건소 및 병의원에 확인하시기 바랍니다.'}).then((result)=>{})
+        })
     </script>
 </body>
  

src/main/webapp/m/css/style.css

@@ -16006,6 +16006,13 @@ main.sona_cont_measurement {
     margin: 20px 10px 0; 
 }
 
+.healthcheckup_list .info {
+    margin: 10px 10px 0;
+    display: flex;
+    justify-content: end;
+    cursor: pointer;
+}
+
 .healthcheckup_list .list {
     margin-bottom: 40px;
 }