oqpo-view/src/main/webapp/mobile/app/mloanmng/MLOANMNG03010.html

<section id="ITP_MOBILE_MLOANMNG03010">
	<div id="ITP_AJAX_MLOANMNG03010_LIST_CONTAINER" style="display: none;">
		 <form id="ITP_FORM_MLOANMNG03010_LIST_SEARCH" class="form-horizontal" onsubmit="return false;">
			 <input type="hidden" id="ITP_FORM_MLOANMNG03010_LIST_SEARCH_BRAND_ID" name="sbrandId" value="">
			 <input type="hidden" id="ITP_FORM_MLOANMNG03010_LIST_SEARCH_STORE_ID" name="sstoreId" value="">
		  <div class="content">
			  <div class="content_fix">
			  <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="float_left">
						<input id="ITP_FORM_MLOANMNG03010_LIST_SEARCH_STORE_NM" name="storeNm" type="text" placeholder="A매장명" readonly>
						<div class="itp_input_btn">	
							<button id="ITP_BTN_MLOANMNG03010_LIST_SEARCH_STORE_NM"><img src="../img/search.png" alt=""></button>
						</div>
					</div>
					<div class="float_right_btn">
						<button id="ITP_BTN_MLOANMNG03010_LIST_DELETE_STORE_NM"><img src="../img/delete.png" alt=""></button>
					</div>
				</div>
				<div class="line top9">
				  <label>정산요청일</label>
				  <div class="date_to">
					  <input type="text" id="ITP_FORM_MLOANMNG03010_LIST_SEARCH_FROM_DT" name="fromDt" class="itp_input date">
					  <div class="at">~</div>
					  <input type="text" id="ITP_FORM_MLOANMNG03010_LIST_SEARCH_TO_DT" name="toDt" class="itp_input date">
				  </div>
				</div>
				<div class="line top6">
				  <div class="search">
					<button id="ITP_BTN_MLOANMNG03010_LIST_SEARCH" class="btn-primary btn-sm ADB">검색</button>
				  </div>
				</div>
				<div class="table_header">
				  <h1><정산 내역></h1>
				</div>
			</div>
		  </div>
			<div id="ITP_LIST_MLOANMNG03010_LIST_ITEM_AREA" class="scroll_area row-13">
			  <ul id="ITP_LIST_MLOANMNG03010_LIST_ITEM_ROWS" class="mb_0 panel-group"></ul>
			  <div id="ITP_LIST_MLOANMNG03010_LIST_ITEM_ROWCOPY" style="display: block;">
				<li class="history_list7">
				  <!-- <div class="left">hidden 처리
					<div class="nomal">
				      <label class="history_label">정산번호 </label>
					  <span>:</span>
					  <div class="full fnSttlMgntUnqNo">12121212121212121</div>
					</div>
				  </div> -->
				  <div class="left">
					<div class="nomal">
					  <label>매장명</label>
					  <span>:</span>
						<div class="full fnStoreNm"></div>
					</div>
				  </div>
				  <div class="left">
					<div class="nomal">
					  <label>정산타입</label>
					  <span>:</span>
					  <div class="fnLoanDvsnNm"></div>
					  <label class="sub_info">정산상태</label>
					  <span>:</span>
					  <div class="fnSttlStNm"></div>
					</div>
				  </div>
				  <div class="left">
					<div class="nomal">
					  <label class="history_label">정산요청일 </label>
					  <span>:</span>
					  <div class="fnSttlReqDt"></div>
					  <label class="sub_info">정산금액</label>
					  <span>:</span>
					  <div class="fnSttlReqAmt"></div>
					</div>
				  </div>
					<div class="left">
						<div class="nomal">
							<label class="history_label">정산확정일 </label>
							<span>:</span>
							<div class="fnSttlReqDt"></div>
							<label class="sub_info">미납금액</label>
							<span>:</span>
							<div class="fnUnpaidAmt"></div>
						</div>
					</div>
				</li>
			</div>
		  </div>
	  </form>
	</div>
	<div id="ITP_AJAX_MLOANMNG03010_VIEW_CONTAINER" style="display: none;">
		<form id="ITP_FORM_MLOANMNG03010_VIEW" class="form-horizontal" onsubmit="return false;">
			<input type="hidden" id="ITP_FORM_MLOANMNG03010_VIEW_BRAND_ID" name="brandId" value="">
			<input type="hidden" id="ITP_FORM_MLOANMNG03010_VIEW_STORE_ID" name="storeId" value="">
			<input type="hidden" id="ITP_FORM_MLOANMNG03010_VIEW_STTL_MGNT_UNQ_NO" name="sttlMgntUnqNo" value="">
			<input type="hidden" id="ITP_FORM_MLOANMNG03010_VIEW_UNPAID_AMT" name="goodsAmt" value="">
			<input type="hidden" id="ITP_FORM_MLOANMNG03010_VIEW_RCPT_YN" value="">
		</form>
		  <div class="content">
			  <div class="content_fix">
				<div class="line">
				  <label>매장명</label>
				  <div class="line_right">
				  	<div class="fnStoreNm">fafdsfsdfsdfdasfsdafsda</div>
				  </div>      
				</div>
				<div class="line">
				  <label>정산일자</label>
				  <div class="line_right">
				  	<div class="fnSttlDt">fasdfdsfdsfsdfsdfdsafdasfdsafdsa</div>
				  </div>
				</div>
				<div class="line">
				  <label>정산상태</label>
				  <div class="line_right">
	  			  	<div class="fnSttlStNm"></div>
				  </div>
				</div>
				<div class="line">
				  <label>정산금액</label>
				  <div class="line_right">
				  	<div class="fnSttlReqAmt"></div>
				  </div>
				</div>
				<div class="line">
				  <label>잔액</label>
				  <div class="line_right">
				  	<div class="fnUseAmtTotal"></div>
				  </div>
				</div>
				<div class="line">
				  <label>정산등록일자</label>
				  <div class="line_right">
				  	<div class="fnSttlReqDt"></div>
				  </div>
				</div>
				<div class="table_header">
				  <h1><정산 상세 내역></h1>
				</div>
			</div>
		  </div>
		  <div id="ITP_LIST_MLOANMNG03010_VIEW_ITEM_AREA" class="scroll_area row-4-1">
			  <ul id="ITP_LIST_MLOANMNG03010_VIEW_ITEM_ROWS" class="mb_0 panel-group"></ul>
			  <div id="ITP_LIST_MLOANMNG03010_VIEW_ITEM_ROWCOPY" style="display: none;"><!-- style="display: grid;" -->
				<li class="history_list2">
				  <div>
					<div class="left">
					  <div class="nomal">
						<label class="col_3">품목아이디 </label>
						<span>:</span>
					    <div class="fnItemId">asdfwefwfadsfa</div>
						<label class="sub_info">품목명</label>
						<span>:</span>
					    <div class="fnItemNm">asdfasfdsadffsd</div>
					  </div>
					</div>
					<div class="left">
					  <div class="nomal">
						<label class="">단가</label>
						<span>:</span>
					    <div class="fnUnitAmt">afsdffasdfasd</div>
						<label class="sub_info">단위</label>
						<span>:</span>
					    <div class="fnUnit">fasdfsdfasdfsda</div>
					  </div>
					</div>
					<div class="left">
					  <div class="nomal">
						<label class="lit">발주(납품)수량</label>
						<span>:</span>
					    <div class="col_0 lit fnPodrQyt">10,000</div>
						<label class="lit">입고(수거)일자</label>
						<span>:</span>
					    <div class="lit fnWhsColDt">2022.10.10</div>
					  </div>
					</div>
					<div class="left">
					  <div class="nomal">
						<label>입고(수거)수량</label>
						<span>:</span>
					    <div class="col_0 lit fnWhsColQty">10,000</div>
						<label class="lit">입고(수거)금액</label>
						<span>:</span>
					    <div class="lit fnWhsColAmt">1,000,000</div>
					  </div>
					</div>
					<div class="left">
					  <div class="nomal">
						<label class="">정산구분</label>
						<span>:</span>
					    <div class="fnSttlDvsnNm">정산완로</div>
					  </div>
					</div>
				  </div>
				</li>
			</div>
		  </div>
		<div class="button_bar">
			<button id="ITP_BTN_MLOANMNG03010_VIEW_PAYMENT" class="btn_col_6 btn-m-orange PAY">결제</button>
			<button id="ITP_BTN_MLOANMNG03010_VIEW_CANCEL_LIST" class="btn_col_3 btn-gray CLB">취소</button>
		</div>
	</div>
	<div id="ITP_AJAX_MLOANMNG03010_PAY_CONTAINER" style="display: none;">
		<form id="ITP_FORM_MLOANMNG03010_PAY" class="form-horizontal" onsubmit="return false;">
			<input type="hidden" id="ITP_FORM_MLOANMNG03010_PAY_BRAND_ID" name="brandId" value="">
			<input type="hidden" id="ITP_FORM_MLOANMNG03010_PAY_STORE_ID" name="storeId" value="">
			<input type="hidden" id="ITP_FORM_MLOANMNG03010_PAY_PO_ORD_NO" name="poOrdNo" value="">
			<input type="hidden" id="ITP_FORM_MLOANMNG03010_PAY_ORD_NM" name="ordNm" value="">
			<input type="hidden" id="ITP_FORM_MLOANMNG03010_PAY_GOODS_NM" name="goodsNm" value="">
			<input type="hidden" id="ITP_FORM_MLOANMNG03010_PAY_MALL_ID" name="mallId" value="">
			<input type="hidden" id="ITP_FORM_MLOANMNG03010_PAY_MOBILE_URL" name="kicc_action_mobile_url" value="">
			<input type="hidden" id="ITP_FORM_MLOANMNG03010_PAY_JS_URL" name="kicc_javascript_url" value="">
			<div class="content">
				<div class="line" style="height:140px;">
					<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="pay_info fnPoOrdNo"></div>
					</div>
				</div>
				<div class="list_line">
					<div class="list_label">
						<label>구매자명</label>
					</div>
					<div class="list_info">
						<div class="pay_info fnOrdNm"></div>
					</div>
				</div>
				<div class="list_line">
					<div class="list_label">
						<label>상품명</label>
					</div>
					<div class="list_info">
						<div class="pay_info fnGoodsNm"></div>
					</div>
				</div>
				<div class="list_line">
					<div class="list_label">
						<label>결제금액 *</label>
					</div>
					<div class="list_info" style="padding-top:8px;">
						<div class="pay_info fnItemNm"></div>
						<input id="ITP_FORM_MLOANMNG03010_PAY_GOODS_AMT" name="goodsAmt" type="text" readonly>
					</div>
				</div>
				<div class="list_line">
					<div class="list_label">
						<label>결제방법 *</label>
					</div>
					<div class="list_info mail" style="padding-top:10px;">
						<select id="ITP_FORM_MLOANMNG02010_PAY_PAY_METHOD" name="payMethod" style="width:90%;">
							<option value="11">신용카드</option>
							<option value="21">계좌이체</option>
						</select>
					</div>
				</div>
				<div class="list_line">
					<div class="list_label">
						<label>휴대전화번호 *</label>
					</div>
					<div class="list_info" style="padding-top:8px;">
						<input id="ITP_FORM_MLOANMNG03010_PAY_ORD_TEL" name="ordTel" type="text" data-check-required="empty">
					</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:8px;">
						<input id="ITP_FORM_MLOANMNG03010_PAY_ORD_EMAIL" name="ordEmail" class="" type="hidden">
						<input id="ITP_FORM_MLOANMNG03010_PAY_EMAIL_ID" name="emailId" class="" type="text" data-check-required="empty">
						<span>@</span>
						<input id="ITP_FORM_MLOANMNG03010_PAY_EMAIL_NM" name="emailNm" class="" type="text" data-check-required="empty">
						<select name="emailCd" id="ITP_FORM_MLOANMNG03010_PAY_EMAIL_CD" data-select-code="EMAIL_CD">
							<option value="">선택</option>
						</select>
					</div>
				</div>
				<div class="line">
					<div class="search" style="margin-top:40px;">
						<button id="ITP_BTN_MLOANMNG03010_PAY_REQ" class="col_3 btn-primary btn-sm ">결제요청</button>
						<button id="ITP_BTN_MLOANMNG03010_PAY_CANCEL" class="col_3 btn-gray btn-sm CLB">취소</button>
					</div>
				</div>
				<div class="line"></div>
				<div class="line"></div>
				<div class="line"></div>
				<div class="line"></div>
				<div class="line"></div>
				<div class="line"></div>
			</div>
		</form>
	</div>
	<div id="ITP_MOBILE_JS"></div>
	<div id="ITP_POP_MLOANMNG03010_STORE_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_MLOANMNG03010_POP_STORE_CLOSE"><img src="../img/close.png"></button>
				</div>
			</div>
			<div class="search_bar">
				<form id="ITP_FORM_MLOANMNG03010_POP_STORE" class="form-horizontal" onsubmit="return false;">
					<input type="hidden" id="ITP_FORM_MLOANMNG03010_STORE_ITEM_BRAND_ID" name="brandId" value="">
					<input type="hidden" id="ITP_FORM_MLOANMNG03010_STORE_ITEM_STORE_ID" name="storeId" value="">
					<input id="ITP_FORM_MLOANMNG03010_POP_STORE_KEYWORD" type="text" name="storeNm" placeholder="매장명">
					<button id="ITP_BTN_MLOANMNG03010_POP_STORE_SEARCH"><img src="../img/search.png"></button>
				</form>
			</div>
			<div class="select_btn">
				<button id="ITP_BTN_MLOANMNG02010_POP_SOTRE_NM" class="btn_red">매 장 <img src="../img/arrow_down.png"></button>
			</div>
			<div id="ITP_LIST_MLOANMNG03010_POP_STORE_AREA" class="popup_scroll">
				<ul id="ITP_LIST_MLOANMNG03010_POP_STORE_ROWS" class="mb_0 panel-group itp_nav"></ul>
				<div id="ITP_LIST_MLOANMNG03010_POP_STORE_ROWCOPY" style="display: none;">
					<li class="row_2">
						<div class="scroll_left">
							<div class="con_2 fnStoreNm"></div>
							<div class="con_2 wichi fnStoreStNm"></div>
						</div>
						<div class="scroll_right">
							<button id="ITP_BTN_MLOANMNG03010_POP_STORE_CHOICE" class="fnStoreId" data-store-id="">선택</button>
						</div>
					</li>
				</div>
			</div>
		</div>
	</div>
  </section>