모바일 여신관리 html 수정

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

@@ -104,209 +104,7 @@
 
 	<div id="ITP_CONTAINER" class="fix">
 		<div class="itp_mobile_contents">
-<section id="ITP_MOBILE_MPOMNG05010">
-	<div id="ITP_AJAX_MPOMNG05010_LIST_CONTAINER" >
-		<form id="ITP_FORM_MPOMNG05010_LIST_SEARCH" class="form-horizontal" onsubmit="return false;">
-			<input type="hidden" id="ITP_FORM_MPOMNG0500_LIST_SEARCH_BRAND_ID" name="sbrandId" value="">
-			<input type="hidden" id="ITP_FORM_MPOMNG05010_LIST_SEARCH_STORE_ID" name="sstoreId" value="">
-			<input type="hidden" id="ITP_FORM_MPOMNG05010_LIST_SEARCH_IDX" name="sidx" value="0">
-			<div class="content">
-				<div class="line header">
-				  <div class="itp_search_header"><img src="../img/right_arrow_pink.png" alt="">납품서현황</div>
-			    </div>
-				<div class="line">
-					<select class="itp_label_select" name="dtlGubun" id="ITP_FORM_MPOMNG05010_LIST_DTL_GUBUN">
-						<option value="1">발주생성일</option>
-						<option value="2">납품요청일</option>
-						<option value="3">납품예정일</option>
-						<option value="4">납품완료일</option>
-					</select>
-					<div class="date_to">
-						<input id="ITP_FORM_MPOMNG05010_LIST_SEARCH_FROM_DT" name="fromDt" class="itp_input date" type="text">
-						<div class="at">~</div>
-						<input id="ITP_FORM_MPOMNG05010_LIST_SEARCH_TO_DT" name="toDt" class="itp_input date" type="text">
-					</div>
-				</div>
-				<div class="line">
-					<label>납품상태</label>
-					<div class="float_left">
-						<select id="ITP_FORM_MPOMNG04010_LIST_SEARCH_DLV_ST_CD" data-select-code="DLV_ST_CD" class="stcd" name="sdlvStCd">
-						<select name="dlvStCd" id="ITP_FORM_MPOMNG05010_LIST_DLV_ST_CD">
-							<option value=""></option>
-						</select>
-					</div>
-				</div>
-				<div class="line">
-					<label>공급업체</label>
-					<div class="float_left">
-						<input type="text" id="ITP_FORM_MPOMNG05010_LIST_SEARCH_SPPLY_NM" name="sspplyNm" placeholder="A공급업체명" readonly>
-						<input type="hidden" id="ITP_FORM_MPOMNG05010_LIST_SEARCH_SPPLY_ID" class="" name="sspplyId" />
-           				<div class="itp_input_btn">
-							<button id="ITP_BTN_MPOMNG05010_LIST_SEARCH_SPPLY_NM"><img src="../img/search.png" alt=""></button>
-						</div>
-					</div>
-					<div class="float_right_btn">
-						<button id="ITP_BTN_MPOMNG05010_LIST_DELETE_SPPLY_NM"><img src="../img/delete.png" alt=""></button>
-					</div>
-				</div>
-				<div class="line">
-					<label>납품장소</label>
-					<div class="float_left">
-						<input type="text" id="ITP_FORM_MPOMNG05010_LIST_SEARCH_WHS_NM" class="" name="swhsNm" placeholder="매장명" readonly />
-						<input type="hidden" id="ITP_FORM_MPOMNG05010_LIST_SEARCH_WHS_ID" class="" name="swhsId" />
-           				<div class="itp_input_btn">
-							<button id="ITP_BTN_MPOMNG05010_LIST_SEARCH_WHS_NM"><img src="../img/search.png" alt=""></button>
-						</div>
-					</div>
-					<div class="float_right_btn">
-						<button id="ITP_BTN_MPOMNG05010_LIST_DELETE_WHS_NM"><img src="../img/delete.png" alt=""></button>
-					</div>
-				</div>
-				<div class="line">
-					<label>품목명</label>
-					<div class="float_left name">
-						<input id="ITP_FORM_MPOMNG05010_LIST_ITEM_NM" name="sitemNm" type="text" placeholder="품목명">
-					</div>
-				</div>
-				<div class="line" style="height:50px;">
-					<div class="search">
-						<button id="ITP_BTN_MPOMNG05010_LIST_SEARCH" class="btn-primary btn-sm ADB">검색</button>
-					</div>
-				</div>
-				<div class="table_header">
-					<h1><납품서 내역></h1>
-				</div>
-			</div>
-			<div id="ITP_LIST_MPOMNG05010_LIST_ITEM_AREA" class="scroll_area row-4">
-				<ul id="ITP_LIST_MPOMNG05010_LIST_ITEM_ROWS" class="mb_0 panel-group"></ul>
-				<div id="ITP_LIST_MPOMNG05010_LIST_ITEM_ROWCOPY" style="display: block;">
-					<li class="history_list2">
-						<div class="left">
-							<div class="nomal">
-								<label class="">납품번호 </label>
-								<span>:</span>
-								<div class="fnDlvSttmtUnqNo"></div>
-							</div>
-						</div>
-						<div class="left">
-							<div class="nomal">
-								<label>납품예정일</label>
-								<span>:</span>
-								<div class="fnDlvReqDt history_info"></div>
-								<label class="fn sub_info">납품일자</label>
-								<span>:</span>
-								<div class="fnDlvSchDt"></div>
-							</div>
-						</div>
-						<div class="left">
-							<div class="nomal">
-								<label>공급업체</label>
-								<span>:</span>
-								<div class="fnSpplyNm history_info"></div>
-								<label class="sub_info">납품장소</label>
-								<span>:</span>
-								<div class="fnWhsNm"></div>
-							</div>
-						</div>
-						<div class="left">
-							<div class="nomal">
-								<label>품목 </label>
-								<span>:</span>
-								<div class="fnItemNm"></div>
-							</div>
-						</div>
-						<div class="left">
-							<div class="nomal">
-								<label>발주수량</label>
-								<span>:</span>
-								<div class="fnPodrQty history_info"></div>
-								<label class="sub_info">납품수량</label>
-								<span>:</span>
-								<div class="fnDlvQty"></div>
-							</div>
-						</div>
-					</li>
-				</div>
-			</div>
-		</form>
-	</div>
-	<div id="ITP_MOBILE_JS"></div>
-	<div id="ITP_POP_MPOMNG05010_SPPLY_AREA" class="popup2 mobile-pop-close" style="display: none;">
-		<div class="pop">
-			<div class="header">
-				<div class="header_left">
-					<label>공급업체</label>
-				</div>
-				<div class="header_right">
-					<button type="button" id="ITP_BTN_MPOMNG05010_POP_SPPLY_CLOSE"><img src="../img/close.png"></button>
-				</div>
-			</div>
-			<div class="search_bar">
-				<form id="ITP_FORM_MPOMNG05010_POP_SPPLY_SEARCH" class="form-horizontal" onsubmit="return false;">
-					<input type="hidden" id="ITP_FORM_MPOMNG05010_POP_SPPLY_ITEM_BRAND_ID" name="sbrandId" value="">
-					<input type="hidden" id="ITP_FORM_MPOMNG05010_PO_PSPPLY_ITEM_STORE_ID" name="sstoreId" value="">
-					<input id="ITP_FORM_MPOMNG05010_POP_SPPLY_KEYWORD" type="text" name="sspplyNm" placeholder="공급업체명">
-					<button id="ITP_BTN_MPOMNG05010_POP_SPPLY_SEARCH"><img src="../img/search.png"></button>
-				</form>
-			</div>
-			<div class="select_btn">
-				<button id="ITP_BTN_MPOMNG05010_POP_SPPLY_NM" class="btn_blue">공급업체 ▼</button>
-			</div>
-			<div id="ITP_POP_MPOMNG05010_LIST_SPPLY_AREA" class="popup_scroll">
-				<ul id="ITP_POP_MPOMNG05010_LIST_SPPLY_ROWS" class="mb_0 panel-group itp_nav"></ul>
-				<div id="ITP_POP_MPOMNG05010_LIST_SPPLY_ROWCOPY" style="display: none;">
-					<li class="row_2">
-						<div class="scroll_left">
-							<div class="con_2 fnSpplyNm">공급업체 명A</div>
-							<div class="con_2 sub fnStNm">($)</div>
-						</div>
-						<div class="scroll_right">
-							<button id="ITP_BTN_MPOMNG05010_POP_SPPLY_CHOICE" class="fnSpplyId" data-item-key="">선택</button>
-						</div>
-					</li>
-				</div>
-			</div>
-		</div>
-	</div>
-	<div id="ITP_POP_MPOMNG05010_WHS_AREA" class="popup2 mobile-pop-close" style="display: none;">
-		<div class="pop">
-			<div class="header">
-				<div class="header_left">
-					<label>납품장소</label>
-				</div>
-				<div class="header_right">
-					<button type="button" id="ITP_BTN_MPOMNG05010_POP_WHS_CLOSE"><img src="../img/close.png"></button>
-				</div>
-			</div>
-			<div class="search_bar">
-				<form id="ITP_FORM_MPOMNG05010_POP_WHS" class="form-horizontal" onsubmit="return false;">
-					<input type="hidden" id="ITP_FORM_MPOMNG05010_WHS_ITEM_BRAND_ID" name="sbrandId" value="">
-					<input type="hidden" id="ITP_FORM_MPOMNG05010_WHS_ITEM_STORE_ID" name="sstoreId" value="">
-					<input id="ITP_FORM_MPOMNG05010_POP_WHS_KEYWORD" type="text" name="swhsNm" placeholder="납품장소명">
-					<button id="ITP_BTN_MPOMNG05010_POP_WHS_SEARCH"><img src="../img/search.png"></button>
-				</form>
-			</div>
-			<div class="select_btn">
-				<button id="ITP_BTN_MPOMNG05010_POP_WHS_NM" class="btn_blue">납품장소 ▼</button>
-			</div>
-			<div id="ITP_LIST_MPOMNG05010_POP_WHS_AREA" class="popup_scroll">
-				<ul id="ITP_LIST_MPOMNG05010_POP_WHS_ROWS" class="mb_0 panel-group itp_nav"></ul>
-				<div id="ITP_LIST_MPOMNG05010_POP_WHS_ROWCOPY" style="display: none;">
-					<li class="row_2">
-						<div class="scroll_left">
-							<div class="fnWhsNm"></div>
-							<div class="sub fnLocationNm"></div>
-							<div class="sub fnLocationNm"></div>
-						</div>
-						<div class="scroll_right">
-							<button id="ITP_BTN_MPOMNG05010_POP_WHS_CHOICE" class="fnWhsId" data-whs-id="">선택</button>
-						</div>
-					</li>
-				</div>
-			</div>
-		</div>
-	</div>
-</section>
+
 		</div>
 	</div>
 	<footer id="ITP_FOOTER">

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

