Browse Source

서비스 신청폼, 서비스 신청 상세 정보 화면 추가

junekeunsong 4 years ago
parent
commit
d2baad0720
2 changed files with 177 additions and 24 deletions
  1. 158 0
      src/main/webapp/WEB-INF/jsp/api/info.jsp
  2. 19 24
      src/main/webapp/WEB-INF/jsp/api/new.jsp

+ 158 - 0
src/main/webapp/WEB-INF/jsp/api/info.jsp

@@ -0,0 +1,158 @@
+<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
+<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
+<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%>
+<%@ page language="java" contentType="text/html; charset=UTF-8"
+    pageEncoding="UTF-8"%>
+<jsp:include page="${data._INCLUDE}/header.jsp"></jsp:include>
+<script>
+$( function(){
+    $( "#newForm" ).validate({
+        rules: {
+            phoneNumber : {
+                phoneValid : true
+            },
+            passwordConfirm : {
+                 equalTo: "#passwordNew"
+            },
+            passwordNew :{
+                passwordValid : true
+            }
+        },
+        messages : {
+            passwordConfirm : {
+                equalTo: "신규 비밀번호가 일치하지 않습니다."
+            }
+        },
+        onkeyup: function( element, event ) {
+            $( element ).valid();
+        },
+        onfocusout: function (element) {
+            $( element ).val( $.trim( $( element ).val() ) );
+            $( element ).valid();
+        },
+        submitHandler: function(form) {
+            $("#mainAddr").removeAttr("disabled");
+            form.submit();
+        }
+    });
+})
+</script>
+</head>
+<body>
+    <div class="wrapper">
+        <jsp:include page="${data._INCLUDE}/sidebar.jsp"></jsp:include>
+        
+        <div class="main">
+            <jsp:include page="${data._INCLUDE}/top.jsp"></jsp:include>
+
+            <main class="content">
+                <div class="container-fluid p-0">
+                    <!-- 환자관리 : 신규환자 등록 START -->
+                    <div class="row">
+                        <div class="col-12 col-lg-6">
+                            <h1 class="h3 mb-3">생활치료센터 비대면진료시스템 API 서비스</h1>
+                        </div>
+                        <div class="col-12 col-lg-6  text-right">
+                            <nav aria-label="breadcrumb">
+                                <ol class="breadcrumb">
+                                    <li class="breadcrumb-item"><a href="javscript:;">Home</a></li>
+                                    <li class="breadcrumb-item active">API 서비스 신청</li>
+                                </ol>
+                            </nav>
+                        </div>
+                    </div>
+                    <div class="row">
+                        <div class="col-12">
+                            <div class="card">
+                                <form action="?" id="newForm">
+                                <input type="hidden" value="${returnUrl}" name="returnUrl">
+                                    <div class="card-body">
+                                        <table class="table mobile-table">
+                                            <colgroup>
+                                                <col style="width:15%">
+                                                <col style="width:35%">
+                                                <col style="width:15%">
+                                                <col style="width:35%">
+                                            </colgroup>
+                                            <tr>
+                                                <th>신청자 명</th>
+                                                <td colspan="3">
+                                                    
+                                                </td>
+                                            </tr>
+                                            <tr>
+                                                <th>병원 명</th>
+                                                <td colspan="3">
+                                                    테스트 병원
+                                                </td>
+                                            </tr>
+                                            <tr>
+                                                <th>부서 명</th>
+                                                <td colspan="3">
+                                                    
+                                                </td>
+                                            </tr>
+                                            <tr>
+                                                <th>이메일 주소</th>
+                                                <td colspan="3">
+                                                    
+                                                </td>
+                                            </tr>
+                                            <tr>
+                                                <th>전화번호</th>
+                                                <td colspan="3">
+                                                    
+                                                </td>
+                                            </tr>
+                                            <tr>
+                                                <th>api key</th>
+                                                <td colspan="3">
+                                                    
+                                                </td>
+                                            </tr>
+                                            <tr>
+                                                <th>신청일</th>
+                                                <td colspan="3">
+                                                    
+                                                </td>
+                                            </tr>
+                                            <tr>
+                                                <th>승인일</th>
+                                                <td colspan="3">
+                                                    
+                                                </td>
+                                            </tr>
+                                            <tr>
+                                                <th>생성일</th>
+                                                <td colspan="3">
+                                                    
+                                                </td>
+                                            </tr>
+                                            <tr>
+                                                <th>사용 목적</th>
+                                                <td colspan="3">
+                                                    
+                                                </td>
+                                            </tr>
+                                        </table>
+                                        <div class="row mt-3">
+                                            <div class="col-12">
+                                                <div class="text-right">
+                                                    <button type="button" class="btn btn-primary w100" onclick="location.href='./list';">목록</button>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </form>
+                            </div>
+                        </div>
+                    </div>
+                    <!-- 환자관리 : 신규환자 등록 END -->
+                </div>
+            </main>
+
+            <jsp:include page="${data._INCLUDE}/footer.jsp"></jsp:include>
+        </div>
+    </div>
+</body>
+</html>

