oqpo-view/src/main/webapp/mobile/app/mstockmng/MSTOCKMNG01010.html

<link rel="stylesheet" href="/style.css">

<section id="MSTOCK01010">
  <div class="popup2" style="display: none;">
    <div class="pop">
      <div class="header">
        <div class="header_left">
          <label>> 품목 검색</label>
        </div>
        <div class="header_right">
          <button id="ITP_BTN_MSTOCKMNG01010"><img src="/img/close.png"></button>
        </div>
      </div>
      <div class="search_bar">
        <input id="ITP_FORM_MSTOCKMNG01010" style="width:100%" type="text" placeholder="품목명/품목번호">
      </div>
      <div class="search_bar">
        <button id="ITP_BTN_MSTOCKMNG01010" class="search btn-primary">검색</button>
      </div>
      <div class="popup_scroll">
        <li class="row_2">
          <div class="left">
            <div class="thick">
              <div class="fn">품목명</div>
              <div>-</div>
              <div class="fn">2EA</div>
            </div>
            <div class="nomal">
              <div class="space">구매가 :</div>
              <div class="fn">1,120,000</div>
            </div>
          </div>
          <div class="right">
            <button id="ITP_BTN_MSTOCKMNG01010"><</button>
            <div class="num">2</div>
            <button id="ITP_BTN_MSTOCKMNG01010">></button>
          </div>
          <div class="add">
            <button id="ITP_BTN_MSTOCKMNG01010">추가</button>
          </div>
        </li>
      </div>
    </div>
  </div>
	<header>
		<div class="brand_logo">
			<img src="/img/naver.png">
		</div> 
		<div class="name_info">
			<label>
				<div class="fnBrnadNm">브랜드명</div>
			</label>
			<div>
				<label style="width: 1px;">-</label>
			</div>
			<label>
				<div class="fnStoreNm">매장명</div>
			</label>
		</div>
			<div class="logout">
				<button id="ITP_BTN_LOGOUT">로그<br>아웃</button>
			</div>
	</header>
  <div id="ITP_AJAX_MSTOCKMNG01010_VIEW_CONTAINER">
    <div class="content">
      <div class="line">
        <label>창고선택</label>
        <div class="float_left">
          <input id="ITP_FORM_MSTOCKMNG01010_VIEW" type="text" placeholder="A매장명">
        </div>
        <div class="float_left_btn">
          <button id="ITP_BTN_MSTOCKMNG01010"><img src="/img/search.png" alt=""></button>
          <button id="ITP_BTN_MSTOCKMNG01010"><img src="/img/delete.png" alt=""></button>
        </div>
      </div>
      <div class="line">
        <label>Location</label>
        <div class="float_left">
          <select name="" id="ITP_FORM_MSTOCKMNG01010_VIEW">
            <option value=""></option>
          </select>
        </div>
      </div>
      <div class="line">
        <label>품목명</label>
        <div class="float_left">
          <input id="ITP_FORM_MSTOCKMNG01010_VIEW" style="width: 600px;" type="text" placeholder="A매장명">
        </div>
      </div>
      <div class="line">
        <div class="search">
          <button id="ITP_BTN_MSTOCKMNG01010" class="btn-primary btn-sm ADB">검색</button>
        </div>
      </div>
      <div class="table_header">
        <h1>> 재고 목록</h1>
        <button id="ITP_BTN_MSTOCKMNG01010" class="btn-primary btn-sm ADB">품목추가</button>
      </div>
    </div>
    <div class="scroll_area" style="top: 672px;">
      <li class="history_list">
        <div>
          <div class="left">
            <div class="nomal">
              <label>품목번호 &nbsp;:</label>
              <div>
                <div class="fn">adsf1234</div>
              </div>
              <label>품목명&nbsp;:</label>
              <div>
                <div class="fn">원두커피</div>
              </div>
            </div>
          </div>
          <div class="left">
            <div class="nomal">
              <label>단위 &nbsp;:</label>
              <div>
                <div class="fn">Kg</div>
              </div>
              <label>단위수량&nbsp;:</label>
              <div>
                <div class="fn">20 Kg</div>
              </div>
            </div>
          </div>
          <div class="left">
            <div class="nomal">
              <label class="col_6">현재고수량 &nbsp;:</label>
              <div class="fn">
                <div class="fn">100Kg</div>
              </div>
              <label class="col_7">적정재고수량&nbsp;:</label>
              <div class="fn">
                <div class="fn">50Kg</div>
              </div>
            </div>
          </div>
          <div class="left">
            <div class="nomal">
              <label class="col_7">안전재고비율 &nbsp;:</label>
              <div class="fn">
                <div class="fn">40%</div>
              </div>
              <label class="col_0">Location&nbsp;:</label>
              <div class="fn">
                <div class="fn">매장내</div>
              </div>
            </div>
          </div>
        </div>
      </li>
    </div>
    <div class="button_bar">
      <button id="ITP_BTN_MSTOCKMNG01010" class="col_3 btn-primary REQ">구매요청</button>
      <button id="ITP_BTN_MSTOCKMNG01010" class="col_3 btn-gray TSA">임시저장</button>
      <button id="ITP_BTN_MSTOCKMNG01010" class="col_3 btn-gray CLB">취소</button>
    </div>
  </div>
  <div class="footer">
    <div class="home">
      <button id="ITP_BTN_MSTOCKMNG01010" class="home_btn"><img src="/img/home.png" alt=""></button>
    </div>
    <div class="manage col_4">
      <button id="ITP_BTN_MSTOCKMNG01010">발주관리</button>
      <button id="ITP_BTN_MSTOCKMNG01010">반품관리</button>
      <button id="ITP_BTN_MSTOCKMNG01010">여신관리</button>
      <button id="ITP_BTN_MSTOCKMNG01010">재고관리</button>
    </div>
  </div>
</section>