@@ -4,21 +4,24 @@
 			<input type="hidden" id="ITP_FORM_MLOANMNG01010_LIST_SEARCH_BRAND_ID" name="sbrandId" value="">
 			<input type="hidden" id="ITP_FORM_MLOANMNG01010_LIST_SEARCH_STORE_ID" name="sstoreId" value="">
 		  <div class="content">
+		  	<div class="line header">
+				<div class="itp_search_header"><img src="../img/right_arrow_pink.png" alt="">여신현황</div>
+	      	</div>
 			<div class="line">
 			  <label>매장선택</label>
-			  <div class="search_wrap">
-				  <div class="float_left">
-					<input id="ITP_FORM_MLOANMNG01010_LIST_SEARCH_STORE_NM" name="storeNm" type="text" placeholder="A매장명">
-				  </div>
-				  <div class="float_left_btn">
+			  <div class="float_left">
+				<input id="ITP_FORM_MLOANMNG01010_LIST_SEARCH_STORE_NM" name="storeNm" type="text" placeholder="A매장명">
+				<div class="itp_input_btn">		
 					<button id="ITP_BTN_MLOANMNG01010_LIST_SEARCH_STORE_NM"><img src="../img/search.png" alt=""></button>
-					<button id="ITP_BTN_MLOANMNG01010_LIST_DELETE_STORE_NM"><img src="../img/delete.png" alt=""></button>
-				  </div>
+				</div>
+			  </div>
+			  <div class="float_right_btn">
+				<button id="ITP_BTN_MLOANMNG01010_LIST_DELETE_STORE_NM"><img src="../img/delete.png" alt=""></button>
 			  </div>
 			</div>
 			<div class="line">
 			  <label>정산타입</label>
