Forráskód Böngészése

api 서비스 관리 화면 개발중

huiwon.seo 4 éve
szülő
commit
0bb3c71d27

+ 1 - 1
src/main/java/com/lemon/lifecenter/controller/ApiApplicationController.java

@@ -48,7 +48,7 @@ public class ApiApplicationController extends LifeCenterController {
     @RequestMapping("/info")
     public ModelAndView info( HttpServletRequest request ) {
 
-        // VIEW쪽에서는 신청내역이 있으면 신청정보를 보여주고 없을경우 API 서비스 소개 내용 표시할 것
+        // VIEW쪽에서는 신청내역이 있으면 신청정보 표시
         String sesId  = LifeCenterSessionController.getSession( request, "sesId" );
         
         ApiManagerDTO dto = new ApiManagerDTO();

+ 440 - 206
src/main/webapp/WEB-INF/jsp/api/info.jsp

@@ -64,212 +64,16 @@ $( function(){
                     <div class="row">
                         <div class="col-12">
                             <div class="card">
+                                <div class="alert alert-light bg-muted text-dark p-3 border">
+                                    <div style="font-size:15px;width:100%;">생활치료센터 비대면진료시스템에 등록되어 관리되고 있는 환자들의 기본정보, <br/>생체정보(체온, 혈압, 맥박, 산소포화도, 혈당, 임상증상), 의료진 메모 Data를 API로 조회 할 수 있는 서비스 입니다.</div>
+                                    <a href="#" class="close" data-dismiss="alert" aria-label="close" title="close">×</a>
+                                </div>
+                                    
                                 <c:choose>
                                     <c:when test="${info eq null}">
-                                        <div class="alert alert-light bg-warning text-dark p-3">
-                                            <span style="font-size:15px;">생활치료센터 비대면진료시스템에 등록되어 관리되고 있는 환자들의 기본정보, <br/>생체정보(체온, 혈압, 맥박, 산소포화도, 혈당, 임상증상), 의료진 메모 Data를 API로 조회 할 수 있는 서비스 입니다.</span>
-                                        </div>
-                                        
-                                        <h2 class="text-dark mb-3 pb-2 border-bottom mt-4">생활치료센터 비대면진료시스템 API 목록</h2>
-                                        <div class="p-1 mb-5">
-                                            <div class="border p-3">
-<!--                                             <span class="badge badge-info h6">→</span> -->
-                                                <h3>Request</h3>
-                                                
-                                                <div class="mt-4"></div>
-                                                
-                                                
-                                                <h5>URL</h5>
-                                                <div class="bg-dark text-white p-3 border-radius m-2">https://life-center-dev.lemonhc.com/lifeCenter/api/toAction</div>
-                                                
-                                                
-                                                <div class="mt-4"></div>
-                                                
-                                                <h5>Parameter</h5>
-                                                <div class="p-2">
-                                                    <table class="table mobile-table">
-                                                        <thead>
-                                                            <tr>
-                                                                <th>Name</th>
-                                                                <th>Type</th>
-                                                                <th>Description</th>
-                                                                <th>Required</th>
-                                                            </tr>
-                                                        </thead>
-                                                        
-                                                        <tbody>
-                                                            <tr>
-                                                                <td>template_object</td>
-                                                                <td><code>JSON Object</code></td>
-                                                                <td>메시지 구성 요소를 담은 객체(Object)<br><a href="/docs/latest/ko/message/message-template#feed">피드</a>, <a href="/docs/latest/ko/message/message-template#list">리스트</a>, <a href="/docs/latest/ko/message/message-template#location">위치</a>, <a href="/docs/latest/ko/message/message-template#commerce">커머스</a>, <a href="/docs/latest/ko/message/message-template#text">텍스트</a> 중 하나</td>
-                                                                <td>O</td>
-                                                            </tr>
-                                                        </tbody>
-                                                    </table>
-                                                </div>
-                                            </div>
-                                        </div>
-                                        
-                                        
-                                        
-                                        <h2 class="text-dark mb-3 pb-2 border-bottom">생활치료센터 비대면진료시스템 API 서비스 운영 정책</h2>
-                                        <div class="p-1 mb-5">
-                                            <div class="card border">
-                                                <div class="card-body">
-                                                    <blockquote class="blockquote mb-4">
-                                                        <p class="mb-1">1. 생활치료센터 비대면진료시스템 API 서비스</p>
-                                                        <footer class="blockquote-footer">생활치료센터 비대면진료시스템 API는 24시간 365일 무중단으로 운영되고 있습니다.</footer>
-                                                    </blockquote>
-                                                    
-                                                    <blockquote class="blockquote mb-4">
-                                                        <p class="mb-1">2. 생활치료센터 비대면진료시스템 API 서비스 사용 안내</p>
-                                                        <footer class="blockquote-footer">API 서비스 신청 (하단 신청 메뉴 선택) → 신청서 양식 작성 및 제출 → 서비스 신청 승인 대기 → 승인 완료 → API 서비스 사용</footer>
-                                                    </blockquote>
-                                                    
-                                                    <blockquote class="blockquote mb-4">
-                                                        <p class="mb-1">3. 생활치료센터 비대면진료시스템 API 공지 및 FAQ</p>
-                                                        <footer class="blockquote-footer">생활치료센터 비대면진료시스템 API 관련 변경사항은 페이지 좌측 공지사항 메뉴에서 확인하실 수 있습니다.
-                                                            <br/><span class="ml-3">* 공지사항 게시판 : https://life-center.lemonhc.com/notice/list</span>
-                                                            <br/><span class="ml-3">* 생활치료센터 비대면진료시스템 API 이용관련 페이지 아래의 FAQ를 보시면 자주 묻는 질문들에 대한 답변을 파악하실 수 있습니다</span>
-                                                        </footer>
-                                                    </blockquote>
-                                                    
-                                                    <blockquote class="blockquote">
-                                                        <p class="mb-1">4. 문의</p>
-                                                        <footer class="blockquote-footer">API 이용 관련 기술, 정책 문의는 ~~~~~~</footer>
-                                                    </blockquote>
-                                                </div>
-                                            </div>
-                                        </div>
-                                        
-                                        
-                                        
-                                        
-                                        <h2 class="text-dark mb-3 pb-2 border-bottom">생활치료센터 비대면진료시스템 API FAQ</h2>
-                                        <div class="panel-group p-1" id="faqAccordion">
-                                            <div class="mb-4">
-                                                <div class="panel-heading accordion-toggle question-toggle collapsed bg-light border p-2" data-toggle="collapse" data-parent="#faqAccordion" data-target="#question0">
-                                                     <div class="panel-title h4 mb-0">
-                                                        <a href="#" class="ing text-muted"><span class="badge badge-dark">Q</span> API를 사용하려고 하는데 어떻게 해야 하나요?</a>
-                                                        <i class="fa fa-fw fa-caret-down float-right text-dark"></i>
-                                                    </div>
-                                                </div>
-                                                <div id="question0" class="panel-collapse collapse border">
-                                                    <div class="panel-body m-3 h5">
-                                                        <span class="badge badge-dark">A</span>
-                                                        <span class="text-muted">페이지 하단의 서비스 신청을 선택 후 신청 내용을 작성 후 신청 완료하면 검토 후 문제 없으면 승인 후 사용이 가능합니다. </span>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            
-                                            <div class="mb-4">
-                                                <div class="panel-heading accordion-toggle question-toggle collapsed bg-light border p-2" data-toggle="collapse" data-parent="#faqAccordion" data-target="#question1">
-                                                     <div class="panel-title h4 mb-0">
-                                                        <a href="#" class="ing text-muted"><span class="badge badge-dark">Q</span> 생활치료센터 비대면진료시스템 API 사용 방법은 어떻게 되나요 ?</a>
-                                                        <i class="fa fa-fw fa-caret-down float-right text-dark"></i>
-                                                    </div>
-                                                </div>
-                                                <div id="question1" class="panel-collapse collapse border">
-                                                    <div class="panel-body m-3 h5">
-                                                        <span class="badge badge-dark">A</span>
-                                                        <span class="text-muted">신청 완료되면 API 서비스 메뉴에서 API 연동 인증을 위한 정보(아이디, 인증키) 제공과 상세한 서비스 안내에 대한 내용을 파악하실 수 있습니다.</span>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            
-                                            <div class="mb-4">
-                                                <div class="panel-heading accordion-toggle question-toggle collapsed bg-light border p-2" data-toggle="collapse" data-parent="#faqAccordion" data-target="#question2">
-                                                     <div class="panel-title h4 mb-0">
-                                                        <a href="#" class="ing text-muted"><span class="badge badge-dark">Q</span> 생활치료센터 비대면진료시스템 API는 어떤 API를 제공하고 있습니까?</a>
-                                                        <i class="fa fa-fw fa-caret-down float-right text-dark"></i>
-                                                    </div>
-                                                </div>
-                                                <div id="question2" class="panel-collapse collapse border">
-                                                    <div class="panel-body m-3 h5">
-                                                        <span class="badge badge-dark">A</span>
-                                                        <span class="text-muted">제공하는 API의 종류는 상단의 생활치료센터 비대면진료시스템 API 목록을 참고하시기 바랍니다.</span>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            
-                                            <div class="mb-4">
-                                                <div class="panel-heading accordion-toggle question-toggle collapsed bg-light border p-2" data-toggle="collapse" data-parent="#faqAccordion" data-target="#question3">
-                                                     <div class="panel-title h4 mb-0">
-                                                        <a href="#" class="ing text-muted"><span class="badge badge-dark">Q</span> 생활치료센터 비대면진료시스템 API를 사용할 때 비용을 지불하나요? </a>
-                                                        <i class="fa fa-fw fa-caret-down float-right text-dark"></i>
-                                                    </div>
-                                                </div>
-                                                <div id="question3" class="panel-collapse collapse border">
-                                                    <div class="panel-body m-3 h5">
-                                                        <span class="badge badge-dark">A</span>
-                                                        <span class="text-muted">생활치료센터 비대면진료시스템 API는 무료로 제공되고 있습니다.</span>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            
-                                            <div class="mb-4">
-                                                <div class="panel-heading accordion-toggle question-toggle collapsed bg-light border p-2" data-toggle="collapse" data-parent="#faqAccordion" data-target="#question4">
-                                                     <div class="panel-title h4 mb-0">
-                                                        <a href="#" class="ing text-muted"><span class="badge badge-dark">Q</span> API가 작동하지 않아요</a>
-                                                        <i class="fa fa-fw fa-caret-down float-right text-dark"></i>
-                                                    </div>
-                                                </div>
-                                                <div id="question4" class="panel-collapse collapse border">
-                                                    <div class="panel-body m-3 h5">
-                                                        <span class="badge badge-dark">A</span>
-                                                        <span class="text-muted">API가 작동하지 않을 때는 API 호출 URL에 있는 오타나 필수 요청 변수 설정 오류가 원인인 경우가 많습니다.<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 호출 URL에 오타가 있는지, 누락됐거나 값이 잘못 설정된 필수 요청 변수가 있는지 한 번 더 확인해 주세요. </span>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            
-                                            <div class="mb-4">
-                                                <div class="panel-heading accordion-toggle question-toggle collapsed bg-light border p-2" data-toggle="collapse" data-parent="#faqAccordion" data-target="#question5">
-                                                     <div class="panel-title h4 mb-0">
-                                                        <a href="#" class="ing text-muted"><span class="badge badge-dark">Q</span> 호출 URL에 오류가 없는데도 API가 작동하지 않아요</a>
-                                                        <i class="fa fa-fw fa-caret-down float-right text-dark"></i>
-                                                    </div>
-                                                </div>
-                                                <div id="question5" class="panel-collapse collapse border">
-                                                    <div class="panel-body m-3 h5">
-                                                        <span class="badge badge-dark">A</span>
-                                                        <span class="text-muted">담당자에게 연락을 주시면 확인 후 피드백을 드리겠습니다.</span>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            
-                                            <div class="mb-4">
-                                                <div class="panel-heading accordion-toggle question-toggle collapsed bg-light border p-2" data-toggle="collapse" data-parent="#faqAccordion" data-target="#question6">
-                                                     <div class="panel-title h4 mb-0">
-                                                        <a href="#" class="ing text-muted"><span class="badge badge-dark">Q</span> 네이버 오픈API에 대한 문의는 어디로 해야 하나요?</a>
-                                                        <i class="fa fa-fw fa-caret-down float-right text-dark"></i>
-                                                    </div>
-                                                </div>
-                                                <div id="question6" class="panel-collapse collapse border">
-                                                    <div class="panel-body m-3 h5">
-                                                        <span class="badge badge-dark">A</span>
-                                                        <span class="text-muted">문의: ~~~~</span>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            
-                                            <div class="mb-4">
-                                                <div class="panel-heading accordion-toggle question-toggle collapsed bg-light border p-2" data-toggle="collapse" data-parent="#faqAccordion" data-target="#question7">
-                                                     <div class="panel-title h4 mb-0">
-                                                        <a href="#" class="ing text-muted"><span class="badge badge-dark">Q</span> 제휴 신청 승인까지 얼마의 시간이 소요되나요?</a>
-                                                        <i class="fa fa-fw fa-caret-down float-right text-dark"></i>
-                                                    </div>
-                                                </div>
-                                                <div id="question7" class="panel-collapse collapse border">
-                                                    <div class="panel-body m-3 h5">
-                                                        <span class="badge badge-dark">A</span>
-                                                        <span class="text-muted">업무일 기준으로 ???일 정도 소요됩니다. </span>
-                                                    </div>
-                                                </div>
-                                            </div>
+                                        <div class="mt-5 border-top pt-5 pb-5">
+                                            <button type="button" class="btn btn-primary btn-lg btn-block p-2" onclick="location.href='./new';">비대면진료시스템 API 서비스 신청하기</button>
                                         </div>
-                                        <!--/panel-group-->
-                                        
-                                        
                                     </c:when>
                                     
                                     <c:otherwise>
@@ -282,6 +86,8 @@ $( function(){
                                             </c:if>
                                             
                                             <div class="card-body">
+                                                <h2 class="text-dark mb-3 pb-2 border-bottom border-success mt-4">서비스 신청 상태</h2>
+                                                
                                                 <table class="table mobile-table">
                                                     <colgroup>
                                                         <col style="width:15%">
@@ -289,6 +95,12 @@ $( function(){
                                                         <col style="width:15%">
                                                         <col style="width:35%">
                                                     </colgroup>
+                                                    <tr>
+                                                        <th>상태</th>
+                                                        <td colspan="3" class="<c:if test="${info.useYn eq 'W'}">text-danger</c:if><c:if test="${info.useYn eq 'C'}">text-success</c:if>">
+                                                            <c:out value="${info.useYnNm}" />
+                                                        </td>
+                                                    </tr>
                                                     <tr>
                                                         <th>신청자 명</th>
                                                         <td colspan="3">
@@ -383,15 +195,437 @@ $( function(){
                                                                 <button type="button" class="btn btn-outline-primary w100" onclick="location.href='./list';">목록</button>
                                                             </div>
                                                         </c:if>
-                                                        
-                                                        
                                                     </div>
                                                 </div>
+                                                
+                                                <div class="row mb-5">
+                                                    <div class="col-12 text-center">
+                                                        <button class="btn btn-success btn-block p-2" onclick="location.href='./new';">신청자 정보 수정</button>
+                                                    </div>
+                                                </div>
+                                                
+                                                <c:if test="${viewType eq 'USER' and info.useYn eq 'C'}">
+                                                    <h2 class="text-dark mb-3 pb-2 border-bottom">API 연동 안내</h2>
+                                                    <div class="p-1 mb-5">
+                                                        <div class="border p-3">
+                                                            <h3 class="mb-4"><span class="badge badge-warning h6">></span> Request</h3>
+                                                            
+                                                            <h5>URL</h5>
+                                                            <div class="bg-dark text-white p-3 border-radius m-2">
+                                                                <div>
+                                                                    <span class="mr-2 text-warning">POST</span> 
+                                                                    <span>/lifeCenter/api/toAction</span>
+                                                                </div>
+                                                                <div class="mt-1">
+                                                                    <span class="mr-2 text-primary">Host: </span>
+                                                                    <span>https://life-center-dev.lemonhc.com</span>
+                                                                </div>
+                                                            </div>
+                                                            
+                                                            
+                                                            <div class="mt-4"></div>
+                                                            
+                                                            <h5>Parameter</h5>
+                                                            <div class="p-2">
+                                                                <table class="table">
+                                                                    <thead>
+                                                                        <tr>
+                                                                            <th>Name</th>
+                                                                            <th>Type</th>
+                                                                            <th>Description</th>
+                                                                            <th>Required</th>
+                                                                        </tr>
+                                                                    </thead>
+                                                                    
+                                                                    <tbody>
+                                                                        <tr>
+                                                                            <td>resourceType</td>
+                                                                            <td><code>String</code></td>
+                                                                            <td>가져올 데이터
+                                                                                <div class="text-info">bloodPressure : 혈압</div>
+                                                                                <div class="text-info">bloodSugar : 혈당</div>
+                                                                                <div class="text-info">oxygenSaturation : 산소포화도</div>
+                                                                                <div class="text-info">pulseRate : 맥박수</div>
+                                                                                <div class="text-info">temperature : 체온</div>
+                                                                                <div class="text-info">patientInfoList : 환자정보</div>
+                                                                                <div class="text-info">munjin : 문진 정보</div>
+                                                                                <div class="text-info">symptom : 환자 임상정보</div>
+                                                                            </td>
+                                                                            <td>O</td>
+                                                                        </tr>
+                                                                        <tr>
+                                                                            <td>patientNumber</td>
+                                                                            <td><code>String</code></td>
+                                                                            <td>환자번호 EX (0023123)</td>
+                                                                            <td>X</td>
+                                                                        </tr>
+                                                                        <tr>
+                                                                            <td>patientName</td>
+                                                                            <td><code>String</code></td>
+                                                                            <td>환자이름 EX (박온누리)</td>
+                                                                            <td>X</td>
+                                                                        </tr>
+                                                                        <tr>
+                                                                            <td>birthDate</td>
+                                                                            <td><code>String</code></td>
+                                                                            <td>생년월일 EX (19900906)</td>
+                                                                            <td>X</td>
+                                                                        </tr>
+                                                                        <tr>
+                                                                            <td>patientPhone</td>
+                                                                            <td><code>String</code></td>
+                                                                            <td>환자전화번호 EX (010987654321)</td>
+                                                                            <td>X</td>
+                                                                        </tr>
+                                                                        <tr>
+                                                                            <td>token</td>
+                                                                            <td><code>String</code></td>
+                                                                            <td>요청기관을 확인하기 위한 <a href="#token">token</a></td>
+                                                                            <td>O</td>
+                                                                        </tr>
+                                                                        <tr>
+                                                                            <td>managerId</td>
+                                                                            <td><code>String</code></td>
+                                                                            <td>api 신청자 id</td>
+                                                                            <td>O</td>
+                                                                        </tr>
+                                                                        <tr>
+                                                                            <td>centerCode</td>
+                                                                            <td><code>String</code></td>
+                                                                            <td>api 신청 생활치료센터 코드</td>
+                                                                            <td>X</td>
+                                                                        </tr>
+                                                                        <tr>
+                                                                            <td>careAgencyCode</td>
+                                                                            <td><code>String</code></td>
+                                                                            <td>요양기관기호</td>
+                                                                            <td>O</td>
+                                                                        </tr>
+                                                                    </tbody>
+                                                                </table>
+                                                            </div>
+                                                            
+                                                            <div class="mt-4"></div>
+                                                            
+                                                            <h5>Notice</h5>
+                                                            <div class="p-4" style="background:#fff4f4;color:#d0021b;font-size:14px;">
+                                                                <ul>
+                                                                  <li>모든 Parameter는 문자열(String)로 전송</li>
+                                                                  <li>생활치료센터의 모든 환자 대상일 경우 <br/> - centerCode만 전송시 해당 센터에 대한 모든 환자가 대상</li>
+                                                                  <li>생활치료센터의 단일 대상일 경우 <br/>
+                                                                      <ul>
+                                                                        <li>patientNumber가 존재<br/> - patientNumber로 단일대상 선택 가능</li>
+                                                                        <li>patientNumber가 없음<br/> - patientName, birthDate, patientPhone로 단일 대상 선택가능</li>
+                                                                      </ul>
+                                                                  </li>
+                                                                </ul>
+                                                            </div>
+                                                            
+                                                            <div class="mt-4"></div>
+                                                            
+                                                            <h5>Sample</h5>
+                                                            
+                                                            <div class="mt-3">
+                                                                <span class="h4 text-muted p-2">생활치료센터의 모든 환자일 경우</span>
+                                                            </div>
+                                                            <div class="bg-dark m-2 p-4">
+<pre class="mb-0"><code class="language-json hljs h4 text-light">{
+  <span class="hljs-attr">"resourceType"</span>: <span class="hljs-string">"patientInfoList"</span>,
+  <span class="hljs-attr">"patientNumber"</span>: <span class="hljs-string">""</span>,
+  <span class="hljs-attr">"patientName"</span>: <span class="hljs-string">""</span>,
+  <span class="hljs-attr">"birthDate"</span>: <span class="hljs-string">""</span>,
+  <span class="hljs-attr">"patientPhone"</span>: <span class="hljs-string">""</span>,
+  <span class="hljs-attr">"token"</span>: <span class="hljs-string">"token"</span>,
+  <span class="hljs-attr">"manager_id"</span>: <span class="hljs-string">"admin0027"</span>,
+  <span class="hljs-attr">"centerCode"</span>: <span class="hljs-string">"63"</span>,
+  <span class="hljs-attr">"careAgencyCode"</span>: <span class="hljs-string">"31100988"</span>,
+}</code></pre>
+                                                            </div>
+                                                            
+                                                            
+                                                            <div class="mt-5">
+                                                                <span class="h4 text-muted p-2">생활치료센터의 모든 환자일 경우 (patientNumber로 단일 대상)</span>
+                                                            </div>
+                                                            <div class="bg-dark m-2 p-4">
+<pre class="mb-0"><code class="language-json hljs h4 text-light">{
+  <span class="hljs-attr">"resourceType"</span>: <span class="hljs-string">"patientInfoList"</span>,
+  <span class="hljs-attr">"patientNumber"</span>: <span class="hljs-string">"62817236"</span>,
+  <span class="hljs-attr">"patientName"</span>: <span class="hljs-string">""</span>,
+  <span class="hljs-attr">"birthDate"</span>: <span class="hljs-string">""</span>,
+  <span class="hljs-attr">"patientPhone"</span>: <span class="hljs-string">""</span>,
+  <span class="hljs-attr">"token"</span>: <span class="hljs-string">"token"</span>,
+  <span class="hljs-attr">"manager_id"</span>: <span class="hljs-string">"admin0027"</span>,
+  <span class="hljs-attr">"centerCode"</span>: <span class="hljs-string">""</span>,
+  <span class="hljs-attr">"careAgencyCode"</span>: <span class="hljs-string">"31100988"</span>,
+}</code></pre>
+                                                            </div>
+                                                            
+                                                            
+                                                            <div class="mt-5">
+                                                                <span class="h4 text-muted p-2 mt-3">생활치료센터의 모든 환자일 경우 (patientNumber가 없는 경우 단일 대상)</span>
+                                                            </div>
+                                                            <div class="bg-dark m-2 p-4">
+<pre class="mb-0"><code class="language-json hljs h4 text-light">{
+  <span class="hljs-attr">"resourceType"</span>: <span class="hljs-string">"patientInfoList"</span>,
+  <span class="hljs-attr">"patientNumber"</span>: <span class="hljs-string">""</span>,
+  <span class="hljs-attr">"patientName"</span>: <span class="hljs-string">"홍길동"</span>,
+  <span class="hljs-attr">"birthDate"</span>: <span class="hljs-string">"19930516"</span>,
+  <span class="hljs-attr">"patientPhone"</span>: <span class="hljs-string">"01033337777"</span>,
+  <span class="hljs-attr">"token"</span>: <span class="hljs-string">"token"</span>,
+  <span class="hljs-attr">"manager_id"</span>: <span class="hljs-string">"admin0027"</span>,
+  <span class="hljs-attr">"centerCode"</span>: <span class="hljs-string">""</span>,
+  <span class="hljs-attr">"careAgencyCode"</span>: <span class="hljs-string">"31100988"</span>,
+}</code></pre>
+                                                            </div>
+                                                            
+                                                            
+                                                            <h3 class="text-dark mb-3 pb-2 border-bottom mt-5" id="token"><span class="badge badge-danger text-white"> ! </span> Token 생성 방법</h3>
+                                                            <div class="h6 p-3 border bg-muted">
+                                                                <div class="mb-2 h4 text-muted">api 신청자 ID, 요양기관기호, 현재시간을 합쳐서 발급받은 api key로 AES256 암호화  구분자는 | 로 구분</div>
+                                                                <div class="mb-2 h4"><code>decrypt : admin0027|31100988|2021-01-19 10:24:23</code><br/><code>encrypt : FPg9yiuiBmzYIixL1zL549mA6zzPo4rbRSvCSAc6e2eB7q9AjONroEuMJtB7kJ8u</code></div>
+                                                            </div>
+                                                            
+                                                            
+                                                            <h3 class="mb-4"><span class="badge badge-warning h6">></span> Response</h3>
+                                                        </div>
+                                                    </div>
+                                                </c:if>
                                             </div>
                                         </form>
-                                    
                                     </c:otherwise>
                                 </c:choose>
+                                
+                                <!-- 서비스 소개 내용 -->
+                                <button class="btn btn-light text-center border-bottom mt-3" onclick="$('div.api-info-wrap').toggle( 200 );$(this).children().toggleClass('fa-caret-up');">
+                                    <i class="fa fa-fw fa-caret-down text-dark text-muted"></i>
+                                </button>
+                                
+                                <div class="api-info-wrap mt-4" <c:if test="${info ne null}">style="display:none;"</c:if>>
+                                    <h2 class="text-dark mb-3 pb-2 border-bottom mt-4">생활치료센터 비대면진료시스템 API 목록</h2>
+                                    <div class="p-1 mb-5">
+                                        <div class="border p-3">
+                                            <div class="p-2">
+                                                <table class="table table-striped">
+                                                    <thead>
+                                                        <tr class="text-center">
+                                                            <th>순번</th>
+                                                            <th>서비스명(국문)</th>
+                                                            <th>서비스명(영문)</th>
+                                                        </tr>
+                                                    </thead>
+                                                    
+                                                    <tbody>
+                                                        <tr>
+                                                            <td class="text-center">1</td>
+                                                            <td>환자정보</td>
+                                                            <td><code>patientInfo</code></td>
+                                                        </tr>
+                                                        <tr>
+                                                            <td class="text-center">2</td>
+                                                            <td>문진정보</td>
+                                                            <td><code>survey</code></td>
+                                                        </tr>
+                                                        <tr>
+                                                            <td class="text-center">3</td>
+                                                            <td>증상정보</td>
+                                                            <td><code>symptom</code></td>
+                                                        </tr>
+                                                        <tr>
+                                                            <td class="text-center">4</td>
+                                                            <td>건강정보</td>
+                                                            <td><code>vitalSign</code></td>
+                                                        </tr>
+                                                        <tr>
+                                                            <td class="text-center">5</td>
+                                                            <td>건강정보_체온</td>
+                                                            <td><code>temperature</code></td>
+                                                        </tr>
+                                                        <tr>
+                                                            <td class="text-center">6</td>
+                                                            <td>건강정보_혈압</td>
+                                                            <td><code>bloodPressure</code></td>
+                                                        </tr>
+                                                        <tr>
+                                                            <td class="text-center">7</td>
+                                                            <td>건강정보_혈당</td>
+                                                            <td><code>bloodSugar</code></td>
+                                                        </tr>
+                                                        <tr>
+                                                            <td class="text-center">8</td>
+                                                            <td>건강정보_산소포화도</td>
+                                                            <td><code>oxygenSaturation</code></td>
+                                                        </tr>
+                                                        <tr>
+                                                            <td class="text-center">9</td>
+                                                            <td>건강정보_맥박</td>
+                                                            <td><code>pulseRate</code></td>
+                                                        </tr>
+                                                        <tr>
+                                                            <td class="text-center">10</td>
+                                                            <td>의료진메모</td>
+                                                            <td><code>clinicMemo</code></td>
+                                                        </tr>
+                                                    </tbody>
+                                                </table>
+                                            </div>
+                                        </div>
+                                    </div>
+                                    
+                                    
+                                    <h2 class="text-dark mb-3 pb-2 border-bottom">생활치료센터 비대면진료시스템 API 서비스 운영 정책</h2>
+                                    <div class="p-1 mb-5">
+                                        <div class="card border">
+                                            <div class="card-body">
+                                                <blockquote class="blockquote mb-4">
+                                                    <p class="mb-1">1. 생활치료센터 비대면진료시스템 API 서비스</p>
+                                                    <footer class="blockquote-footer">생활치료센터 비대면진료시스템 API는 24시간 365일 무중단으로 운영되고 있습니다.</footer>
+                                                </blockquote>
+                                                
+                                                <blockquote class="blockquote mb-4">
+                                                    <p class="mb-1">2. 생활치료센터 비대면진료시스템 API 서비스 사용 안내</p>
+                                                    <footer class="blockquote-footer">API 서비스 신청 (하단 신청 메뉴 선택) → 신청서 양식 작성 및 제출 → 서비스 신청 승인 대기 → 승인 완료 → API 서비스 사용</footer>
+                                                </blockquote>
+                                                
+                                                <blockquote class="blockquote mb-4">
+                                                    <p class="mb-1">3. 생활치료센터 비대면진료시스템 API 공지 및 FAQ</p>
+                                                    <footer class="blockquote-footer">생활치료센터 비대면진료시스템 API 관련 변경사항은 페이지 좌측 공지사항 메뉴에서 확인하실 수 있습니다.
+                                                        <br/><span class="ml-3">* 공지사항 게시판 : <a href="/notice/list" target="_blank">https://life-center.lemonhc.com/notice/list</a></span>
+                                                        <br/><span class="ml-3">* 생활치료센터 비대면진료시스템 API 이용관련 페이지 아래의 <a href="#FAQ">FAQ</a>를 보시면 자주 묻는 질문들에 대한 답변을 파악하실 수 있습니다</span>
+                                                    </footer>
+                                                </blockquote>
+                                                
+                                                <blockquote class="blockquote">
+                                                    <p class="mb-1">4. 문의</p>
+                                                    <footer class="blockquote-footer">API 이용 관련 기술, 정책 문의는 ~~~~~~</footer>
+                                                </blockquote>
+                                            </div>
+                                        </div>
+                                    </div>
+                                    
+                                    <h2 class="text-dark mb-3 pb-2 border-bottom" id="FAQ">생활치료센터 비대면진료시스템 API FAQ</h2>
+                                    <div class="panel-group p-1" id="faqAccordion">
+                                        <div class="mb-4">
+                                            <div class="panel-heading accordion-toggle question-toggle collapsed bg-light border p-2" data-toggle="collapse" data-parent="#faqAccordion" data-target="#question0">
+                                                 <div class="panel-title h4 mb-0">
+                                                    <a href="#" class="ing text-muted"><span class="badge badge-dark">Q</span> API를 사용하려고 하는데 어떻게 해야 하나요?</a>
+                                                    <i class="fa fa-fw fa-caret-down float-right text-dark"></i>
+                                                </div>
+                                            </div>
+                                            <div id="question0" class="panel-collapse collapse border">
+                                                <div class="panel-body m-3 h5">
+                                                    <span class="badge badge-dark">A</span>
+                                                    <span class="text-muted">페이지 하단의 서비스 신청을 선택 후 신청 내용을 작성 후 신청 완료하면 검토 후 문제 없으면 승인 후 사용이 가능합니다. </span>
+                                                </div>
+                                            </div>
+                                        </div>
+                                        
+                                        <div class="mb-4">
+                                            <div class="panel-heading accordion-toggle question-toggle collapsed bg-light border p-2" data-toggle="collapse" data-parent="#faqAccordion" data-target="#question1">
+                                                 <div class="panel-title h4 mb-0">
+                                                    <a href="#" class="ing text-muted"><span class="badge badge-dark">Q</span> 생활치료센터 비대면진료시스템 API 사용 방법은 어떻게 되나요 ?</a>
+                                                    <i class="fa fa-fw fa-caret-down float-right text-dark"></i>
+                                                </div>
+                                            </div>
+                                            <div id="question1" class="panel-collapse collapse border">
+                                                <div class="panel-body m-3 h5">
+                                                    <span class="badge badge-dark">A</span>
+                                                    <span class="text-muted">신청 완료되면 API 서비스 메뉴에서 API 연동 인증을 위한 정보(아이디, 인증키) 제공과 상세한 서비스 안내에 대한 내용을 파악하실 수 있습니다.</span>
+                                                </div>
+                                            </div>
+                                        </div>
+                                        
+                                        <div class="mb-4">
+                                            <div class="panel-heading accordion-toggle question-toggle collapsed bg-light border p-2" data-toggle="collapse" data-parent="#faqAccordion" data-target="#question2">
+                                                 <div class="panel-title h4 mb-0">
+                                                    <a href="#" class="ing text-muted"><span class="badge badge-dark">Q</span> 생활치료센터 비대면진료시스템 API는 어떤 API를 제공하고 있습니까?</a>
+                                                    <i class="fa fa-fw fa-caret-down float-right text-dark"></i>
+                                                </div>
+                                            </div>
+                                            <div id="question2" class="panel-collapse collapse border">
+                                                <div class="panel-body m-3 h5">
+                                                    <span class="badge badge-dark">A</span>
+                                                    <span class="text-muted">제공하는 API의 종류는 상단의 생활치료센터 비대면진료시스템 API 목록을 참고하시기 바랍니다.</span>
+                                                </div>
+                                            </div>
+                                        </div>
+                                        
+                                        <div class="mb-4">
+                                            <div class="panel-heading accordion-toggle question-toggle collapsed bg-light border p-2" data-toggle="collapse" data-parent="#faqAccordion" data-target="#question3">
+                                                 <div class="panel-title h4 mb-0">
+                                                    <a href="#" class="ing text-muted"><span class="badge badge-dark">Q</span> 생활치료센터 비대면진료시스템 API를 사용할 때 비용을 지불하나요? </a>
+                                                    <i class="fa fa-fw fa-caret-down float-right text-dark"></i>
+                                                </div>
+                                            </div>
+                                            <div id="question3" class="panel-collapse collapse border">
+                                                <div class="panel-body m-3 h5">
+                                                    <span class="badge badge-dark">A</span>
+                                                    <span class="text-muted">생활치료센터 비대면진료시스템 API는 무료로 제공되고 있습니다.</span>
+                                                </div>
+                                            </div>
+                                        </div>
+                                        
+                                        <div class="mb-4">
+                                            <div class="panel-heading accordion-toggle question-toggle collapsed bg-light border p-2" data-toggle="collapse" data-parent="#faqAccordion" data-target="#question4">
+                                                 <div class="panel-title h4 mb-0">
+                                                    <a href="#" class="ing text-muted"><span class="badge badge-dark">Q</span> API가 작동하지 않아요</a>
+                                                    <i class="fa fa-fw fa-caret-down float-right text-dark"></i>
+                                                </div>
+                                            </div>
+                                            <div id="question4" class="panel-collapse collapse border">
+                                                <div class="panel-body m-3 h5">
+                                                    <span class="badge badge-dark">A</span>
+                                                    <span class="text-muted">API가 작동하지 않을 때는 API 호출 URL에 있는 오타나 필수 요청 변수 설정 오류가 원인인 경우가 많습니다.<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 호출 URL에 오타가 있는지, 누락됐거나 값이 잘못 설정된 필수 요청 변수가 있는지 한 번 더 확인해 주세요. </span>
+                                                </div>
+                                            </div>
+                                        </div>
+                                        
+                                        <div class="mb-4">
+                                            <div class="panel-heading accordion-toggle question-toggle collapsed bg-light border p-2" data-toggle="collapse" data-parent="#faqAccordion" data-target="#question5">
+                                                 <div class="panel-title h4 mb-0">
+                                                    <a href="#" class="ing text-muted"><span class="badge badge-dark">Q</span> 호출 URL에 오류가 없는데도 API가 작동하지 않아요</a>
+                                                    <i class="fa fa-fw fa-caret-down float-right text-dark"></i>
+                                                </div>
+                                            </div>
+                                            <div id="question5" class="panel-collapse collapse border">
+                                                <div class="panel-body m-3 h5">
+                                                    <span class="badge badge-dark">A</span>
+                                                    <span class="text-muted">담당자에게 연락을 주시면 확인 후 피드백을 드리겠습니다.</span>
+                                                </div>
+                                            </div>
+                                        </div>
+                                        
+                                        <div class="mb-4">
+                                            <div class="panel-heading accordion-toggle question-toggle collapsed bg-light border p-2" data-toggle="collapse" data-parent="#faqAccordion" data-target="#question6">
+                                                 <div class="panel-title h4 mb-0">
+                                                    <a href="#" class="ing text-muted"><span class="badge badge-dark">Q</span> 네이버 오픈API에 대한 문의는 어디로 해야 하나요?</a>
+                                                    <i class="fa fa-fw fa-caret-down float-right text-dark"></i>
+                                                </div>
+                                            </div>
+                                            <div id="question6" class="panel-collapse collapse border">
+                                                <div class="panel-body m-3 h5">
+                                                    <span class="badge badge-dark">A</span>
+                                                    <span class="text-muted">문의: ~~~~</span>
+                                                </div>
+                                            </div>
+                                        </div>
+                                        
+                                        <div class="mb-4">
+                                            <div class="panel-heading accordion-toggle question-toggle collapsed bg-light border p-2" data-toggle="collapse" data-parent="#faqAccordion" data-target="#question7">
+                                                 <div class="panel-title h4 mb-0">
+                                                    <a href="#" class="ing text-muted"><span class="badge badge-dark">Q</span> 제휴 신청 승인까지 얼마의 시간이 소요되나요?</a>
+                                                    <i class="fa fa-fw fa-caret-down float-right text-dark"></i>
+                                                </div>
+                                            </div>
+                                            <div id="question7" class="panel-collapse collapse border">
+                                                <div class="panel-body m-3 h5">
+                                                    <span class="badge badge-dark">A</span>
+                                                    <span class="text-muted">업무일 기준으로 ???일 정도 소요됩니다. </span>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                    <!--/panel-group-->
+                                </div>
                             </div>
                         </div>
                     </div>