Ana Sayfa Keşfet Yardım
Üye Ol Giriş Yap
orderqueen
/
oqpo-view
İzle 3
Yıldızla 0
Çatalla 0
Files Sorunlar 0 Değişiklik İstekleri 0 Wiki
Kaynağa Gözat

모바일 날짜 필드 적용

juney 2 yıl önce
ebeveyn
f3a701c7e5 6fd531be4a
işleme
6f5253b463
6 değiştirilmiş dosya ile 266 ekleme ve 519 silme
Görünümü Böl Farklılık Durumunu Göster
  1. 2 2
      src/main/webapp/app/stinfo/STINFO04010.html
  2. 14 6
      src/main/webapp/js/app/rtnmng/ITP_RTNMNG05010.js
  3. 0 263
      src/main/webapp/mobile/app/mpomng/MPOMNG03010.html
  4. 245 243
      src/main/webapp/mobile/app/mpomng/MPOMNG04010.html
  5. 1 1
      src/main/webapp/mobile/app/mpomng/MPOMNG05010.html
  6. 4 4
      src/main/webapp/mobile/css/style.css

+ 2 - 2
src/main/webapp/app/stinfo/STINFO04010.html
Dosyayı Görüntüle 

@@ -105,10 +105,10 @@
105 105 
 									</div>
106 106 
 									<div class="itp_form_in">
107 107 
 										<div class="form-group">
108 
-											<label class="col-xs-2 itp_lb">품목분류 *</label>
108 
+											<label class="col-xs-2 itp_lb">품목분류</label>
109 109 
 											<div class="col-xs-10 itp_ip">
110 110 
 												<div class="col-xs-2 itp_in itp_noMar">
111 
-													<select id="ITP_FORM_STINFO04010_DETAIL_ITEM_CLASS1" data-check-required="empty" class="form-control itp_input" name="itemClass1">
111 
+													<select id="ITP_FORM_STINFO04010_DETAIL_ITEM_CLASS1" class="form-control itp_input" name="itemClass1">
112 112 
 														<option value="">품목분류Level1</option>
113 113 
 													</select>
114 114 
 												</div>

+ 14 - 6
src/main/webapp/js/app/rtnmng/ITP_RTNMNG05010.js
Dosyayı Görüntüle 

@@ -358,23 +358,31 @@ let listObj = {
358 358 
 	},