-			  <div class="line_right">
+			  <div class="float_left">
 				<select name="sloanDvsn" id="ITP_FORM_MLOANMNG01010_LIST_LOAN_DVSN" data-select-code="LOAN_DVSN">
 				  <option value=""></option>
 				</select>
@@ -26,25 +29,25 @@
 			</div>
 			<div class="line">
 			  <label>사용여부</label>
-			  <div class="line_right">
+			  <div class="float_left">
 				<select name="suseYn" id="ITP_FORM_MLOANMNG01010_LIST_USE_YN" data-select-code="USE_YN" name="suseYn">
 				  <option value=""></option>
 				</select>
 			  </div>
 			</div>
-			<div class="line" style="height:45px;">
+			<div class="line">
 			  <div class="search">
 				<button id="ITP_BTN_MLOANMNG01010_LIST_SEARCH" class="btn-primary btn-sm ADB">검색</button>
 			  </div>
 			</div>
 			<div class="table_header">
-			  <h1>> 여신 현황 내역</h1>
+			  <h1><여신 현황 내역></h1>
 			</div>
 		  </div>
 	   <div id="ITP_LIST_MLOANMNG01010_LIST_ITEM_AREA" class="scroll_area row-2">
-		  <ul id="ITP_LIST_MLOANMNG01010_LIST_ITEM_ROWS" class="panel-group"></ul>
-			  <div id="ITP_LIST_MLOANMNG01010_LIST_ITEM_ROWCOPY" style="display:none;">
-				<li class="history_list list-row">
+		  <ul id="ITP_LIST_MLOANMNG01010_LIST_ITEM_ROWS" class="mb_0 panel-group"></ul>
+			  <div id="ITP_LIST_MLOANMNG01010_LIST_ITEM_ROWCOPY" style="display: block;">
+				<li class="history_list">
 				  <div class="left">
 					<div class="nomal">
 					  <label>매장명 &nbsp;:</label>
