chominsoo4245 / mjon_git star
Forked from hylee / mjon_git
kmg 2023-10-26
2023/10/26 선결제 내용 등록 팝업
@09572f23832be3cd84bb041146817594db827ba8
35fbdec
09572f2
src/main/webapp/pb/css/content.css
--- src/main/webapp/pb/css/content.css
+++ src/main/webapp/pb/css/content.css
@@ -307,6 +307,8 @@
 
 .pageCont .btnWrap .btnType1:hover{background-color: #1c4ce7;}
 
 .pageCont .btnWrap .btnType2{border: 1px solid #456ded;color: #456ded;}
 
 .pageCont .btnWrap .btnType2:hover{background-color: #f2f4f7;}
 
+.pageCont .btnWrap1 {text-align:center; padding:20px 0 0 0;} /* 미니팝업 버튼 영역 추가*/
 
+.pageCont .btnWrap1 .btnType3 {background-color:#456ded; color:#fff; height:45px; border-radius:5px; min-width:70px; margin:0 5px 0 0;} /* 미니팝업 버튼 영역 추가*/
 
 
 .tbType2 tbody tr td input[type="radio"]+label+label{font-size: 1.125em;font-weight: 400;margin-left: 5px;}
 
09572f2
src/main/webapp/pb/popup_advancePayment.html (added)
+++ src/main/webapp/pb/popup_advancePayment.html
@@ -0,0 +1,106 @@
+<!DOCTYPE html>
+<html lang="ko">
+	<head>
+		<title>선결제 내용 등록</title>
+		<meta http-equiv="content-type" content="text/html; charset=utf-8">
+		<link rel="stylesheet" href="/pb/css/reset.css">
+		<link rel="stylesheet" href="/pb/css/common.css">
+		<link rel="stylesheet" href="/pb/css/content.css">
+		<link rel="stylesheet" href="/pb/css/popup.css">
+		<script type="text/javascript" src="/pb/js/jquery-3.5.0.js"></script>
+		<script type="text/javascript" src="/pb/js/common.js"></script>	 
+		<script type="text/javascript" src="<c:url value='/js/EgovMultiFile.js'/>"></script>
+		<script type="text/javascript" src="<c:url value='/js/EgovCalPopup.js'/>"></script>
+		<script type="text/javascript" src="<c:url value='/js/ncms_common.js' />"></script>
+
+		<style>
+			.calBtn{
+				border: none;
+				background-color: transparent !important;
+				background-image: url(/pb/img/common/calendarIcon.png);
+				background-repeat: no-repeat;
+				width: 25px;
+				height: 25px !important;
+				vertical-align: middle;
+				margin-left: -38px !important;
+				margin-top: -2px !important;
+				cursor: pointer;
+			}
+			.pageCont {width:100%;padding:50px 30px;box-sizing:border-box;}
+			.tableWrapTotal {margin:0 0 20px;}
+			.tableWrapTotal .tbType1 thead tr:first-child {border-width:1px;}
+			.tableWrapTotal .tbType1 thead tr th {border-left:1px solid #e6e6e6;}
+			.tableWrapTotal .tbType1 thead tr th:first-child {border-left:0 none;}
+			.tableWrapTotal .tbType1 thead tr.content th {font-size:14px;}
+			.tableWrapTotal .tbType1 tbody tr td {border-left:1px solid #e6e6e6;}
+			.tableWrapTotal .tbType1 tbody tr td:first-child {border-left:0 none;}
+			.listSerch .select {height:42px;vertical-align:top;}
+			.pageCont .tbType1 tbody tr td.msg_detail {overflow:inherit;}
+			.pageCont .tbType1 tbody tr td.msg_detail a {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;}
+			.layer_msg_wrap {position:relative;}
+			.layer_msg_wrap .layer_msg_detail {overflow:hidden;display:none;position:fixed;left:50%;top:50%;width:400px;max-height:600px;background:#eee;transform:translate(-50%, -50%);z-index:1;}
+			.layer_msg_wrap .layer_msg_detail button {position:absolute;right:0;top:0;width:35px;height:35px;}
+			.layer_msg_wrap .layer_msg_detail button:before {content:'';position:absolute;left:50%;top:50%;width:1px;height:14px;margin:-7px 0 0;background:#fff;transform:rotate(-45deg);}
+			.layer_msg_wrap .layer_msg_detail button:after {content:'';position:absolute;left:50%;top:50%;width:1px;height:14px;margin:-7px 0 0;background:#fff;transform:rotate(45deg);}
+			.layer_msg_wrap .layer_msg_detail .title {height:35px;padding:0 15px;font-size:16px;line-height:35px;text-align:left;color:#fff;background:#456ded;border-radius:5px 5px 0 0;}
+			.layer_msg_wrap .layer_msg_detail .content {overflow-y:auto;max-height:535px;margin:15px;padding:10px 15px;line-height:20px;white-space:normal;background:#fff;}
+			.layer_msg_wrap .layer_msg_detail .content .rev_cont {text-align:left;}
+			@media screen and (max-width:916px){
+				.pageCont .tableWrap table thead tr th {padding:15px 0;}
+			}
+		</style>
+	</head>
+	<body>
+		<div class="loading_layer">
+			<div class="loading_container">
+				<div class="bar"></div>
+				<div class="text">Loading</div>
+			</div>
+		</div>
+			
+		<div class="contWrap" style="position:relative;left:inherit;top:inherit;min-height:auto; padding:20px; width:600px; height:475px;">
+			<div class="pageTitle">
+				<div class="pageIcon"><img src="/pb/img/pageTitIcon4.png" alt=""></div>
+					<h2 class="titType1 c_222222 fwBold">선결제 내용 등록</h2>
+					<p class="tType6 c_999999">선결제 내용을 등록할 수 있습니다.</p>
+			</div>		
+			<div class="pageCont" style="min-height:initial;"> 
+				<p style="color:#e40000; margin:-20px 0 10px 0;">* 모든 항목 필수</p>
+				<table class="tbType2">
+					<colgroup>
+						<col style="width:25%">
+						<col style="width:75%">
+					</colgroup>
+					<tbody>
+						<tr class="no_modi">
+							<th>전송사 :</th>
+							<td><select class="select" style="width:180px;">
+                                   <option>전송사(전체)</option>
+                                 </select>
+                            </td>
+                        </tr>
+                        <tr>
+                            <th>결제일시 :</th>
+                            <td>
+                              	<input type="hidden" name="cal_url" id="cal_url" value="/sym/cmm/EgovNormalCalPopup.do">
+			                       <a href="#" onclick="javascript:fn_egov_NormalCalendar(document.forms.listForm, document.forms.listForm.ntceEnddeYYYMMDD);">
+										<input style="width:auto;min-width: 83px;" type="text" class="date_format" name="ntceEnddeYYYMMDD" id="ntceEnddeYYYMMDD" size="4" maxlength="4" readonly=""
+										value="" />
+										<input type="button" class="calBtn">
+									</a>
+								<input style="width:auto;min-width:73px; margin:0 0 0 10px;" type="text" size="2">
+                            </td>
+                        </tr>
+                        <tr>
+							<th>결제금액 :</th>
+                            <td><input style="width:auto;min-width:120px;" type="text" size="2">&nbsp;원</td>
+						</tr>
+						</tbody>
+					</table>
+				<div class="btnWrap1">
+			           <button type="button" class="btnType3">등록</button><button type="button" class="btnType">취소</button>
+				</div>						
+			</div>
+		</div>	
+	</body>
+</html>
Add a comment
List