359 359 
 	popup: function(arg) {
360 360 
 		var whsDvsn = "";
361 
-		if (fn_make_user_info.get('storeId') == "") {
362 
-			whsDvsn = "W01";
361 
+		if (fn_make_user_info.get('storeId') == "") {  // 브랜드
362 
+			if (arg === 'whs') {
363 
+				whsDvsn = "W01";
364 
+			} else if (arg === 'rwhs') {
365 
+				whsDvsn = "W02";
366 
+			}
363 367 
 		} else {
364 
-			whsDvsn = "W02";
368 
+			if (arg === 'whs') {
369 
+				whsDvsn = "W01";
370 
+			} else if (arg === 'rwhs') {
371 
+				whsDvsn = "W01";
372 
+			}
365 373 
 		}
366 374
367 375 
 		if(arg === 'spply'){
368 376 
 			var popFn = this.callback.supply;
369 377 
 			const key = {brandId:fn_make_user_info.get('brandId'),storeId:fn_make_user_info.get('storeId')};
370 378 
 			fn_call_popup('biz', 'BIZPOP_STORE_SPPLY', '#ITP_ASIDE', popFn, key, 'S');
371 
-		} else if(arg === 'whs'){
379 
+		} else if(arg === 'whs'){  // 수거창고
372 380 
 			var popFn = this.callback.whs;
373 381 
 			const key1 = {brandId:fn_make_user_info.get('brandId'),storeId:fn_make_user_info.get('storeId'), whsDvsn:whsDvsn};
374 382 
 			fn_call_popup('biz', 'BIZPOP_WHS_LOCATION', '#ITP_ASIDE', popFn, key1, 'S');
375 
-		} else if(arg === 'rwhs'){
383 
+		} else if(arg === 'rwhs'){  //반품입고창고
376 384 
 			var popFn = this.callback.rwhs;
377 
-			const key1 = {brandId:fn_make_user_info.get('brandId'),storeId:fn_make_user_info.get('storeId'), whsDvsn:""};
385 
+			const key1 = {brandId:fn_make_user_info.get('brandId'),storeId:fn_make_user_info.get('storeId'), whsDvsn:whsDvsn};
378 386 
 			fn_call_popup('biz', 'BIZPOP_WHS_LOCATION', '#ITP_ASIDE', popFn, key1, 'S');
379 387 
 		}
380 388

+ 0 - 263
src/main/webapp/mobile/app/mpomng/MPOMNG03010.html
Dosyayı Görüntüle 

@@ -1,263 +0,0 @@
1 
-<section id="ITP_MOBILE_MPOMNG03010">
2 
-  <div id="ITP_POP_MPOMNG03010_SPPLY_AREA" class="popup2 mobile-pop-close" style="display: none;">
3 
-	<div class="pop">
4 
-		<div class="header">
5 
-			<div class="header_left">
6 
-				<label>공급업체</label>
7 
-			</div>
8 
-			<div class="header_right">
9 
-				<button type="button" id="ITP_BTN_MPOMNG03010_POP_SPPLY_CLOSE"><img src="../img/close.png"></button>
10 
-			</div>
11 
-		</div>
12 
-		<div class="search_bar">
13 
-			<form id="ITP_FORM_MPOMNG03010_POP_SPPLY" class="form-horizontal" onsubmit="return false;">
14 
-				<input type="hidden" id="ITP_FORM_MPOMNG03010_POP_SPPLY_ITEM_BRAND_ID" name="sbrandId" value="">
15 
-				<input type="hidden" id="ITP_FORM_MPOMNG03010_PO_PSPPLY_ITEM_STORE_ID" name="sstoreId" value="">
16 
-				<input id="ITP_FORM_MPOMNG03010_POP_SPPLY_KEYWORD" type="text" name="sSpplyNm" placeholder="공급업체명">
17 
-				<button id="ITP_BTN_MPOMNG03010_POP_SPPLY_SEARCH"><img src="../img/search.png"></button>
18 
-			</form>
19 
-		</div>
20 
-		<div class="select_btn">
21 
-			<button id="ITP_BTN_MPOMNG03010_POP_SPPLY_NM" class="btn_blue">공급업체 ▼</button>
22 
-		</div>
23 
-		<div id="ITP_POP_MPOMNG03010_SPPLY_LIST_AREA" class="popup_scroll">
24 
-			<ul id="ITP_POP_MPOMNG03010_SPPLY_LIST_ROWS" class="mb_0 itp_nav"></ul>
25 
-			<div id="ITP_POP_MPOMNG03010_SPPLY_LIST_ROWCOPY" style="display: block;">
26 
-				<li class="row_2">
27 
-					<div class="scroll_left">
28 
-						<div class="fnSpplyNm">공급업체 명A</div>
29 
-						<div class="sub fnLocationNm">서울특별시 동대문구 서울 시립대로 12길</div>
30 
-						<div class="sub fnLocationNm">누리자 B/D</div>
31 
-					</div>
32 
-					<div class="scroll_right">
33 
-						<button id="ITP_BTN_MPOMNG03010_POP_SPPLY_CHOICE" class="fnSpplyId">선택</button>
34 
-					</div>
35 
-				</li>
36 
-			</div>
37 
-		</div>
38 
-	</div>
39 
-  </div>
40 
-	<div id="ITP_POP_MPOMNG03010_WHS_AREA" class="popup2 mobile-pop-close" style="display: none;">
41 
-		<div class="pop">
42 
-			<div class="header">
43 
-				<div class="header_left">
44 
-					<label>납품장소</label>
45 
-				</div>
46 
-				<div class="header_right">
47 
-					<button type="button" id="ITP_BTN_MPOMNG03010_POP_WHS_CLOSE" class="btn-pop-close"><img src="../img/close.png"></button>
48 
-				</div>
49 
-			</div>
50 
-			<div class="search_bar">
51 
-				<form id="ITP_FORM_MPOMNG03010_POP_WHS" class="form-horizontal" onsubmit="return false;">
52 
-					<input type="hidden" id="ITP_FORM_MPOMNG03010_WHS_ITEM_BRAND_ID" name="sbrandId" value="">
53 
-					<input type="hidden" id="ITP_FORM_MPOMNG03010_WHS_ITEM_STORE_ID" name="sstoreId" value="">
54 
-					<input id="ITP_FORM_MPOMNG03010_POP_WHS_KEYWORD" type="text" name="swhsNm" placeholder="납품장소명">
55 
-					<button id="ITP_BTN_MPOMNG03010_POP_WHS_SEARCH"><img src="../img/search.png"></button>
56 
-				</form>
57 
-			</div>
58 
-			<div class="select_btn">
59 
-				<button id="ITP_BTN_MPOMNG03010_POP_WHS_NM" class="btn_blue">납품장소▼</button>
60 
-			</div>
61 
-			<div id="ITP_LIST_MPOMNG03010_POP_WHS_AREA" class="popup_scroll">
62 
-				<ul id="ITP_LIST_MPOMNG03010_POP_WHS_ROWS" class="mb_0 itp_nav"></ul>
63 
-				<div id="ITP_LIST_MPOMNG03010_POP_WHS_ROWCOPY" style="display: block;">
64 
-					<li class="row_2">
65 
-						<div class="scroll_left">
66 
-							<div class="fnWhsNm">브랜드 창고 명A</div>
67 
-						    <div class="sub fnLocationNm">서울특별시 동대문구 서울 시립대로 12길</div>
68 
-							<div class="sub fnLocationNm">누리자 B/D</div>
69 
-						</div>
70 
-						<div class="scroll_right">
71 
-							<button id="ITP_BTN_MPOMNG03010_POP_WHS_CHOICE" class="fnWhsId" data-whs-id="">선택</button>
72 
-						</div>
73 
-					</li>
74 
-				</div>
75 
-			</div>
76 
-		</div>
77 
-	</div>
78 
-  <div id="ITP_AJAX_MPOMNG03010_LIST_CONTAINER" style="display: none;">
79 
-      <form id="ITP_FORM_MPOMNG03010_LIST" class="form-horizontal" onsubmit="return false;">
80 
-      <input type="hidden" id="ITP_FORM_MPOMNG03010_DETAIL_VIEW_CD" name="viewCd" value="C">
81 
-	    <div class="content">
82 
-    	  <div class="line header">
83 
-			<div class="itp_search_header">구매발주현황</div>
84 
-      	  </div>
85 
-	      <div class="line">
86 
-	        <label>발주일자</label>
87 
-	        <div class="date_to date">
88 
-	          <input id="ITP_FORM_MPOMNG03010_LIST_SEARCH_FROM_DT" name="fromDt" type="date">
89 
-	          <div class="at">~</div>
90 
-	          <input id="ITP_FORM_MPOMNG03010_LIST_SEARCH_TO_DT" name="toDt" type="date">
91 
-	        </div>
92 
-	      </div>
93 
-	      <div class="line">
94 
-	        <label>발주상태</label>
95 
-	        <div class="float_left">
96 
-	          <select name="spchOdrStCd" id="ITP_FORM_MPOMNG03010_LIST_SEARCH_PCH_ORD_ST_CD">
97 
-	            <option value=""></option>
98 
-	          </select>
99 
-	      	</div>
100 
-	      </div>
101 
-	      <div class="line">
102 
-	        <label>공급업체</label>
103 
-	        <div class="float_left">
104 
-	          <input type="text" id="ITP_FORM_MPOMNG03010_LIST_SEARCH_SPPLY_NM" name="sspplyNm" placeholder="A공급업체명">
105 
-			  <input type="hidden" id="ITP_FORM_MPOMNG03010_LIST_SEARCH_SPPLY_ID" class="" name="sspplyId" />
106 
-              <div class="itp_input_btn">
107 
-	         	 <button id="ITP_BTN_MPOMNG03010_LIST_SEARCH_SPPLY_NM"><img src="../img/search.png" alt=""></button>
108 
-      		  </div>
109 
-	        </div>
110 
-	        <div class="float_right_btn">
111 
-	          <button id="ITP_BTN_MPOMNG03010_LIST_DELETE_SPPLY_NM"><img src="../img/delete.png" alt=""></button>
112 
-	        </div>
113 
-	      </div>
114 
-	      <div class="line">
115 
-          	<label>납품장소</label>
116 
-          	<div class="search_nm">
117 
-	            <div class="float_left">
118 
-	              <input type="text" id="ITP_FORM_MPOMNG03010_LIST_SEARCH_WHS_NM" class="" name="swhsNm" placeholder="매장명" />
119 
-				  <input type="hidden" id="ITP_FORM_MPOMNG03010_LIST_SEARCH_WHS_ID" class="" name="swhsId" />
120 
-           		  <div class="itp_input_btn">
121 
-	              	<button id="ITP_BTN_MPOMNG03010_LIST_SEARCH_WHS_NM"><img src="../img/search.png" alt=""></button>
122 
-				  </div>
123 
-	            </div>
124 
-	            <div class="float_right_btn">
125 
-	              <button id="ITP_BTN_MPOMNG03010_LIST_DELETE_WHS_NM"><img src="../img/delete.png" alt=""></button>
126 
-	            </div>
127 
-          	</div>
128 
-   	 	  </div>
129 
-	      <div class="line" style="height:50px;">
130 
-	        <div class="search">
131 
-	          <button id="ITP_BTN_MPOMNG03010_LIST_SEARCH" class="btn-primary btn-sm ADB">검색</button>
132 
-	        </div>
133 
-	      </div>
134 
-	      <div class="table_header">
135 
-	        <h1><발주 내역></h1>
136 
-	      </div>
137 
-	    </div>
138 
-      <div id="ITP_LIST_MPOMNG03010_LIST_ITEM_AREA" class="scroll_area row-3">
139 
-        <ul id="ITP_LIST_MPOMNG03010_LIST_ITEM_ROWS" class="mb_0"></ul>
140 
-        	<div id="ITP_LIST_MPOMNG03010_LIST_ITEM_ROWCOPY" style="display: block;">
141 
-		      <li class="list-row2">
142 
-		        <div class="left">
143 
-		          <div class="nomal">
144 
-		            <label>발주일자 &nbsp;:</label>
145 
-		            <div class="history">
146 
-		              <div class="fnPodrDt">2022.10.01</div>
147 
-		              (<div class="fnOwnerNm">홍길동 점주</div>)
148 
-		            </div>
149 
-		          </div>
150 
-		        </div>
151 
-		        <div class="left">
152 
-		          <div class="nomal">
153 
-		            <label>발주상태 &nbsp;:</label>
154 
-		            <div class="history">
155 
-		              <div class="fnPodrStCd">대기</div>
156 
-		            </div>
157 
-		            <label>납품장소명&nbsp;:</label>
158 
-		            <div class="history">
159 
-		              <div class="fnDlvPlaceNm">A매장내</div>
160 
-		            </div>
161 
-		          </div>
162 
-		        </div>
163 
-		        <div class="left">
164 
-		          <div class="nomal">
165 
-		            <label>발주정보 &nbsp;:</label>
166 
-		            <div class="history">
167 
-		              <div class="fnItemQty">품목수(3)</div>
168 
-		              <i>-</i>
169 
-		              <div class="fnItemAtm">1,200,000</div>원
170 
-		            </div>
171 
-		          </div>
172 
-		        </div>
173 
-		        <div class="left">
174 
-		          <div class="nomal">
175 
-		            <label>공급업체 &nbsp;:</label>
176 
-		            <div class="history">
177 
-		              <div class="fnSpplyNm">A공급업체</div>
178 
-		            </div>
179 
-		          </div>
180 
-		        </div>
181 
-		      </li>
182 
-	      </div>
183 
-	    </div>
184 
-    </form>
185 
-  </div>
186 
-  <div id="ITP_AJAX_MPOMNG03010_VIEW_CONTAINER" style="display: none;">
187 
-     <form id="ITP_FORM_MPOMNG03010_VIEW" class="form-horizontal" onsubmit="return false;">
188 
-      <input type="hidden" id="ITP_FORM_MPOMNG03010_VIEW_VIEW_CD" name="viewCd" value="C">
189 
-	    <div class="content">
190 
-	      <div class="line">
191 
-	        <label>발주일자</label>
192 
-	        <div class="line_right">
193 
-	          <div class="fnPodrDt">2022.10.10</div>
194 
-	        </div>
195 
-	      </div>
196 
-	      <div class="line">
197 
-	        <label>발주금액</label>
198 
-	        <div class="line_right">
199 
-	          <div class="fnPodrAmt">424,000원</div>
200 
-	        </div>
201 
-	      </div>
202 
-	      <div class="line">
203 
-	        <label>납품장소</label>
204 
-	        <div class="line_right">
205 
-	          <div class="fnDlvPlace">A매장내</div>
206 
-	        </div>
207 
-	      </div>
208 
-	      <div class="line">
209 
-	        <label>공급업체</label>
210 
-	        <div class="line_right">
211 
-	          <div class="fnSpplyNm">A공급업체</div>
212 
-	        </div>
213 
-	      </div>
214 
-	      <div class="table_header">
215 
-	        <h1>> 발주 품목</h1>
216 
-	      </div>
217 
-	    </div>
218 
-      <div id="ITP_LIST_MPOMNG03010_VIEW_ITEM_AREA" class="scroll_area row-2">
219 
-        <ul id="ITP_LIST_MPOMNG03010_VIEW_ITEM_ROWS" class="mb_0"></ul>
220 
-        	<div id="ITP_LIST_MPOMNG03010_VIEW_ITEM_ROWCOPY" style="display:block;">
221 
-			  <li>
222 
-		        <div>
223 
-		          <div class="left_info col-4">
224 
-		            <div class="thick">
225 
-             		  <label>품목명</label>
226 
-             		  <span>:</span>
227 
-		              <div class="fnItemNm">품목명</div>
228 
-		            </div>
229 
-		          </div>
230 
-		          <div class="left_info col-6">
231 
-		            <div class="thick">
232 
-		              <label>수량/금액</label>
233 
-		              <span>:</span>
234 
-		              <div class="fnQty">200</div>
235 
-		              <span>/</span>
236 
-		              <div class="fnAmt">1,224,000</div>
237 
-		            </div>
238 
-		          </div>
239 
-		          <div class="left_info col-4">
240 
-		            <div class="thick">
241 
-		              <label>구매가 </label>
242 
-		              <span>:</span>
243 
-		              <div class="fnPchActAmt">12,000</div>
244 
-		            </div>
245 
-		          </div>
246 
-		          <div class="left_info col-6">
247 
-		            <div class="thick">
248 
-		              <label>납기요청일</label>
249 
-		              <span>:</span>
250 
-		              <div class="fnDlvReqDt">2022.10.01</div>
251 
-		            </div>
252 
-		          </div>
253 
-		        </div>
254 
-		      </li>
255 
-	      </div>
256 
-	    </div>
257 
-	    <div class="button_bar">
258 
-	      <button id="ITP_BTN_MPOMNG03010_VIEW_CANCEL" class="col_12 btn-gray CLB">취소</button>
259 
-	    </div>
260 
-    </form>
261 
-  </div>
262 
-  <div id="ITP_MOBILE_JS"></div>
263 
-</section>

+ 245 - 243
src/main/webapp/mobile/app/mpomng/MPOMNG04010.html
Dosyayı Görüntüle 

@@ -1,261 +1,263 @@
1 
-<section id="ITP_MOBILE_MPOMNG04010">
2 
-	<div id="ITP_AJAX_MPOMNG04010_LIST_CONTAINER" style="display: block;">
3 
-		<form id="ITP_FORM_MPOMNG04010_LIST_SEARCH" class="form-horizontal" onsubmit="return false;">
4 
-			<input type="hidden" id="ITP_FORM_MPOMNG02010_LIST_SEARCH_BRAND_ID" name="sbrandId" value="">
5 
-			<input type="hidden" id="ITP_FORM_MPOMNG02010_LIST_SEARCH_STORE_ID" name="sstoreId" value="">
6 
-			<input type="hidden" id="ITP_FORM_MPOMNG02010_LIST_SEARCH_IDX" name="sidx" value="0">
7 
-			<div class="content">
8 
-				<div class="line">
9 
-					<label>발주일자</label>
10 
-					<div class="date_to">
11 
-						<input id="ITP_FORM_MPOMNG04010_LIST_SEARCH_FROM_DT" name="fromDt" class="year" type="date">
12 
-						<div class="at">~</div>
13 
-						<input id="ITP_FORM_MPOMNG04010_LIST_SEARCH_TO_DT" name="toDt" class="year" type="date">
14 
-					</div>
15 
-				</div>
16 
-				<div class="line">
17 
-					<label>발주상태</label>
18 
-					<div class="search_wrap">
19 
-						<div class="line_right">
20 
-							<select id="ITP_FORM_MPOMNG04010_LIST_SEARCH_PCH_ODR_ST_CD" data-select-code="PCH_ODR_ST_CD" class="stcd" name="spchOdrStCd">
21 
-								<option value=""></option>
22 
-							</select>
23 
-						</div>
24 
-					</div>
25 
-				</div>
26 
-				<div class="line">
27 
-					<label>공급업체</label>
28 
-					<div class="search_wrap">
29 
-						<div class="float_left">
30 
-							<input type="text" id="ITP_FORM_MPOMNG04010_LIST_SEARCH_SPPLY_NM" name="sspplyNm" placeholder="A공급업체명" readonly>
31 
-							<input type="hidden" id="ITP_FORM_MPOMNG04010_LIST_SEARCH_SPPLY_ID" class="" name="sspplyId" />
32 
-						</div>
33 
-						<div class="float_left_btn">
34 
-							<button id="ITP_BTN_MPOMNG04010_LIST_SEARCH_SPPLY_NM"><img src="../img/search.png" alt=""></button>
35 
-							<button id="ITP_BTN_MPOMNG04010_LIST_DELETE_SPPLY_NM"><img src="../img/delete.png" alt=""></button>
36 
-						</div>
37 
-					</div>
38 
-				</div>
39 
-				<div class="line">
40 
-					<label>납품장소</label>
41 
-					<div class="search_nm">
42 
-						<div class="float_left">
43 
-							<input type="text" id="ITP_FORM_MPOMNG04010_LIST_SEARCH_WHS_NM" class="" name="swhsNm" placeholder="매장명" readonly />
44 
-							<input type="hidden" id="ITP_FORM_MPOMNG04010_LIST_SEARCH_WHS_ID" class="" name="swhsId" />
45 
-						</div>
46 
-						<div class="float_left_btn">
47 
-							<button id="ITP_BTN_MPOMNG04010_LIST_SEARCH_WHS_NM"><img src="../img/search.png" alt=""></button>
48 
-							<button id="ITP_BTN_MPOMNG04010_LIST_DELETE_WHS_NM"><img src="../img/delete.png" alt=""></button>
49 
-						</div>
50 
-					</div>
51 
-				</div>
52 
-				<div class="line" style="height:50px;">
53 
-					<div class="search">
54 
-						<button id="ITP_BTN_MPOMNG04010_LIST_SEARCH" class="btn-primary btn-sm ADB">검색</button>
1 
+<section id="ITP_MOBILE_MPOMNG04010">
2 
+	<div id="ITP_POP_MPOMNG04010_SPPLY_AREA" class="popup2 mobile-pop-close" style="display: none;">
3 
+	  <div class="pop">
4 
+		  <div class="header">
5 
+			  <div class="header_left">
6 
+				  <label>공급업체</label>
7 
+			  </div>
8 
+			  <div class="header_right">
9 
+				  <button type="button" id="ITP_BTN_MPOMNG04010_POP_SPPLY_CLOSE"><img src="../img/close.png"></button>
10 
+			  </div>
11 
+		  </div>
12 
+		  <div class="search_bar">
13 
+			  <form id="ITP_FORM_MPOMNG04010_POP_SPPLY" class="form-horizontal" onsubmit="return false;">
14 
+				  <input type="hidden" id="ITP_FORM_MPOMNG04010_POP_SPPLY_ITEM_BRAND_ID" name="sbrandId" value="">
15 
+				  <input type="hidden" id="ITP_FORM_MPOMNG04010_PO_PSPPLY_ITEM_STORE_ID" name="sstoreId" value="">
16 
+				  <input id="ITP_FORM_MPOMNG04010_POP_SPPLY_KEYWORD" type="text" name="sSpplyNm" placeholder="공급업체명">
17 
+				  <button id="ITP_BTN_MPOMNG04010_POP_SPPLY_SEARCH"><img src="../img/search.png"></button>
18 
+			  </form>
19 
+		  </div>
20 
+		  <div class="select_btn">
21 
+			  <button id="ITP_BTN_MPOMNG04010_POP_SPPLY_NM" class="btn_blue">공급업체 ▼</button>
22 
+		  </div>
23 
+		  <div id="ITP_POP_MPOMNG04010_SPPLY_LIST_AREA" class="popup_scroll">
24 
+			  <ul id="ITP_POP_MPOMNG04010_SPPLY_LIST_ROWS" class="mb_0 itp_nav"></ul>
25 
+			  <div id="ITP_POP_MPOMNG04010_SPPLY_LIST_ROWCOPY" style="display: block;">
26 
+				  <li class="row_2">
27 
+					  <div class="scroll_left">
28 
+						  <div class="fnSpplyNm">공급업체 명A</div>
29 
+						  <div class="sub fnLocationNm">서울특별시 동대문구 서울 시립대로 12길</div>
30 
+						  <div class="sub fnLocationNm">누리자 B/D</div>
31 
+					  </div>
32 
+					  <div class="scroll_right">
33 
+						  <button id="ITP_BTN_MPOMNG04010_POP_SPPLY_CHOICE" class="fnSpplyId">선택</button>
34 
+					  </div>
35 
+				  </li>
36 
+			  </div>
37 
+		  </div>
38 
+	  </div>
39 
+	</div>
40 
+	  <div id="ITP_POP_MPOMNG04010_WHS_AREA" class="popup2 mobile-pop-close" style="display: none;">
41 
+		  <div class="pop">
42 
+			  <div class="header">
43 
+				  <div class="header_left">
44 
+					  <label>납품장소</label>
45 
+				  </div>
46 
+				  <div class="header_right">
47 
+					  <button type="button" id="ITP_BTN_MPOMNG04010_POP_WHS_CLOSE" class="btn-pop-close"><img src="../img/close.png"></button>
48 
+				  </div>
49 
+			  </div>
50 
+			  <div class="search_bar">
51 
+				  <form id="ITP_FORM_MPOMNG04010_POP_WHS" class="form-horizontal" onsubmit="return false;">
52 
+					  <input type="hidden" id="ITP_FORM_MPOMNG04010_WHS_ITEM_BRAND_ID" name="sbrandId" value="">
53 
+					  <input type="hidden" id="ITP_FORM_MPOMNG04010_WHS_ITEM_STORE_ID" name="sstoreId" value="">
54 
+					  <input id="ITP_FORM_MPOMNG04010_POP_WHS_KEYWORD" type="text" name="swhsNm" placeholder="납품장소명">
55 
+					  <button id="ITP_BTN_MPOMNG04010_POP_WHS_SEARCH"><img src="../img/search.png"></button>
56 
+				  </form>
57 
+			  </div>
58 
+			  <div class="select_btn">
59 
+				  <button id="ITP_BTN_MPOMNG04010_POP_WHS_NM" class="btn_blue">납품장소▼</button>
60 
+			  </div>
61 
+			  <div id="ITP_LIST_MPOMNG04010_POP_WHS_AREA" class="popup_scroll">
62 
+				  <ul id="ITP_LIST_MPOMNG04010_POP_WHS_ROWS" class="mb_0 itp_nav"></ul>
63 
+				  <div id="ITP_LIST_MPOMNG04010_POP_WHS_ROWCOPY" style="display: block;">
64 
+					  <li class="row_2">
65 
+						  <div class="scroll_left">
66 
+							  <div class="fnWhsNm">브랜드 창고 명A</div>
67 
+							  <div class="sub fnLocationNm">서울특별시 동대문구 서울 시립대로 12길</div>
68 
+							  <div class="sub fnLocationNm">누리자 B/D</div>
69 
+						  </div>
70 
+						  <div class="scroll_right">
71 
+							  <button id="ITP_BTN_MPOMNG04010_POP_WHS_CHOICE" class="fnWhsId" data-whs-id="">선택</button>
72 
+						  </div>
73 
+					  </li>
74 
+				  </div>
75 
+			  </div>
76 
+		  </div>
77 
+	  </div>
78 
+	<div id="ITP_AJAX_MPOMNG04010_LIST_CONTAINER" style="display: none;">
79 
+		<form id="ITP_FORM_MPOMNG04010_LIST" class="form-horizontal" onsubmit="return false;">
80 
+		<input type="hidden" id="ITP_FORM_MPOMNG04010_DETAIL_VIEW_CD" name="viewCd" value="C">
81 
+		  <div class="content">
82 
+			<div class="line header">
83 
+			  <div class="itp_search_header">구매발주현황</div>
84 
+			  </div>
85 
+			<div class="line">
86 
+			  <label>발주일자</label>
87 
+			  <div class="date_to date">
88 
+				<input id="ITP_FORM_MPOMNG04010_LIST_SEARCH_FROM_DT" name="fromDt" type="date">
89 
+				<div class="at">~</div>
90 
+				<input id="ITP_FORM_MPOMNG04010_LIST_SEARCH_TO_DT" name="toDt" type="date">
91 
+			  </div>
92 
+			</div>
93 
+			<div class="line">
94 
+			  <label>발주상태</label>
95 
+			  <div class="float_left">
96 
+				<select name="spchOdrStCd" id="ITP_FORM_MPOMNG04010_LIST_SEARCH_PCH_ORD_ST_CD">
97 
+				  <option value=""></option>
98 
+				</select>
99 
+				</div>
100 
+			</div>
101 
+			<div class="line">
102 
+			  <label>공급업체</label>
103 
+			  <div class="float_left">
104 
+				<input type="text" id="ITP_FORM_MPOMNG04010_LIST_SEARCH_SPPLY_NM" name="sspplyNm" placeholder="A공급업체명">
105 
+				<input type="hidden" id="ITP_FORM_MPOMNG04010_LIST_SEARCH_SPPLY_ID" class="" name="sspplyId" />
106 
+				<div class="itp_input_btn">
107 
+					<button id="ITP_BTN_MPOMNG04010_LIST_SEARCH_SPPLY_NM"><img src="../img/search.png" alt=""></button>
108 
+				  </div>
109 
+			  </div>
110 
+			  <div class="float_right_btn">
111 
+				<button id="ITP_BTN_MPOMNG04010_LIST_DELETE_SPPLY_NM"><img src="../img/delete.png" alt=""></button>
112 
+			  </div>
113 
+			</div>
114 
+			<div class="line">
115 
+				<label>납품장소</label>
116 
+				<div class="search_nm">
117 
+				  <div class="float_left">
118 
+					<input type="text" id="ITP_FORM_MPOMNG04010_LIST_SEARCH_WHS_NM" class="" name="swhsNm" placeholder="매장명" />
119 
+					<input type="hidden" id="ITP_FORM_MPOMNG04010_LIST_SEARCH_WHS_ID" class="" name="swhsId" />
120 
+					   <div class="itp_input_btn">
121 
+						<button id="ITP_BTN_MPOMNG04010_LIST_SEARCH_WHS_NM"><img src="../img/search.png" alt=""></button>
55 122 
 					</div>
123 
+				  </div>
124 
+				  <div class="float_right_btn">
125 
+					<button id="ITP_BTN_MPOMNG04010_LIST_DELETE_WHS_NM"><img src="../img/delete.png" alt=""></button>
126 
+				  </div>
56 127 
 				</div>
57 
-				<div class="table_header">
58 
-					<h1>> 발주 내역</h1>
59 128 
 				</div>
129 
+			<div class="line" style="height:50px;">
130 
+			  <div class="search">
131 
+				<button id="ITP_BTN_MPOMNG04010_LIST_SEARCH" class="btn-primary btn-sm ADB">검색</button>
132 
+			  </div>
60 133 
 			</div>
61 
-			<div id="ITP_LIST_MPOMNG04010_LIST_ITEM_AREA" class="scroll_area row-3">
62 
-				<ul id="ITP_LIST_MPOMNG04010_LIST_ITEM_ROWS" class="panel-group"></ul>
63 
-				<div id="ITP_LIST_MPOMNG04010_LIST_ITEM_ROWCOPY" style="display: none;">
64 
-					<li class="history_list list-row">
65 
-						<div class="left">
66 
-							<div class="nomal">
67 
-								<label>발주일자 &nbsp;:</label>
68 
-								<div class="history">
69 
-									<div class="fnPodrDt">2022.10.01</div>
70 
-									(<div class="fnPodrMgrNm">홍길동 점주</div>)
71 
-								</div>
72 
-							</div>
73 
-						</div>
74 
-						<div class="left">
75 
-							<div class="nomal">
76 
-								<label>발주상태 &nbsp;:</label>
77 
-								<div class="history">
78 
-									<div class="fnPchodrStCd">대기</div>
79 
-								</div>
80 
-								<label>납품장소명&nbsp;:</label>
81 
-								<div class="history">
82 
-									<div class="fnLocationNm">A매장내</div>
83 
-								</div>
84 
-							</div>
85 
-						</div>
86 
-						<div class="left">
87 
-							<div class="nomal">
88 
-								<label>발주정보 &nbsp;:</label>
89 
-								<div class="history">
90 
-									<div class="fnItemQty">품목수($)</div>
91 
-									<i>-</i>
92 
-									<div class="fnPodrTotalAmt">1,200,000</div>원
93 
-								</div>
94 
-							</div>
95 
-						</div>
96 
-						<div class="left">
97 
-							<div class="nomal">
98 
-								<label>공급업체 &nbsp;:</label>
99 
-								<div class="history">
100 
-									<div class="fnSpplyNm">A공급업체</div>
101 
-								</div>
102 
-							</div>
103 
-						</div>
104 
-					</li>
105 
-				</div>
134 
+			<div class="table_header">
135 
+			  <h1><발주 내역></h1>
106 136 
 			</div>
107 
-		</form>
108 
-	</div>
109 
-	<div id="ITP_AJAX_MPOMNG04010_VIEW_CONTAINER" style="display: none;">
110 
-		<form id="ITP_FORM_MPOMNG04010_VIEW" class="form-horizontal" onsubmit="return false;">
111 
-			<input type="hidden" id="ITP_FORM_MPOMNG04010_VIEW_VIEW_CD" name="viewCd" value="C">
112 
-			<div class="content">
113 
-				<div class="line">
114 
-					<label>발주일자</label>
115 
-					<div class="line_right">
116 
-						<div class="fnPodrDt"></div>
137 
+		  </div>
138 
+		<div id="ITP_LIST_MPOMNG04010_LIST_ITEM_AREA" class="scroll_area row-3">
139 
+		  <ul id="ITP_LIST_MPOMNG04010_LIST_ITEM_ROWS" class="mb_0"></ul>
140 
+			  <div id="ITP_LIST_MPOMNG04010_LIST_ITEM_ROWCOPY" style="display: block;">
141 
+				<li class="list-row2">
142 
+				  <div class="left">
143 
+					<div class="nomal">
144 
+					  <label>발주일자 &nbsp;:</label>
145 
+					  <div class="history">
146 
+						<div class="fnPodrDt">2022.10.01</div>
147 
+						(<div class="fnOwnerNm">홍길동 점주</div>)
148 
+					  </div>
117 149 
 					</div>
118 
-				</div>
119 
-				<div class="line">
120 
-					<label>발주금액</label>
121 
-					<div class="line_right">
122 
-						<div class="fnPodrTotalAmt"></div>
150 
+				  </div>
151 
+				  <div class="left">
152 
+					<div class="nomal">
153 
+					  <label>발주상태 &nbsp;:</label>
154 
+					  <div class="history">
155 
+						<div class="fnPodrStCd">대기</div>
156 
+					  </div>
157 
+					  <label>납품장소명&nbsp;:</label>
158 
+					  <div class="history">
159 
+						<div class="fnDlvPlaceNm">A매장내</div>
160 
+					  </div>
123 161 
 					</div>
124 
-				</div>
125 
-				<div class="line">
126 
-					<label>납품장소</label>
127 
-					<div class="line_right">
128 
-						<div class="fnShmtWhsDvsnNm"></div>
162 
+				  </div>
163 
+				  <div class="left">
164 
+					<div class="nomal">
165 
+					  <label>발주정보 &nbsp;:</label>
166 
+					  <div class="history">
167 
+						<div class="fnItemQty">품목수(3)</div>
168 
+						<i>-</i>
169 
+						<div class="fnItemAtm">1,200,000</div>원
170 
+					  </div>
129 171 
 					</div>
130 
-				</div>
131 
-				<div class="line">
132 
-					<label>공급업체</label>
133 
-					<div class="line_right">
134 
-						<div class="fnSpplyNm"></div>
172 
+				  </div>
173 
+				  <div class="left">
174 
+					<div class="nomal">
175 
+					  <label>공급업체 &nbsp;:</label>
176 
+					  <div class="history">
177 
+						<div class="fnSpplyNm">A공급업체</div>
178 
+					  </div>
135 179 
 					</div>
136 
-				</div>
137 
-				<div class="line">
138 
-					<label>납기요청일</label>
139 
-					<div class="line_right">
140 
-						<div class="fnDlvReqDt"></div>
141 
-					</div>
142 
-				</div>
143 
-				<div class="table_header">
144 
-					<h1>> 발주 품목</h1>
145 
-				</div>
146 
-			</div>
147 
-			<div id="ITP_LIST_MPOMNG04010_VIEW_ITEM_AREA" class="scroll_area row-3">
148 
-				<ul id="ITP_LIST_MPOMNG04010_VIEW_ITEM_ROWS" class="panel-group"></ul>
149 
-				<div id="ITP_LIST_MPOMNG04010_VIEW_ITEM_ROWCOPY" style="display:none;">
150 
-					<li class="list-row">
151 
-						<div>
152 
-							<div class="left_info col-4">
153 
-								<div class="thick">
154 
-									<div class="fnItemNm">품목명</div>
155 
-									<i>-</i>
156 
-									<div class="fnUnit"></div>
157 
-								</div>
158 
-							</div>
159 
-							<div class="left_info col-6">
160 
-								<div class="thick">
161 
-									<label>수량&nbsp;:&nbsp;</label>
162 
-									<div class="fnPodrQty"></div>
163 
-								</div>
164 
-							</div>
165 
-							<div class="left_info col-4">
166 
-								<div class="thick">
167 
-									<label style="margin:0;">구매가 :</label>
168 
-									<div class="fnUnitAmt"></div>
169 
-								</div>
170 
-							</div>
171 
-							<div class="left_info col-6">
172 
-								<div class="thick">
173 
-									<label>금액&nbsp;:&nbsp;</label>
174 
-									<div class="fnPodrAmt"></div>
175 
-								</div>
176 
-							</div>
177 
-						</div>
178 
-					</li>
179 
-				</div>
180 
+				  </div>
181 
+				</li>
180 182 
 			</div>
181 
-			<div class="button_bar">
182 
-				<button id="ITP_BTN_MPOMNG04010_VIEW_CANCEL_LIST" class="col_12 btn-gray CLB">취소</button>
183 
-			</div>
184 
-		</form>
183 
+		  </div>
184 
+	  </form>
185 185 
 	</div>
186 
-	<div id="ITP_MOBILE_JS"></div>
187 
-	<div id="ITP_POP_MPOMNG04010_SPPLY_AREA" class="popup2 mobile-pop-close" style="display: none;">
188 
-		<div class="pop">
189 
-			<div class="header">
190 
-				<div class="header_left">
191 
-					<label>> 공급업체</label>
192 
-				</div>
193 
-				<div class="header_right">
194 
-					<button type="button" id="ITP_BTN_MPOMNG04010_POP_SPPLY_CLOSE"><img src="../img/close.png"></button>
195 
-				</div>
186 
+	<div id="ITP_AJAX_MPOMNG04010_VIEW_CONTAINER" style="display: none;">
187 
+	   <form id="ITP_FORM_MPOMNG04010_VIEW" class="form-horizontal" onsubmit="return false;">
188 
+		<input type="hidden" id="ITP_FORM_MPOMNG04010_VIEW_VIEW_CD" name="viewCd" value="C">
189 
+		  <div class="content">
190 
+			<div class="line">
191 
+			  <label>발주일자</label>
192 
+			  <div class="line_right">
193 
+				<div class="fnPodrDt">2022.10.10</div>
194 
+			  </div>
196 195 
 			</div>
197 
-			<div class="search_bar">
198 
-				<form id="ITP_FORM_MPOMNG04010_POP_SPPLY_SEARCH" class="form-horizontal" onsubmit="return false;">
199 
-					<input type="hidden" id="ITP_FORM_MPOMNG04010_POP_SPPLY_ITEM_BRAND_ID" name="sbrandId" value="">
200 
-					<input type="hidden" id="ITP_FORM_MPOMNG04010_PO_PSPPLY_ITEM_STORE_ID" name="sstoreId" value="">
201 
-					<input id="ITP_FORM_MPOMNG04010_POP_SPPLY_KEYWORD" type="text" name="sspplyNm" placeholder="공급업체명">
202 
-					<button id="ITP_BTN_MPOMNG04010_POP_SPPLY_SEARCH"><img src="../img/search.png"></button>
203 
-				</form>
196 
+			<div class="line">
197 
+			  <label>발주금액</label>
198 
+			  <div class="line_right">
199 
+				<div class="fnPodrAmt">424,000원</div>
200 
+			  </div>
204 201 
 			</div>
205 
-			<div class="search_bar">
206 
-				<button id="ITP_BTN_MPOMNG04010_POP_SPPLY_NM" class="btn_blue">공급업체▼</button>
202 
+			<div class="line">
203 
+			  <label>납품장소</label>
204 
+			  <div class="line_right">
205 
+				<div class="fnDlvPlace">A매장내</div>
206 
+			  </div>
207 207 
 			</div>
208 
-			<div id="ITP_POP_MPOMNG04010_LIST_SPPLY_AREA" class="popup_scroll">
209 
-				<ul id="ITP_POP_MPOMNG04010_LIST_SPPLY_ROWS" class="panel-group itp_nav"></ul>
210 
-				<div id="ITP_POP_MPOMNG04010_LIST_SPPLY_ROWCOPY" style="display: none;">
211 
-					<li class="list-row">
212 
-						<div class="scroll_left">
213 
-							<div class="fnSpplyNm">공급업체 명A</div>
214 
-							<div class="fnStNm">($)</div>
215 
-						</div>
216 
-						<div class="scroll_right">
217 
-							<button id="ITP_BTN_MPOMNG04010_POP_SPPLY_CHOICE" class="fnSpplyId" data-item-key="">선택</button>
218 
-						</div>
219 
-					</li>
220 
-				</div>
208 
+			<div class="line">
209 
+			  <label>공급업체</label>
210 
+			  <div class="line_right">
211 
+				<div class="fnSpplyNm">A공급업체</div>
212 
+			  </div>
221 213 
 			</div>
222 
-		</div>
223 
-	</div>
224 
-	<div id="ITP_POP_MPOMNG04010_WHS_AREA" class="popup2 mobile-pop-close" style="display: none;">
225 
-		<div class="pop">
226 
-			<div class="header">
227 
-				<div class="header_left">
228 
-					<label>> 납품장소</label>
229 
-				</div>
230 
-				<div class="header_right">
231 
-					<button type="button" id="ITP_BTN_MPOMNG04010_POP_WHS_CLOSE"><img src="../img/close.png"></button>
232 
-				</div>
233 
-			</div>
234 
-			<div class="search_bar">
235 
-				<form id="ITP_FORM_MPOMNG04010_POP_WHS" class="form-horizontal" onsubmit="return false;">
236 
-					<input type="hidden" id="ITP_FORM_MPOMNG04010_WHS_ITEM_BRAND_ID" name="sbrandId" value="">
237 
-					<input type="hidden" id="ITP_FORM_MPOMNG04010_WHS_ITEM_STORE_ID" name="sstoreId" value="">
238 
-					<input id="ITP_FORM_MPOMNG04010_POP_WHS_KEYWORD" type="text" name="swhsNm" placeholder="납품장소명">
239 
-					<button id="ITP_BTN_MPOMNG04010_POP_WHS_SEARCH"><img src="../img/search.png"></button>
240 
-				</form>
214 
+			<div class="table_header">
215 
+			  <h1>> 발주 품목</h1>
241 216 
 			</div>
242 
-			<div class="search_bar">
243 
-				<button id="ITP_BTN_MPOMNG04010_POP_WHS_NM" class="btn_blue">납품장소▼</button>
244 
-			</div>
245 
-			<div id="ITP_LIST_MPOMNG04010_POP_WHS_AREA" class="popup_scroll">
246 
-				<ul id="ITP_LIST_MPOMNG04010_POP_WHS_ROWS" class="panel-group itp_nav"></ul>
247 
-				<div id="ITP_LIST_MPOMNG04010_POP_WHS_ROWCOPY" style="display:none;">
248 
-					<li class="list-row">
249 
-						<div class="scroll_left">
250 
-							<div class="fnWhsNm">브랜드 창고 명A</div>
251 
-							<div class="fnLocationNm">(상세위치내용)</div>
252 
-						</div>
253 
-						<div class="scroll_right">
254 
-							<button id="ITP_BTN_MPOMNG04010_POP_WHS_CHOICE" class="fnWhsId" data-whs-id="">선택</button>
255 
-						</div>
256 
-					</li>
257 
-				</div>
217 
+		  </div>
218 
+		<div id="ITP_LIST_MPOMNG04010_VIEW_ITEM_AREA" class="scroll_area row-2">
219 
+		  <ul id="ITP_LIST_MPOMNG04010_VIEW_ITEM_ROWS" class="mb_0"></ul>
220 
+			  <div id="ITP_LIST_MPOMNG04010_VIEW_ITEM_ROWCOPY" style="display:block;">
221 
+				<li>
222 
+				  <div>
223 
+					<div class="left_info col-4">
224 
+					  <div class="thick">
225 
+						 <label>품목명</label>
226 
+						 <span>:</span>
227 
+						<div class="fnItemNm">품목명</div>
228 
+					  </div>
229 
+					</div>
230 
+					<div class="left_info col-6">
231 
+					  <div class="thick">
232 
+						<label>수량/금액</label>
233 
+						<span>:</span>
234 
+						<div class="fnQty">200</div>
235 
+						<span>/</span>
236 
+						<div class="fnAmt">1,224,000</div>
237 
+					  </div>
238 
+					</div>
239 
+					<div class="left_info col-4">
240 
+					  <div class="thick">
241 
+						<label>구매가 </label>
242 
+						<span>:</span>
243 
+						<div class="fnPchActAmt">12,000</div>
244 
+					  </div>
245 
+					</div>
246 
+					<div class="left_info col-6">
247 
+					  <div class="thick">
248 
+						<label>납기요청일</label>
249 
+						<span>:</span>
250 
+						<div class="fnDlvReqDt">2022.10.01</div>
251 
+					  </div>
252 
+					</div>
253 
+				  </div>
254 
+				</li>
258 255 
 			</div>
259 
-		</div>
256 
+		  </div>
257 
+		  <div class="button_bar">
258 
+			<button id="ITP_BTN_MPOMNG04010_VIEW_CANCEL" class="col_12 btn-gray CLB">취소</button>
259 
+		  </div>
260 
+	  </form>
260 261 
 	</div>
261 
-</section>
262 
+	<div id="ITP_MOBILE_JS"></div>
263 
+  </section>

+ 1 - 1
src/main/webapp/mobile/app/mpomng/MPOMNG05010.html
Dosyayı Görüntüle 

@@ -159,7 +159,7 @@
159 159 
 			</div>
160 160 
 		</div>
161 161 
 	</div>
162 
-	<div id="ITP_POP_MPOMNG05010_WHS_AREA" class="popup2 mobile-pop-close" style="display: none;">
162 
+	<div id="ITP_POP_MPOMNG05010_WHS_AREA" class="popup2 mobile-pop-close" style="display: block;">
163 163 
 		<div class="pop">
164 164 
 			<div class="header">
165 165 
 				<div class="header_left">

+ 4 - 4
src/main/webapp/mobile/css/style.css
Dosyayı Görüntüle 

@@ -201,14 +201,14 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
201 201 
 /* 공통화면 */
202 202
203 203 
 #ITP_WRAPPER header {position: fixed;top: 0;width: 100%;height: 55px;background-color:#F7B014;align-items: center;border-bottom: 1px solid #000;z-index: 11;}
204 
-#ITP_WRAPPER header .header_wrap {width: 100%; height: 55px; margin: 0 auto;}
204 
+#ITP_WRAPPER header .header_wrap {width: 100%; height: 55px; margin: 0 auto; display: inline-flex;}
205 
+#ITP_WRAPPER header .header_wrap .menu_logo {width:100px;}
205 206 
 #ITP_WRAPPER header .header_wrap .menu_logo button {width: 40px; height: 40px; float: left; padding: 0; background: transparent; border: none; margin-top: 7px; margin-left: 7px;}
206 207 
 #ITP_WRAPPER header .header_wrap .menu_logo button img {width: 25px; height: 20px; margin: 0; border-radius: 0; border: none;}
207 208 
 #ITP_WRAPPER header .header_wrap img.brand {float: right; height: 45px; margin: 5px; border-radius: 50%; border: 1px solid #666;}
208 209 
 #ITP_WRAPPER header .header_wrap label{ margin-top: 15px; width: 50px; height: 25px; font-size: 1rem;float: left; color: #fff;}
209 
-#ITP_WRAPPER header .header_wrap .name_info {width: 50%; height:55px; margin:0 auto; display:inline-flex;}
210 
-#ITP_WRAPPER header .header_wrap .name_info div {width: auto; font-size: 20px; color:#eee; margin-top:17px;}
211 
-#ITP_WRAPPER header .header_wrap .name_info div.bn {padding-right:5px; font-size:22px; margin-top:14px;}
210 
+#ITP_WRAPPER header .header_wrap .name_info {width: calc(100% - 160px); height:55px; display:inline-flex;}
211 
+#ITP_WRAPPER header .header_wrap .name_info div {width: 100%; font-size: 20px; color:#eee; margin-top:17px;}
212 212
213 213 
 #ITP_WRAPPER header .header_wrap .logout {float: right; width: 60px;}
214 214 
 #ITP_WRAPPER header .header_wrap .logout button { margin: 3px 0px; width: 50px; height: 50px; border:none; font-size: 0.8rem;background: transparent;}