@@ -99,45 +102,36 @@
 			<input type="hidden" id="ITP_FORM_MLOANMNG01010_VIEW__SEARCH_BRAND_ID" name="sbrandId" value="">
 			<input type="hidden" id="ITP_FORM_MLOANMNG01010_VIEW__SEARCH_STORE_ID" name="sstoreId" value="">
 		  <div class="content">
+		  	  <div class="line header">
+				<div class="itp_search_header"><img src="../img/right_arrow_pink.png" alt="">여신현황</div>
+	      	  </div>
 			  <div class="line">
 				  <label>매장명</label>
-				  <div class="search_wrap">
+				  <div class="line_right">
 					  <div class="fnStoreNm"></div>
 				  </div>
 			  </div>
 			  <div class="line">
 				  <label>정산타입</label>
-				  <div class="search_wrap">
+				  <div class="line_right">
 					  <div class="fnLoanDvsnNm"></div>
 				  </div>
 			  </div>
 			  <div class="line">
 				  <label>한도금액</label>
-				  <div class="search_wrap">
+				  <div class="line_right">
 					  <div class="fnLimitAmt">0원</div>
 				  </div>
 			  </div>
-			  <div class="line">
-				  <label>사용여부</label>
-				  <div class="search_wrap">
-					  <div class="fnUseYnNm"></div>
-				  </div>
-			  </div>
 			  <div class="line">
 				  <label>가용한도금액</label>
