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

<section id="ITP_MOBILE_MPOMNG02010">
  <div id="ITP_AJAX_MPOMNG02010_VIEW_CONTAINER" style="display: none;">
    <div class="content">
      <form id="ITP_FORM_MPOMNG02010_SEARCH" class="form-horizontal" onsubmit="return false;">
        <input type="hidden" id="ITP_FORM_MPOMNG02010_SEARCH_BRAND_ID" name="sbrandId" value="">
        <input type="hidden" id="ITP_FORM_MPOMNG02010_SEARCH_STORE_ID" name="sstoreId" value="">
        <div class="line">
          <label>구매요청일</label>
        <div class="input-group date_to date">
          <input type="date" id="ITP_FORM_MPOMNG02010_SEARCH_FROM_DT" name="fromDt" pattern="\d{4}.\d{2}.\d{2}">
          <div class="at">~</div>
          <input type="date" id="ITP_FORM_MPOMNG02010_SEARCH_TO_DT" name="toDt" pattern="\d{4}.\d{2}.\d{2}">
        </div>
      </div>
      <div class="line">
        <label>구매요청상태</label>
        <div class="line_right">
          <select id="ITP_FORM_MPOMNG02010_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="search_wrap">
	        <div class="float_left">
	          <input id="ITP_FORM_MPOMNG02010_SEARCH_WHS_NM" class="" name="swhsNm" type="text" placeholder="납품창고" readonly>
              <input type="hidden" id="ITP_FORM_MPOMNG02010_SEARCH_WHS_ID" name="swhsId" value="">
	        </div>
	        <div class="float_left_btn">
	          <button id="ITP_BTN_MPOMNG02010_SEARCH_WHS_NM"><img src="../img/search.png" alt=""></button>
	          <button id="ITP_BTN_MPOMNG02010_DELETE_WHS_NM"><img src="../img/delete.png" alt=""></button>
	        </div>
        </div>
      </div>
      <div class="line" style="height:50px;">
        <div class="search">
          <button id="ITP_BTN_MPOMNG02010_SEARCH" class="btn-primary btn-sm ADB">검색</button>
        </div>
      </div>
      <div class="table_header">
        <h1>>구매 요청 내역</h1>
      </div>
      </form>
    </div>
    <div id="ITP_LIST_MPOMNG02010_LIST_AREA" class="scroll_area row-1-1">
      <ul id="ITP_LIST_MPOMNG02010_LIST_ROWS" class="panel-group"></ul>
      <div id="ITP_LIST_MPOMNG02010_LIST_ROWCOPY" style="display:none;">
        <li class="history_list list-row">
          <div class="left">
            <div class="nomal">
              <label>구매요청일 </label>
              <span>:</span>
              <div class="history">
                <div class="fnPchReqDt">2022.10.01</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">A매장내</div>
                  </div>
              </div>
            </div>
          </div>
          <div class="left">
            <div class="nomal">
              <label style="width: 127px;">구매요청 정보</label>
              <span>:</span>
              <div class="history">
                <div class="fnPchReqItemQty">품목수(3)</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_DETAIL_CONTAINER" style="display: none;">
    <div class="content">
      <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">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_DETAIL_AREA" class="scroll_area row-2">
      <ul id="ITP_LIST_MPOMNG02010_DETAIL_ROWS" class="panel-group"></ul>
      <div id="ITP_LIST_MPOMNG02010_DETAIL_ROWCOPY" style="display:none;">
        <li class="list-row">
          <div class="left_info">
            <div class="thick">
              <div class="fnItemNm">품목명</div>
              <div>-</div>
              <div class="fnUnit">2EA</div>
            </div>
            <div class="thick">
              <label class="space0">구매가 :</label>
              <div class="fnPchReqAmt">1,120,000</div>
            </div>
          </div>
          <div class="right">
            <div class="fnPchReqQty">2</div>
          </div>
        </li>
      </div>
    </div>
    <div class="button_bar">
      <button id="ITP_BTN_MPOMNG02010_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="C">
      <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_ST_CD" name="pchReqStCd" value="">
      <div class="content">
        <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="fnPchReqTotalAmt">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="search_nm">
            <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>
            <div class="float_left_btn">
              <button id="ITP_BTN_MPOMNG02010_MODIFY_SEARCH_WHS_NM"><img src="../img/search.png" alt=""></button>
              <button id="ITP_BTN_MPOMNG02010_MODIFY_DELETE_WHS_NM"><img src="../img/delete.png" alt=""></button>
            </div>
          </div>
        </div>
        <div class="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="panel-group"></ul>
        <div id="ITP_LIST_MPOMNG02010_MODIFY_ROWCOPY" style="display:none;">
          <li class="list-row">
            <div class="left_info">
              <div class="check_box"><!-- class 변경 -->
                <div><input type="checkbox" name="brandUnitUnqNo" class="fnBrandUnitUnqNo" /></div>
              </div>
              <div class="thick">
                <div class="fnItemNm">품목명</div>
                <div>-</div>
                <div class="fnUnit">EA</div>
              </div>
              <div class="thick">
                <label class="space0">구매가 :</label>
                <div class="fnUnitAmt"></div>
              </div>
            </div>
            <div class="right">
              <button id="ITP_BTN_MPOMNG02010_MODIFY_MINUS" class="DETAIL_ITEM_MINUS">-</button>
              <div class="num fnPchReqQty">1</div>
              <button id="ITP_BTN_MPOMNG02010_MODIFY_PLUS" class="DETAIL_ITEM_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">
      <div class="pop_line">
        <label>납품요청일 &nbsp;&nbsp;:</label>
        <div class="fnPopDlvReqDt"></div>
      </div>
      <div class="pop_line">
        <label>품목수&nbsp;&nbsp; :</label>
        <div class="fnItemQty">개</div>
      </div>
      <div class="pop_line">
        <label>구매금액 &nbsp;&nbsp;:</label>
        <div class="fnOrdAmt">원</div>
      </div>
      <label class="pop_label msg_save">구매요청 하시겠습니까?</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_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="search_bar">
        <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="panel-group itp_nav"></ul>
        <div id="ITP_LIST_MPOMNG02010_POP_WHS_ROWCOPY" style="display:none;">
          <li class="row_2">
            <div class="scroll_left">
              <div class="fnWhsNm">브랜드 창고 명A</div>
              <div class="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="search_bar">
          <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="panel-group"></ul>
        <div id="ITP_LIST_MPOMNG02010_POP_ITEM_ROWCOPY" style="display:none;">
          <li class="row_2">
            <div class="left" style="width:180px;">
              <!--<div class="check_box">
                  <input type="checkbox" id="ITP_FORM_MPOMNG02010_POP_ITEM_CHECKBOX" name="itemId" />
              </div>-->
              <div class="thick">
                <div class="fnItemNm">품목명</div>
                <div>-</div>
                <div class="fnUnit">EA</div>
              </div>
              <div class="thick" style="font-weight:100;">
                <div class="space">구매가 :</div>
                <div class="fnUnitAmt">0</div>
              </div>
            </div>
            <div class="right">
              <button id="ITP_BTN_MPOMNG02010_POP_ITEM_MINUS" class="POP_ITEM_MINUS">-</button>
              <div class="num fnPchReqQty">1</div>
              <button id="ITP_BTN_MPOMNG02010_POP_ITEM_PLUS" class="POP_ITEM_PLUS">+</button>
            </div>
            <div class="add">
              <button id="ITP_BTN_MPOMNG02010_POP_ITEM_ADD" class="POP_ITEM_ADD">추가</button>
            </div>
          </li>
        </div>
      </div>
    </div>
  </div>
  <div id="ITP_MOBILE_JS"></div>
</section>