증적 4 테스트

src/main/webapp/mobile/app/mordmng/MORDMNG02010.html

@@ -1,5 +1,5 @@
 <section id="ITP_MOBILE_MORDMNG02010">
-	<div id="ITP_AJAX_MORDMNG02010_LIST_CONTAINER" style="display: none;">
+	<div id="ITP_AJAX_MORDMNG02010_LIST_CONTAINER" style="display: block;">
 		<form id="ITP_FORM_MORDMNG02010_LIST_SEARCH" class="put_btn form-horizontal" onsubmit="return false;">
 			<input type="hidden" id="ITP_FORM_MORDMNG02010_LIST_VIEW_CD" name="viewCd" value="C">
 			<input type="hidden" id="ITP_FORM_MORDMNG02010_SEARCH_BRAND_ID" name="sbrandId" value="">
@@ -49,53 +49,51 @@
 		  </div>
 		   <div id="ITP_LIST_MORDMNG02010_LIST_ITEM_AREA" class="scroll_area row-2">
 			  <ul id="ITP_LIST_MORDMNG02010_LIST_ITEM_ROWS" class="mb_0 panel-group"></ul>
-			  <div id="ITP_LIST_MORDMNG02010_LIST_ITEM_ROWCOPY" style="display: none;">
-				<li class="history_list4 item-row">
+			  <div id="ITP_LIST_MORDMNG02010_LIST_ITEM_ROWCOPY" style="display: block;">
+				<li class="history_list12 item-row">
 					<div class="left">
 					  <div class="nomal">
 						<label class="col_4">브랜드명</label>
 						<span>:</span>
-					    <div class=" fnBrandNm"></div>
-						<label class="col_4">발주번호</label>
-						<span>:</span>
-					    <div class="col_9 fnPchPodrUnqNo"></div>
+					    <div class="full fnBrandNm"></div>
 					  </div>
 					</div>
 					<div class="left">
 					  <div class="nomal">
+						<label class="col_4">발주번호</label>
+						<span>:</span>
+					    <div class="col_9 fnPchPodrUnqNo"></div>
 						<label class="col_4">발주항번</label>
 						<span>:</span>
 					    <div class="fnPchPodrDtlNo"></div>
-						<label class="">납품요청일</label>
-						<span>:</span>
-					    <div class="fnDlvReqDt"></div>
 					  </div>
 					</div>
 					<div class="left">
 					  <div class="nomal">
 						<label class="col_4">납품장소</label>
 						<span>:</span>
-					    <div class="fnWhsNm"></div>
-						<label class="col_4">품목번호</label>
-						<span>:</span>
-					    <div class="col_9 fnItemId"></div>
+					    <div class="full fnWhsNm"></div>
 					  </div>
 					</div>
 					<div class="left">
 					  <div class="nomal">
 						<label class="col_4">품목명</label>
 						<span>:</span>
-					    <div class="fnItemNm"></div>
-						<label class="col_4">발주수량</label>
-						<span>:</span>
-					    <div class="col_9 fnPodrQty"></div>
+					    <div class="full fnItemNm"></div>
 					  </div>
 					</div>
 					<div class="left">
 					  <div class="nomal">
+						<label class="col_4">발주수량</label>
+						<span>:</span>
+					    <div class="col_9 fnPodrQty"></div>
 						<label class="col_4">단가금액</label>
 						<span>:</span>
 					    <div class="fnUnitAmt"></div>
+					  </div>
+					</div>
+					<div class="left">
+					  <div class="nomal">
 						<label class="col_4">발주금액</label>
 						<span>:</span>
 					    <div class="col_9 fnPodrAmt"></div>
@@ -256,8 +254,17 @@
         <div id="ITP_LIST_MORDMNG02010_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 class="pop_flex">
+              		<label>브랜드명</label>
+              		<span>:</span>
+              		<div class="fnBrandNm"></div>
+                 </div>
+                 <div class="pop_flex">
+					<label>창고명</label>
+              		<span>:</span>
+              		<div class="col_0 fnWhsNm"></div>
+              		<div class="text_2 fnLocationNm"></div>
+           		</div>
              </div>
             <div class="scroll_right">
               <button id="ITP_BTN_MORDMNG02010_POP_WHS_CHOICE" class="fnWhsId" data-whs-id="">선택</button>

src/main/webapp/mobile/css/style.css

@@ -99,6 +99,12 @@ section .popup2 .pop .popup_scroll li .scroll_left {float: left; display:grid; w
 section .popup2 .pop .popup_scroll li .scroll_left.item{float: left; display:grid; width: calc(100% - 141px);}
 section .popup2 .pop .popup_scroll li .scroll_left div {text-overflow:ellipsis; overflow:hidden; white-space:nowrap; text-align:left; float: left; font-size: 14pt; font-weight: 100; width: 80%; margin:8px 6px -6px 10px;}
 section .popup2 .pop .popup_scroll li .scroll_left .con_2 {padding-top:0px;}
+section .popup2 .pop .popup_scroll li .scroll_left .pop_flex {display:flex; width:96%;}
+section .popup2 .pop .popup_scroll li .scroll_left .pop_flex label {min-width:70px; text-align:left;}
+section .popup2 .pop .popup_scroll li .scroll_left .pop_flex span {width:10px;}
+section .popup2 .pop .popup_scroll li .scroll_left .pop_flex div {width:calc(100% - 80px); margin:0;}
+section .popup2 .pop .popup_scroll li .scroll_left .pop_flex div.col_0 {width:auto;}
+section .popup2 .pop .popup_scroll li .scroll_left .pop_flex div.text_2 {width:calc(100% - 200px); margin:0;}
 section .popup2 .pop .popup_scroll li .scroll_left .mg_0 {margin:0; width:100%;}
 section .popup2 .pop .popup_scroll li .scroll_left .mg_0 div {text-overflow:ellipsis; overflow:hidden; white-space:nowrap; width:47%; margin:0; padding: 8px 2px 0px 2px;}
 section .popup2 .pop .popup_scroll li .scroll_left .mg_0 .type_hide {width:auto;}
@@ -487,6 +493,7 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
 .scroll_area li.history_list7 {height: 120px; padding-top:5px;}
 .scroll_area li.history_list9 {height: 170px;}
 .scroll_area li.history_list11 {height: 230px; padding-top:5px;}
+.scroll_area li.history_list12 {height: 170px; padding-top:4px;}
 
 .scroll_area li .history_info {width: auto;}
 .scroll_area li .left {width:100%; height:28px; margin-top:0px;}