Merge branch 'master' of http://106.246.249.162:13000/orderqueen/oqpo-view

src/main/webapp/mobile/app/mloanmng/MLOANMNG02010.html

@@ -1,5 +1,5 @@
 <section id="ITP_MOBILE_MLOANMNG02010">
-	<div id="ITP_AJAX_MLOANMNG02010_LIST_CONTAINER" style="display: none;">
+	<div id="ITP_AJAX_MLOANMNG02010_LIST_CONTAINER" style="display: block;">
 		<form id="ITP_FORM_MLOANMNG02010_LIST_SEARCH" class="form-horizontal" onsubmit="return false;">
 			<input type="hidden" id="ITP_FORM_MLOANMNG02010_LIST_SEARCH_BRAND_ID" name="sbrandId" value="">
 			<input type="hidden" id="ITP_FORM_MLOANMNG02010_LIST_SEARCH_STORE_ID" name="sstoreId" value="">
@@ -98,22 +98,72 @@
 		  </div>
 	  </form>
 	</div>
-	<div id="ITP_AJAX_MLOANMNG02010_VIEW_CONTAINER" style="display: block;">
+	<div id="ITP_AJAX_MLOANMNG02010_VIEW_CONTAINER" style="display: none;">
 	  <form id="ITP_FORM_MLOANMNG02010_VIEW_SEARCH" class="form-horizontal" onsubmit="return false;">
 		<input type="hidden" id="ITP_FORM_MLOANMNG02010_VIEW_SEARCH_BRAND_ID" name="sbrandId" value="">
 		<input type="hidden" id="ITP_FORM_MLOANMNG02010_VIEW_SEARCH_STORE_ID" name="sstoreId" value="">
 		  <div class="content">
-			<div class="line">
-			  <label>수발주 선불(충전)을 위해 아래 항목을 입력을 한 후에 결제 버튼을 클릭하여<br> PG사 결제 절차에 따라 결재을 진행해 주시기 바랍니다.</label>
+			<div class="line" style="height:100px;">
+			  <label class="pay_label">수발주 선불(충전)을 위해 아래 항목을 입력을 한 후에 결제 버튼을 클릭하여<br> PG사 결제 절차에 따라 결재을 진행해 주시기 바랍니다.</label>
 			</div>
 			<div class="list_line">
 				<div class="list_label">
 					<label>주문번호</label>
 				</div>
 				<div class="list_info">
-					<div class="fnPayNo">Psfas67f6s7f66</div>
+					<div class="pay_info fnPayNo">Psfas67f6s7f66</div>
+				</div>
+			</div>
+			<div class="list_line">
+				<div class="list_label">
+					<label>구매자명</label>
+				</div>
+				<div class="list_info">
+					<div class="pay_info fnPayNm">매장 대표자명</div>
 				</div>
 			</div>
+			<div class="list_line">
+				<div class="list_label">
+					<label>상품명</label>
+				</div>
+				<div class="list_info">
+					<div class="pay_info fnItemNm">매장 아이디 + 월일 + 금액</div>
+				</div>
+			</div>
+			<div class="list_line">
+				<div class="list_label">
+					<label>결제금액 *</label>
+				</div>
+				<div class="list_info" style="padding-top:10px;">
+					<input id="ITP_FORM_MLOANMNG02010_VIEW_TRSC_AMT" name="trscAmt" type="text">
+				</div>
+			</div>
+			<div class="list_line">
+				<div class="list_label">
+					<label>휴대전화번호 *</label>
+				</div>
+				<div class="list_info" style="padding-top:10px;">
+					<input id="ITP_FORM_MLOANMNG02010_VIEW_MBL_NO" name="mblNo" type="text">
+				</div>
+			</div>
+			<div class="list_line border">
+				<div class="list_label border">
+					<label>E-mail</label>
+				</div>
+				<div class="list_info mail" style="padding-top:10px;">
+					<input id="ITP_FORM_MLOANMNG02010_VIEW_EMAIL" name="email" class="" type="text">
+					<span>@</span>
+					<input id="ITP_FORM_MLOANMNG02010_VIEW_EMAIL" name="email" class="" type="text">
+					<select name="emailCd" id="ITP_FORM_MLOANMNG02010_VIEW_EMAIL_CD" data-select-code="EMAIL_CD" data-check-required="empty">
+						<option value="">선택</option>
+					</select>
+				</div>
+			</div>
+			<div class="line">
+			  <div class="search" style="margin-top:40px;">
+			  	<button id="ITP_BTN_MLOANMNG02010_VIEW_PAY_REQ" class="col_3 btn-primary btn-sm ">결제요청</button>
+			  </div>
+			</div>
 		  </div>	
 	  </form>
 	</div>

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

@@ -199,6 +199,7 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
 .content .line {position: relative; display: inline-block; width: 100%; height: 35px; margin-bottom: 0px;}
 .content .line div {font-weight: 700;}
 .content .line label {font-size: 1.2rem; margin-left: 10px; float: left; text-align: left; margin-top: 12px;}
+.content .line label.pay_label {margin:38px 1%; width:98%;}
 .content .line select.label {border: 1px solid #000; font-size: 0.9rem;margin:9px 0 0 5px; float: left; width: 120px; height: 30px; text-align: left;}
 .content .line .search_nm {float: right; margin-right: 2%;}
 .content .line .search_wrap {float:right; margin-right:10px;}
@@ -227,9 +228,14 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
 .content .line .search {width: 100%; height: 50px;}
 .content .line .search button {width: 50%; height: 35px; font-size: 1rem; padding: 0;}
 .content .line .search button.col_3 {width: 25%; margin:0 12px;}
-.content .list_line {width:100%; float:left; height:70px;}
-.content .list_line .list_label {border:1px solid #000; height:70px; padding-top:22px;}
-.content .list_line .list_info {width:60%;height:70px; border:1px solid #000;}
+.content .list_line {width:98%; float:left; height:50px;display: inline-flex; margin:0 1%; font-size:12px;}
+.content .border {border-bottom: 1px solid #000 !important;}
+.content .list_line .list_label {width:30%;border:1px solid #000; height:50px; padding-top:17px; border-bottom:none; background:#eee;}
+.content .list_line .list_info {width:70%;height:50px; border:1px solid #000; padding-top:17px; border-left:none; border-bottom:none;}
+.content .list_line .list_info input{width:90%;}
+.content .list_line .mail input {width:30%;}
+.content .list_line .mail select {width:30%;}
+.content .list_line .list_info .pay_info {text-align:left; padding-left:17px;}
 .content .table_header {margin: 0 auto; width: 100%; height: 50px; background-color: #92c7f6; position: fixed; z-index: 10; border-bottom: 1px solid #000; border-top: 1px solid #000;}
 .content .table_header h1 {margin-top: 12px; margin-left: 10px; font-size: 1.2rem; float: left; color: #fff; font-weight: 100;}
 .content .table_header button {float: right; width: 111px; font-size: 1rem; padding: 5px 20px; margin: 8px;}