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;">
    <div class="content">
      <form id="ITP_FORM_MPOMNG02010_LIST_SEARCH" class="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="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>
      </form>
    </div>
    <div id="ITP_LIST_MPOMNG02010_ITEM_AREA" class="scroll_area row-1">
      <ul id="ITP_LIST_MPOMNG02010_ITEM_ROWS" class="mb_0 panel-group"></ul>
      <div id="ITP_LIST_MPOMNG02010_ITEM_ROWCOPY" style="display: block;">
        <li class="history_list">
          <div class="left">
            <div class="nomal">
              <label>구매요청일 </label>
              <span>:</span>
              <div class="history">
                <div class="fnPchReqDt"></div>
                (<div class="fnPchReqMgrNm"></div>)
              </div>
            </div>
          </div>
          <div class="left">
            <div class="nomal">
              <div class="half">
                  <label>구매상태</label>
                  <span>:</span>
                  <div class="history">
                    <div class="fnPchReqStNm"></div>
                  </div>
              </div>
              <div class="half">
                  <label>납품장소명 </label>
                  <span>:</span>
                  <div class="history">
                    <div class="fnWhsLocationNm"></div>
                  </div>
              </div>
            </div>
          </div>
          <div class="left">
            <div class="nomal">
              <label>구매요청 정보</label>
              <span>:</span>
              <div class="history">
                <div class="fnPchReqItemQty"></div>
                <i>- </i>
                <div class="fnPchReqTotalAmt"></div> 원
              </div>
            </div>
          </div>
          <div class="left">
            <div class="nomal">
              <label>결재정보 </label>
              <span>:</span>
              <div class="history">
                <div class="fnPchReqRjctNm"></div>
              </div>
            </div>
          </div>
        </li>
      </div>
    </div>
  </div>
  <div id="ITP_AJAX_MPOMNG02010_VIEW_CONTAINER" style="display: none;">
    <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="line_right">
          <div class="fnDlvReqDt">2022.10.12</div>
        </div>      
      </div>
      <div class="line">
        <label>구매요청금액</label>
        <div class="line_right">
          <div class="fnPchReqTotalAmt">424,000원</div>
        </div>
      </div>
      <div class="line">
        <label>납품장소</label>
        <div class="line_right">
          <div class="fnLocationNm">A매장내</div>
        </div>
      </div>
      <div class="line">
        <label>결재정보</label>
        <div class="line_right">
          <div class="fnPchApprNm">(미납)0원</div>
        </div>
      </div>
      <div class="table_header">
        <h1><구매 품목></h1>
      </div>
    </div>
    <div id="ITP_LIST_MPOMNG02010_VIEW_AREA" class="scroll_area row-3-1">
      <ul id="ITP_LIST_MPOMNG02010_VIEW_ROWS" class="mb_0 panel-group"></ul>
      <div id="ITP_LIST_MPOMNG02010_VIEW_ROWCOPY" style="display: block;">
        <li class="list-row">
          <div class="left_info">
            <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">asdfasdf</div>
              </div>
           </div>   
          <div class="right">
            <div class="fnnum fnPchReqQty">2</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>
  </div>
  <div id="ITP_AJAX_MPOMNG02010_MODIFY_CONTAINER" style="display: none;">
    <form id="ITP_FORM_MPOMNG02010_MODIFY" class="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_MALL_ID" name="mallId" 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>
          <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="line_right">
            <div class="fnPchReqAmtTot">0 원</div>
          </div>
        </div>
        <div class="line">
          <label>구매가능금액</label>
          <div class="line_right">
            <div class="fnOrdUseAmt">0 원</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="header line">
          <div class="table_header">
            <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 id="ITP_LIST_MPOMNG02010_MODIFY_AREA" class="scroll_area row-1-1">
        <ul id="ITP_LIST_MPOMNG02010_MODIFY_ROWS" class="mb_0 panel-group"></ul>
        <div id="ITP_LIST_MPOMNG02010_MODIFY_ROWCOPY" style="display: block;">
          <li class="list-row">
            <div class="left_info">
              <div class="check_box">
                <input style="width:20px;" 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">asdfasdf</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-primary REQ">구매요청</button>
        <button id="ITP_BTN_MPOMNG02010_MODIFY_TEMP_SAVE" class="col_3 btn-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_blue">납품장소 ▼</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: block;">
          <li class="row_2">
            <div class="scroll_left">
              <div class="fnWhsNm">브랜드 창고 명A</div>
              <div class="sub fnLocationNm">서울특별시 동대문구 서울 시립대로 12길</div>
              <div class="sub fnLocationNm">누리자 B/D</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_NM" class="btn_blue">품목명▼</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: block;">
           <li class="row_2">
             <div class="scroll_left">
                 <div class="fnItemNm">품목명 001</div>
                 <div class="sub fnKg">700g</div>
                 <div class="amt fnItemAmt">30,500원</div>
             </div>
             <div class="scroll_right">
                 <button id="ITP_BTN_MPOMNG01010_POP_ITEM_ADD" class="POP_ITEM_ADD">추가</button>
             </div>
           	<div class="itp_num_set">
             <div class="right">
			    <button id="ITP_BTN_MPOMNG01010_DETAIL_MINUS">-</button>
			    <div class="num fnPchReqQty">1</div>
			    <button id="ITP_BTN_MPOMNG01010_DETAIL_PLUS">+</button>
			  </div>
		   </div>
         </li>
        </div>
      </div>
    </div>
  </div>
</section>