-				  <div class="search_wrap">
+				  <div class="line_right">
 					  <div class="fnPosbLimitAmt">0원</div>
 				  </div>
 			  </div>
-			  <div class="line">
-				  <label>가수금</label>
-				  <div class="search_wrap">
-					  <div class="fnTmpRcvAcctTotal">0원</div>
-				  </div>
-			  </div>
 			  <div class="line">
 				  <label>사용금액</label>
-				  <div class="search_wrap">
+				  <div class="line_right">
 					  <div class="fnUseAmtTotal">0원</div>
 				  </div>
 			  </div>
@@ -149,27 +143,19 @@
 				<input id="ITP_FORM_MLOANMNG01010_VIEW_SEARCH_TO_DT" name="toDt" class="year" type="date">
 			  </div>
 			</div>
-			  <div class="line">
-				  <label>입금지급구분</label>
-				  <div class="line_right">
-					  <select name="sdpstPayDvsn" id="ITP_FORM_MLOANMNG01010_VIEW_DPST_PAY_DVSN" data-select-code="DPST_PAY_DVSN">
-						  <option value=""></option>
-					  </select>
-				  </div>
-			  </div>
 			<div class="line" style="height:45px;">
 			  <div class="search">
 				<button id="ITP_BTN_MLOANMNG01010_VIEW_SEARCH" class="btn-primary btn-sm ADB">검색</button>
 			  </div>
 			</div>
 			<div class="table_header">
-			  <h1>> 여신 입출금 이력</h1>
+			  <h1><여신 입출금 이력></h1>
 			</div>
 		  </div>
 			<div id="ITP_LIST_MLOANMNG01010_VIEW_ITEM_AREA" class="scroll_area row-6">
-				 <ul id="ITP_LIST_MLOANMNG01010_VIEW_ITEM_ROWS" class="panel-group"></ul>
-			  <div id="ITP_LIST_MLOANMNG01010_VIEW_ITEM_ROWCOPY" style="display: none;">
-				<li class="history_list4 list-row">
+			 <ul id="ITP_LIST_MLOANMNG01010_VIEW_ITEM_ROWS" class="panel-group"></ul>
+			  <div id="ITP_LIST_MLOANMNG01010_VIEW_ITEM_ROWCOPY" style="display: block;">
+				<li class="history_list6">
 				  <div>
 					<div class="detail_line">
 					  <div class="detail_left">
@@ -207,18 +193,6 @@
 						</div>
 					  </div>
 					</div>
-					<div class="detail_line">
-					  <div class="detail_left">
-						<div class="detail_info">
-						  <label>사용용도</label>
-						</div>
-					  </div>
-					  <div class="detail_right">
-						<div class="detail_info">
-						  <div class="fnUse">정산대금 브랜드 지급</div>
-						</div>
-					  </div>
-					</div>
 				  </div>
 				</li>
 			</div>
@@ -229,7 +203,7 @@
 	  </form>
 	</div>
 	<div id="ITP_MOBILE_JS"></div>
