oqpo-view/src/main/webapp/mobile/app/mpomng/MPOMNG02010.html

<section id="ITP_MOBILE_MPOMNG02010">
  <div id="ITP_AJAX_MPOMNG02010_LIST_CONTAINER" style="display: none;">
     <form id="ITP_FORM_MPOMNG02010_LIST_SEARCH" class="area_full form-horizontal" onsubmit="return false;">
       <input type="hidden" id="ITP_FORM_MPOMNG02010_LIST_SEARCH_BRAND_ID" name="sbrandId" value="">
       <input type="hidden" id="ITP_FORM_MPOMNG02010_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="date_to date">
		          <input type="text" id="ITP_FORM_MPOMNG02010_LIST_SEARCH_FROM_DT" name="fromDt" class="itp_input date">
		          <div class="at">~</div>
		          <input type="text" id="ITP_FORM_MPOMNG02010_LIST_SEARCH_TO_DT" name="toDt" class="itp_input date">
		        </div>
			</div>
	      <div class="line">
	        <label>구매요청상태</label>
	        <div class="float_left">
	          <select id="ITP_FORM_MPOMNG02010_LIST_SEARCH_PCH_REQ_ST_CD" data-select-code="PCH_REQ_ST_CD" class="stcd" name="spchReqStCd">
	            <option value="">상태</option>
	          </select>
	        </div>
	      </div>
	      <div class="line">
	        <label>납품장소</label>
	        <div class="float_left">
	          <input id="ITP_FORM_MPOMNG02010_LIST_SEARCH_WHS_NM" class="" name="swhsNm" type="text" placeholder="" readonly>
	             <input type="hidden" id="ITP_FORM_MPOMNG02010_LIST_SEARCH_WHS_ID" name="swhsId" value="">
	             <div class="itp_input_btn">
	         		 <button id="ITP_BTN_MPOMNG02010_LIST_SEARCH_WHS_NM"><img src="../img/search.png" alt=""></button>
	  			</div>
	        </div>
	        <div class="float_right_btn">
	          <button id="ITP_BTN_MPOMNG02010_LIST_DELETE_WHS_NM"><img src="../img/delete.png" alt=""></button>
	        </div>
	      </div>
	      <div class="line">
	        <div class="search">
	          <button id="ITP_BTN_MPOMNG02010_LIST_SEARCH" class="btn-primary btn-sm ADB">검색</button>
	        </div>
	      </div>
	      <div class="table_header">
	        <h1><구매 요청 내역></h1>
	      </div>
        </div>
      </div>
    <div id="ITP_LIST_MPOMNG02010_ITEM_AREA" class="scroll_area row-2">
      <ul id="ITP_LIST_MPOMNG02010_ITEM_ROWS" class="mb_0 panel-group"></ul>
      <div id="ITP_LIST_MPOMNG02010_ITEM_ROWCOPY" style="display: none;">
        <li class="history_list4 item-row">
          <div class="left">
            <div class="nomal">
              	<label>요청구문 </label>
              	<span>:</span>
              	<div class="fnReqTypeNm"></div>
              	<label>요청자명 </label>
              	<span>:</span>
              	<div class="fnPchReqMgrNm"></div>
            </div>
          </div>
          <div class="left">
            <div class="nomal">
             	<label>구매요청일 </label>
              	<span>:</span>
              	<div class="col_7 fnPchReqDt"></div>
	            <label>납품요청일 </label>
              	<span>:</span>
              	<div class="fnDlvReqDt"></div>
            </div>
          </div>
          <div class="left">
            <div class="nomal">
            	<label>구매상태</label>
            	<span>:</span>
            	<div class="fnPchReqStNm"></div>
            	<label>반려일자</label>
            	<span>:</span>
            	<div class="fnPchReqRjctDt"></div>
            </div>
          </div>
          <div class="left">
            <div class="nomal">
              	<label>품목 수</label>
              	<span>:</span>
              	<div class="fnPchReqItemQty"></div>
              	<label>금액</label>
              	<span>:</span>
              	<div class="fnPchReqTotalAmt"></div>
            </div>
          </div>
          <div class="left">
            <div class="nomal">
             	<label>납품장소명 </label>
             	<span>:</span>
            	<div class="full fnWhsLocationNm"></div>
            </div>
          </div>
        </li>
      </div>
   	  </div>
    </form>
  </div>
  <div id="ITP_AJAX_MPOMNG02010_VIEW_CONTAINER" style="display: none;">
	  <form id="ITP_FORM_MPOMNG02010_VIEW" class="put_btn form-horizontal" onsubmit="return false;">
	    <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="line_right">
		          <div class="fnDlvReqDt"></div>
		        </div>      
		      </div>
		      <div class="line">
		        <label>구매요청금액</label>
		        <div class="line_right">
		          <div class="fnPchReqTotalAmt">원</div>
		        </div>
		      </div>
		      <div class="line">
		        <label>납품장소</label>
		        <div class="line_right">
		          <div class="fnLocationNm"></div>
		        </div>
		      </div>
		      <div class="line">
		        <label>요청상태</label>
		        <div class="line_right">
		          <div class="fnPchReqStnm"></div>
		        </div>
		      </div>
		      <div class="line">
		        <label>반려일자</label>
		        <div class="line_right">
		          <div class="fnPchReqRjctDt"></div>
		        </div>
		      </div>
		      <div class="line">
		        <label>반려담당자명</label>
		        <div class="line_right">
		          <div class="fnPchReqMgrNm"></div>
		        </div>
		      </div>
		      <div class="table_header">
		        <h1><구매 품목></h1>
		      </div>
	      </div>
	    </div>
	    <div id="ITP_LIST_MPOMNG02010_VIEW_AREA" class="scroll_area row-3">
	      <ul id="ITP_LIST_MPOMNG02010_VIEW_ROWS" class="mb_0 panel-group"></ul>
	      <div id="ITP_LIST_MPOMNG02010_VIEW_ROWCOPY" style="display: none;">
	        <li class="history_list5 item-row">
	          <div class="left">
	            <div class="nomal">
	              	<label class="col_3">품목명</label>
	                <span>:</span>
	                <div class="full fnItemNm"></div>
	              </div>
	           </div>   
	           <div class="left">
	            <div class="nomal">
	              	<label class="col_3">요청수량</label>
	                <span>:</span>
	                <div class="fnPchReqQty"></div>
	                <label class="col_3">요청금액</label>
	                <span>:</span>
	                <div class="col_10 fnPchReqAmt"></div>
	              </div>
	           </div>   
	        </li>
	      </div>
	    </div>
	    <div class="button_bar">
	      <button id="ITP_BTN_MPOMNG02010_VIEW_CANCEL_LIST" class="col_12 btn-gray CLB">취소</button>
	    </div>
    </form>
  </div>
  <div id="ITP_AJAX_MPOMNG02010_MODIFY_CONTAINER" style="display: none;">
    <form id="ITP_FORM_MPOMNG02010_MODIFY" class="put_btn form-horizontal" onsubmit="return false;">
      <input type="hidden" id="ITP_FORM_MPOMNG02010_MODIFY_VIEW_CD" name="viewCd" value="U">
      <input type="hidden" id="ITP_FORM_MPOMNG02010_MODIFY_BRAND_ID" name="brandId" value="">
      <input type="hidden" id="ITP_FORM_MPOMNG02010_MODIFY_STORE_ID" name="storeId" value="">
      <input type="hidden" id="ITP_FORM_MPOMNG02010_MODIFY_LOAN_DVSN" name="loanDvsn" value="">
      <input type="hidden" id="ITP_FORM_MPOMNG02010_MODIFY_LOAN_MGNT_UNQ_NO" name="loanMgntUnqNo" value="">
      <input type="hidden" id="ITP_FORM_MPOMNG02010_MODIFY_PCH_REQ_DVSN" name="pchReqDvsn" value="">
      <input type="hidden" id="ITP_FORM_MPOMNG02010_MODIFY_PCH_REQ_UNQ_NO" name="pchReqUnqNo" value="">
      <input type="hidden" id="ITP_FORM_MPOMNG02010_MODIFY_PCH_REQ_ST_CD" name="pchReqStCd" value="">
      <input type="hidden" id="ITP_FORM_MPOMNG02010_MODIFY_PCH_REQ_MGR_ID" name="pchReqMgrId" value="">
      <input type="hidden" id="ITP_FORM_MPOMNG02010_MODIFY_MALL_ID" name="mallId" 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>
				<input type="text" id="ITP_FORM_MPOMNG02010_MODIFY_DLV_REQ_DT" name="dlvReqDt" class="itp_input date">
	          <!--<input id="ITP_FORM_MPOMNG02010_MODIFY_DLV_REQ_DT" name="dlvReqDt" class="date fnDlvReqDt" data-check-required="empty" type="date" placeholder="">-->
	        </div>
	        <div class="line">
	          <label>구매요청금액</label>
	          <div class="float_left">
				<div class="input_text">
					<div class="fnPchReqAmtTot"></div>
				</div>
			  </div>
	        </div>
	        <div class="line">
	          <label>구매가능금액</label>
	          <div class="float_left">
				<div class="input_text">
					<div class="fnOrdUseAmt"></div>
				</div>
			  </div>
	        </div>
	        <div class="line">
	          <label>납품장소</label>
	            <div class="float_left">
	              <input type="text" id="ITP_FORM_MPOMNG02010_MODIFY_WHS_NM" class="" name="whsNm" data-check-required="empty" placeholder="매장명" readonly />
	              <input type="hidden" id="ITP_FORM_MPOMNG02010_MODIFY_WHS_ID" class="form-control itp_input" name="whsId" value="" />
	              <input type="hidden" id="ITP_FORM_MPOMNG02010_MODIFY_LOCATION" class="form-control itp_input" name="location" value="" />
	              <div class="itp_input_btn">
	              	<button id="ITP_BTN_MPOMNG02010_MODIFY_SEARCH_WHS_NM"><img src="../img/search.png" alt=""></button>
	              </div>
	            </div>
	            <div class="float_right_btn">
	              <button id="ITP_BTN_MPOMNG02010_MODIFY_DELETE_WHS_NM"><img src="../img/delete.png" alt=""></button>
	            </div>
	        </div>
	        <div class="table_header line">
	          <div>
	            <h1><구매 품목></h1>
	            <button type="button" id="ITP_BTN_MPOMNG02010_MODIFY_DEL_ROW" class="btn-primary btn-sm ADB">품목삭제</button>
	            <button type="button" id="ITP_BTN_MPOMNG02010_MODIFY_ADD_ROW" class="btn-primary btn-sm ADB">품목추가</button>
	          </div>
	        </div>
        </div>
      </div>
      <div id="ITP_LIST_MPOMNG02010_MODIFY_AREA" class="scroll_area row-1">
        <ul id="ITP_LIST_MPOMNG02010_MODIFY_ROWS" class="mb_0 panel-group"></ul>
        <div id="ITP_LIST_MPOMNG02010_MODIFY_ROWCOPY" style="display: none;"><!-- display:grid -->
          <li class="item-row">
            <div class="left_info item">
              <div class="check_box">
                <input type="checkbox" name="brandUnitUnqNo" class="fnBrandUnitUnqNo" />
              </div>
              <div class="thick">
              	<label>품목명</label>
                <span>:</span>
                <div class="itp_item fnItemNm"></div>
              </div>
              <div class="thick">
              	<label>구매가</label>
                <span>:</span>
                <div class="itp_amt fnUnitAmt"></div>
              </div>
            </div>
            <div class="right">
              <button id="ITP_BTN_MPOMNG02010_MODIFY_MINUS">-</button>
              <div class="num fnPchReqQty">1</div>
              <button id="ITP_BTN_MPOMNG02010_MODIFY_PLUS">+</button>
            </div>
          </li>
        </div>
      </div>
      <div class="button_bar">
        <button id="ITP_BTN_MPOMNG02010_MODIFY_REQ_ORDER" class="col_3 btn-m-orange REQ">구매요청</button>
        <button id="ITP_BTN_MPOMNG02010_MODIFY_TEMP_SAVE" class="col_3 btn-w-gray TSA">임시저장</button>
        <button id="ITP_BTN_MPOMNG02010_MODIFY_CANCEL" class="col_3 btn-gray CLB">취소</button>
      </div>
    </form>
  </div>
  <div id="ITP_POP_MPOMNG02010_REQ_AREA" class="popup mobile-pop-close" style="display: none;">
    <div class="pop short">
      <div class="pop_line">
	       <div class="itp_label_area">
	           <label>납품요청일</label>
	       </div>
	       <div class="itp_info_area">
	           <div class="fnPopDlvReqDt"></div>
	       </div>
       </div>
       <div class="pop_line">
	      <div class="itp_label_area">
   		  	<label>품목수</label>
	      </div>
	      <div class="itp_info_area">
         	<div class="fnItemQty"></div>
	      </div>
       </div>
       <div class="pop_line border">
	      <div class="itp_label_area">
	        <label>구매금액</label>
	      </div>  
	      <div class="itp_info_area">
	        <div class="fnOrdAmt">원</div>
	      </div>
      </div>
      <label class="pop_label pop_msg">구매요청 하시겠습니까?</label>
      <div class="popup_btn">
        <button id="ITP_BTN_MPOMNG02010_POP_REQ_CLOSE" class="cancel btn-gray CLB btn-pop-close">취소</button>
        <button id="ITP_BTN_MPOMNG02010_POP_REQ_CONFIRM" class="ok btn-primary COK">확인</button>
      </div>
    </div>
  </div>
  <div id="ITP_MOBILE_JS"></div>
  <div id="ITP_POP_MPOMNG02010_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_MPOMNG02010_POP_WHS_CLOSE" class="btn-pop-close"><img src="../img/close.png"></button>
        </div>
      </div>
      <div class="search_bar">
        <form id="ITP_FORM_MPOMNG02010_POP_WHS" class="form-horizontal" onsubmit="return false;">
          <input type="hidden" id="ITP_FORM_MPOMNG02010_WHS_ITEM_BRAND_ID" name="sbrandId" value="">
          <input type="hidden" id="ITP_FORM_MPOMNG02010_WHS_ITEM_STORE_ID" name="sstoreId" value="">
          <input id="ITP_FORM_MPOMNG02010_POP_WHS_KEYWORD" type="text" name="swhsNm" placeholder="납품장소명">
          <button id="ITP_BTN_MPOMNG02010_POP_WHS_SEARCH"><img src="../img/search.png"></button>
        </form>
      </div>
      <div class="select_btn">
        <button id="ITP_BTN_MPOMNG02010_POP_WHS_NM" class="btn_red">납품장소 <img src="../img/arrow_down.png"></button>
      </div>
      <div id="ITP_LIST_MPOMNG02010_POP_WHS_AREA" class="popup_scroll">
        <ul id="ITP_LIST_MPOMNG02010_POP_WHS_ROWS" class="mb_0 panel-group itp_nav"></ul>
        <div id="ITP_LIST_MPOMNG02010_POP_WHS_ROWCOPY" style="display: none;">
          <li class="row_2 item-row">
             <div class="scroll_left">
                 <div class="con_2 fnWhsNm"></div>
                 <div class="con_2 wichi fnLocationNm"></div>
             </div>
            <div class="scroll_right">
              <button id="ITP_BTN_MPOMNG02010_POP_WHS_CHOICE" class="fnWhsId" data-whs-id="">선택</button>
            </div>
          </li>
        </div>
      </div>
    </div>
  </div>
  <div id="ITP_POP_MPOMNG02010_ITEM_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_MPOMNG02010_POP_ITEM_CLOSE" class="btn-pop-close"><img src="../img/close.png"></button>
        </div>
      </div>
      <form id="ITP_FORM_MPOMNG02010_POPUP_ITEM" class="form-horizontal" onsubmit="return false;">
        <input type="hidden" id="ITP_FORM_MPOMNG02010_POPUP_ITEM_BRAND_ID" name="sbrandId" value="">
        <input type="hidden" id="ITP_FORM_MPOMNG02010_POPUP_ITEM_STORE_ID" name="sstoreId" value="">
        <div class="search_bar">
          <input id="ITP_FORM_MPOMNG02010_POP_ITEM_KEYWORD" name="sitemNm" type="text" placeholder="품목명/품목번호" />
          <button id="ITP_BTN_MPOMNG02010_POP_ITEM_SEARCH"><img src="../img/search.png"></button>
        </div>
        <div class="select_btn">
		  <button id="ITP_BTN_MPOMNG02010_POP_ITEM_ADD" class="btn_blue">추가</button>
          <button id="ITP_BTN_MPOMNG02010_POP_ITEM_NM" class="btn_red">품목명 <img src="../img/arrow_down.png"></button>
        </div>
      </form>
      <div id="ITP_LIST_MPOMNG02010_POP_ITEM_AREA" class="popup_scroll">
        <ul id="ITP_LIST_MPOMNG02010_POP_ITEM_ROWS" class="mb_0 panel-group"></ul>
        <div id="ITP_LIST_MPOMNG02010_POP_ITEM_ROWCOPY" style="display: none;">
           <li class="row_2 item-row">
             <div class="scroll_left">
                 <div class="con_2 fnItemNm">아이템명</div>
                 <div class="mg_0">
	                 <div class="sub fnUnitAmt"></div>
	                 <div class="type_hide">/</div>
	                 <div class="amt fnOrdAmt"></div>
                 </div>
             </div>
             <div class="scroll_right">
           		<input id="ITP_FORM_MPOMNG02010_POP_ITEM_ADD" type="checkbox">
             </div>
           	 <div class="itp_num_set">
                <div class="right">
				    <button id="ITP_BTN_MPOMNG02010_POP_ITEM_MINUS">-</button>
				    <div class="num fnPchReqQty">1</div>
				    <button id="ITP_BTN_MPOMNG02010_POP_ITEM_PLUS">+</button>
			    </div>
		    </div>
         </li>
        </div>
      </div>
    </div>
  </div>
</section>