+ 19 - 24
src/main/webapp/WEB-INF/jsp/api/new.jsp

@@ -64,7 +64,7 @@ $( function(){
                     <div class="row">
                         <div class="col-12">
                             <div class="card">
-                                <form action="./myinfo/update" id="newForm">
+                                <form action="?" id="newForm">
                                 <input type="hidden" value="${returnUrl}" name="returnUrl">
                                     <div class="card-body">
                                         <table class="table mobile-table">
@@ -75,44 +75,39 @@ $( function(){
                                                 <col style="width:35%">
                                             </colgroup>
                                             <tr>
-                                                <th>아이디</th>
-                                                <td>
-                                                    <c:out value="${info.id}" />
-                                                    <input type="hidden" name="id" value="${info.id}">
-                                                </td>
-                                                <th><span class="fix">*</span>이름</th>
-                                                <td>
-<%--                                                     <c:out value="${info.name}" /> --%>
-                                                    <input type="text" class="form-control" id="name" name="name" value="${info.name}" required>
-<%--                                                     <input type="hidden" name="name" value="${info.name}"> --%>
+                                                <th><span class="fix">*</span>신청자 명</th>
+                                                <td colspan="3">
+                                                    <input type="text" class="form-control" placeholder="신청자 이름을 입력해주세요." required>
                                                 </td>
                                             </tr>
                                             <tr>
-                                                <th><span class="fix">*</span>현재 비밀번호</th>
+                                                <th>병원 명</th>
                                                 <td colspan="3">
-                                                    <input type="password" class="form-control" id="password" name="password" placeholder="정보수정을 위해 비밀번호를 입력해주세요." required>
+                                                    테스트 병원
                                                 </td>
                                             </tr>
                                             <tr>
-                                                <th>신규 비밀번호</th>
+                                                <th><span class="fix">*</span>부서 명</th>
                                                 <td colspan="3">
-                                                    <input type="password" class="form-control" id="passwordNew" name="passwordNew" placeholder="비밀번호 변경시에만 입력해주세요.(영문, 숫자, 특수문자를 혼합하여 8 ~ 15자 이내)">
+                                                    <input type="text" class="form-control" placeholder="부서 명을 입력해주세요." required>
                                                 </td>
                                             </tr>
                                             <tr>
-                                                <th>신규 비밀번호 확인</th>
+                                                <th><span class="fix">*</span>이메일 주소</th>
                                                 <td colspan="3">
-                                                    <input type="password" class="form-control" id="passwordConfirm" name="passwordConfirm" placeholder="신규 비밀번호 확인을 위해 비밀번호를 한번 더 입력하세요.">
+                                                    <input type="text" class="form-control" placeholder="이메일 주소를 입력해주세요." required>
                                                 </td>
                                             </tr>
                                             <tr>
-                                                <th>휴대폰번호</th>
-                                                <td>
-                                                    <input type="text" class="form-control" value="${info.phoneNumber}" name="phoneNumber" onkeypress="onlyNumber();">
+                                                <th><span class="fix">*</span>전화번호</th>
+                                                <td colspan="3">
+                                                    <input type="text" class="form-control" placeholder="신청자 전화번호를 입력해주세요." required>
                                                 </td>
-                                                <th>치료센터</th>
-                                                <td>
-                                                    <c:out value="${info.centerName}" />
+                                            </tr>
+                                            <tr>
+                                                <th><span class="fix">*</span>사용 목적</th>
+                                                <td colspan="3">
+                                                    <textarea  class="form-control" rows="10" cols="" name="content" placeholder="사용 목적을 입력해주세요" maxlength="4000" required></textarea>
                                                 </td>
                                             </tr>
                                         </table>
@@ -120,7 +115,7 @@ $( function(){
                                             <div class="col-12">
                                                 <div class="text-right">
                                                     <button type="button" class="btn btn-outline-primary w100" onclick="location.href='./list';">취소</button>
-                                                    <button type="submit" class="btn btn-primary w100">수정</button>
+                                                    <button type="submit" class="btn btn-primary w100">서비스 신청</button>
                                                 </div>
                                             </div>
                                         </div>