-	<div id="ITP_POP_MLOANMNG01010_STORE_AREA" class="popup2 mobile-pop-close" style="display: none;">
+	<div id="ITP_POP_MLOANMNG01010_STORE_AREA" class="popup2 mobile-pop-close" style="display: block;">
 		<div class="pop">
 			<div class="header">
 				<div class="header_left">
@@ -247,10 +221,13 @@
 					<button id="ITP_BTN_MLOANMNG01010_POP_STORE_SEARCH"><img src="../img/search.png"></button>
 				</form>
 			</div>
+			<div class="select_btn">
+				<button id="ITP_BTN_MLOANMNG01010_POP_SOTRE_NM" class="btn_blue">매 장 ▼</button>
+			</div>
 			<div id="ITP_LIST_MLOANMNG01010_POP_STORE_AREA" class="popup_scroll">
-				<ul id="ITP_LIST_MLOANMNG01010_POP_STORE_ROWS" class="panel-group itp_nav"></ul>
-				<div id="ITP_LIST_MLOANMNG01010_POP_STORE_ROWCOPY" style="display:none;">
-					<li class="list-row">
+				<ul id="ITP_LIST_MLOANMNG01010_POP_STORE_ROWS" class="mb_0 panel-group itp_nav"></ul>
+				<div id="ITP_LIST_MLOANMNG01010_POP_STORE_ROWCOPY" style="display: block;">
+					<li class="row_2">
 						<div class="scroll_left">
 							<div class="fnStoreNm"></div>
 							<div class="fnStoreStNm"></div>

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

@@ -382,7 +382,7 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
 .row-4{top: 435px;}
 .row-4-1 {top: 400px;}
 .row-5{top: 418px;}
-.row-6{top: 468px;}
+.row-6{top: 465px;}
 .row-7{top: 533px;}
 .row-9{top: 383px;}
 .row-10{top: 349px;}
@@ -425,6 +425,7 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
 .scroll_area li.history_list3 .btn_check {height:158px; margin-top:-5px; width:90%; float:right; padding-top:7px; }
 .scroll_area li.history_list4 {height: 150px;}
 .scroll_area li.history_list5 {height: 100px; padding-top:5px;}
+.scroll_area li.history_list6 {height: 110px; padding-top:5px;}
 .scroll_area li .history_info {width: auto;}
 .scroll_area li .left {width:100%; height:30px; margin-top:0px;}
 .scroll_area li .btn {width:calc(100% - 65px); padding-top:12px;}
@@ -437,13 +438,13 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
 .scroll_area li .detail_line {width: 100%; height:25px; display: inline-block;}
 .scroll_area li .detail_left {float: left;}
 .scroll_area li .detail_left .detail_info {margin: 5px 10px;}
-.scroll_area li .detail_left .detail_info div {width: auto; font-size: 1rem; font-weight: 700;}
+.scroll_area li .detail_left .detail_info div {width: auto; font-size: 14px; font-weight: 700;}
 .scroll_area li .detail_left .detail_info i {width: auto; font-size: 1rem; margin: 0 20px;}
-.scroll_area li .detail_left .detail_info label {position:absolute; width: auto;  font-size: 1rem;}
+.scroll_area li .detail_left .detail_info label {position:absolute; width: auto;  font-size: 14px;}
 .scroll_area li .detail_right {float: right;}
 .scroll_area li .detail_right .detail_info {margin: 5px 25px;}
 .scroll_area li .detail_right .detail_info label {margin: 5px 30px; font-size: 2rem;}
-.scroll_area li .detail_right .detail_info div {width: auto; font-size: 1rem; font-weight: 700;}
+.scroll_area li .detail_right .detail_info div {width: auto; font-size: 14px; font-weight: 100;}
 .scroll_area li .detail_right .detail_info i {width: auto; font-size: 1rem; margin: 0 20px;}
 .scroll_area li .left .nomal  {width: 100%; float:left; text-align: left; font-size: 1.2rem;}
 .scroll_area li .left .nomal .half {float:left;}