팝업 디자인 수정

src/main/webapp/app/popup/biz/BIZPOP_ITEM_CLASS_MANAGE.html

@@ -7,9 +7,9 @@
 			</div>
 			<div class="modal-body">
 				<div class="itp_form itp_type1 fix">
-					<div class="col-xs-12">
+					<div class="col-xs-12" style="border:1px solid #ccc;">
 						<div class="form-horizontal">
-							<h4 class="itp_form_tit">분류 정보</h4>
+							<h4 class="itp_header_title">분류 정보</h4>
 							<form id="ITP_FORM_NOTICE_INFO_POPUP">
 								<input type="hidden" id="ITP_FORM_STINFO07010_POP_VIEW_CD" name="viewCd" value="C">
 								<input type="hidden" id="ITP_FORM_STINFO07010_POP_BRAND_ID" name="brandId" value="">
@@ -53,7 +53,7 @@
 										<div class="form-group colspan">
 											<label class="col-xs-2 itp_lb">분류명</label>
 											<div class="col-xs-4 itp_ip">
-												<div class="col-xs-6 itp_in">
+												<div class="col-xs-7 itp_in">
 													<input type="email" id="ITP_FORM_SITP_TAB_STINFO07010_POP_ITEM_CLASS_NM" data-check-required="empty" class="form-control itp_input" name="itemClassNm" placeholder="분류 3 Level">
 												</div>
 											</div>

src/main/webapp/app/stinfo/STINFO04010.html

@@ -393,8 +393,7 @@
 								<input type="hidden" id="ITP_FORM_STINFO04010_VIEW_ITEM_ID" name="itemId" value="">
 								<input type="hidden" id="ITP_FORM_STINFO04010_VIEW_FILE_NO" name="fileNo" value="">
 								<section class="itp_form_sec">
-									<h4 class="itp_form_tit">품목정보-상세</h4>
-									<div class="itp_form_in">
+									<div class="itp_form_in border-top">
 										<div class="form-group">
 											<label class="col-xs-2 itp_lb">브랜드 *</label>
 											<div class="col-xs-5 itp_ip">

src/main/webapp/app/stinfo/STINFO05010.html

@@ -92,15 +92,14 @@
 								<input type="hidden" id="ITP_FORM_STINFO05010_DETAIL_FILE_NO" name="shortContFileNo" value="">
 					
 								<section class="itp_form_sec">
-									<h4 class="itp_form_tit">단가정보-신규</h4>
-									<div class="itp_form_in">
+									<div class="itp_form_in border-top">
 										<div class="form-group">
 											<label class="col-xs-2 itp_lb">브랜드 *</label>
 												<div class="col-xs-4 itp_ip fnBrandNm">
 												</div>
 											<label class="col-xs-2 itp_lb">상태 *</label>
 											<div class="col-xs-4 itp_ip">
-												<div class="col-xs-10 itp_in">
+												<div class="col-xs-4 itp_in">
 									                <select id="ITP_FORM_STINFO05010_DETAIL_UNIT_ST_CD" data-select-code="UNIT_ST_CD" data-check-required="empty" class="form-control itp_input" name="unitStCd"></select>
 								                </div>
 											</div>
@@ -132,11 +131,11 @@
 													<div class="col-xs-3 itp_in" style="padding-left: 5px;">
 														<input type="text" id="ITP_FORM_STINFO05010_DETAIL_SCH_SPPLY_NM" class="form-control itp_input" value="공급업체명" maxlength="100" readonly>
 									                </div>
-													<div class="col-xs-2 itp_in" style="padding-left: 5px;">
+													<div class="col-xs-a itp_in" style="padding-left: 5px;">
 														<button type="button" id="ITP_BTN_STINFO05010_DETAIL_SPPLY_SRH" class="btn btn-success btn-sm SEB" style="display: inline-block;"><i class="glyphicon glyphicon-search"></i></button>
 														<button type="button" id="ITP_BTN_STINFO05010_DETAIL_SPPLY_DELETE" class="btn btn-primary btn-sm UPB" style="display: inline-block;"><i class="glyphicon glyphicon-erase"></i></button>
 									                </div>
-									                <div class="col-xs-3 itp_in" style="padding-left: 5px; left:-40px;">
+									                <div class="col-xs-3 itp_in" style="padding-left: 5px;">
 														<input type="text" id="ITP_FORM_STINFO05010_DETAIL_SPPLY_ITEM_ID" class="form-control itp_input" name="spplyItemId" value="" placeholder="공급업체 품번" maxlength="100">
 									                </div>
 												</div>
@@ -165,67 +164,58 @@
 											</div>
 										</div>
 									</div>
-									<div class="itp_form_ip">	
+									<div class="itp_form_in">	
 										<div class="form-group">
 											<label class="col-xs-2 itp_lb">계약기간 *</label>
-											<div class="col-xs-3 itp_ip itp_noMar">
-												<div class="input-daterange input-group date">
-													<input type="text" id="ITP_FORM_STINFO05010_DETAIL_CONT_STT_DT" data-check-required="empty" class="form-control itp_input" name="contSttDt" value="" readonly>
-													<span class="input-group-addon itp_date_to">~</span>
-													<input type="text" id="ITP_FORM_STINFO05010_DETAIL_CONT_END_DT" data-check-required="empty" class="form-control itp_input" name="contEndDt" value="" readonly>
+											<div class="col-xs-4 itp_ip">
+												<div class="col-xs-8 itp_in itp_noMar">
+													<div class="input-daterange input-group date">
+														<input type="text" id="ITP_FORM_STINFO05010_DETAIL_CONT_STT_DT" data-check-required="empty" class="form-control itp_input" name="contSttDt" value="" readonly>
+														<span class="input-group-addon itp_date_to">~</span>
+														<input type="text" id="ITP_FORM_STINFO05010_DETAIL_CONT_END_DT" data-check-required="empty" class="form-control itp_input" name="contEndDt" value="" readonly>
+													</div>
 												</div>
 											</div>
-											<div class="col-xs-1 itp_ip"></div>
 											<label class="col-xs-2 itp_lb">리드타임</label>
-											<div class="col-xs-2 itp_ip noMar">
-												<input type="text" id="ITP_FORM_STINFO05010_DETAIL_LEAD_TIME" class="form-control itp_input" name="leadTime" value="" maxlength="100">
+											<div class="col-xs-4 itp_ip ">
+												<div class="col-xs-4 itp_in ">
+													<input type="text" id="ITP_FORM_STINFO05010_DETAIL_LEAD_TIME" class="form-control itp_input" name="leadTime" value="" maxlength="100">
+												</div>
+											<label>(Day)</label>
 											</div>
-											<label class="itp_ip">(Day)</label>
-											<div class="col-xs-1 itp_ip"></div>
 										</div>								
-									</div>
-									<div class="itp_form_in">	
 										<div class="form-group">
 											<label class="col-xs-2 itp_lb">단위 *</label>
-											<div class="col-xs-2 itp_ip itp_noMar">
-								                <select id="ITP_FORM_STINFO05010_DETAIL_UNIT" data-select-code="DSTRBT_COST_UNIT" data-check-required="empty" class="form-control itp_input" name="unit" disabled></select>
+											<div class="col-xs-4 itp_ip ">
+												<div class="col-xs-5 itp_in">
+								                	<select id="ITP_FORM_STINFO05010_DETAIL_UNIT" data-select-code="DSTRBT_COST_UNIT" data-check-required="empty" class="form-control itp_input" name="unit" disabled></select>
+												</div>
 											</div>
-											<div class="col-xs-2 itp_ip"></div>
 											<label class="col-xs-2 itp_lb">단가</label>
-											<div class="col-xs-3 itp_ip noMar">
-												<input type="text" id="ITP_FORM_STINFO05010_DETAIL_UNIT_AMT" class="form-control itp_input" name="unitAmt" value="" maxlength="100">
+											<div class="col-xs-4 itp_ip ">
+												<div class="col-xs-4 itp_in">
+													<input type="text" id="ITP_FORM_STINFO05010_DETAIL_UNIT_AMT" class="form-control itp_input" name="unitAmt" value="" maxlength="100">
+												</div>
 											</div>
-											<label class="itp_in">&nbsp;</label>
 										</div>								
-									</div>
-									<div class="itp_form_in">	
 										<div class="form-group">
 											<label class="col-xs-2 itp_lb">통화 *</label>
-											<div class="col-xs-2 itp_ip itp_noMar">
-						                		<select id="ITP_FORM_STINFO05010_DETAIL_CURR" data-select-code="CURR" data-check-required="empty" class="form-control itp_input" name="curr"></select>
+											<div class="col-xs-4 itp_ip">
+						                		<div class="col-xs-5 itp_in">
+						                			<select id="ITP_FORM_STINFO05010_DETAIL_CURR" data-select-code="CURR" data-check-required="empty" class="form-control itp_input" name="curr"></select>
+					                			</div>
 					                		</div>
-											<div class="col-xs-2 itp_ip"></div>
 											<label class="col-xs-2 itp_lb">매장판매단가</label>
-											<div class="col-xs-2 itp_ip noMar">
-												<input type="text" id="ITP_FORM_STINFO05010_DETAIL_STORE_SALE_UNIT_AMT" class="form-control itp_input" name="storeSaleUnitAmt" value="" maxlength="100">
-											</div>
-											<label class="col-xs-3 itp_in">&nbsp;</label>
-										</div>								
-									</div>
-									<div class="itp_form_in">	
-										<div class="form-group border">
-											<label class="col-xs-2 itp_lb">계약문서</label>
-											<div class="col-xs-10 itp_ip colspan">
-												<div class="fileupload-wrapper">
-													<!-- data-show-yn: 파일업로드를 할 수 있는 권한이 있는지 없는지.. -->
-													<div id="ITP_STINFO05010_DETAIL_UPLOAD" data-show-yn="Y"></div>
+											<div class="col-xs-4 itp_ip noMar">
+												<div class="col-xs-4 itp_in">
+													<input type="text" id="ITP_FORM_STINFO05010_DETAIL_STORE_SALE_UNIT_AMT" class="form-control itp_input" name="storeSaleUnitAmt" value="" maxlength="100">
 												</div>
 											</div>
-										</div>	
+										</div>								
 									</div>
 									<div class="itp_form_info">	
 										<div class="itp_form_in">
-											<div class="form-group border">
+											<div class="form-group">
 												<label class="col-xs-2 itp_lb">등록자/등록일 </label>
 												<div class="col-xs-4 itp_ip">
 													<div class="col-xs-a itp_in">
@@ -249,6 +239,17 @@
 											</div>	
 										</div>		
 									</div>
+									<div class="itp_form_in">	
+										<div class="form-group border">
+											<label class="col-xs-2 itp_lb">계약문서</label>
+											<div class="col-xs-10 itp_ip colspan">
+												<div class="fileupload-wrapper">
+													<!-- data-show-yn: 파일업로드를 할 수 있는 권한이 있는지 없는지.. -->
+													<div id="ITP_STINFO05010_DETAIL_UPLOAD" data-show-yn="Y"></div>
+												</div>
+											</div>
+										</div>	
+									</div>
 								</section>								
 							</form>
 						</div>
@@ -263,8 +264,7 @@
 								<input type="hidden" id="ITP_FORM_STINFO05010_VIEW_BRAND_UNIT_UNQ_NO" name="brandUnitUnqNo" value="">
 					
 								<section class="itp_form_sec">
-									<h4 class="itp_form_tit">단가정보-상세</h4>
-									<div class="itp_form_in">
+									<div class="itp_form_in border-top">
 										<div class="form-group">
 											<label class="col-xs-2 itp_lb">브랜드 *</label>
 												<div class="col-xs-4 itp_ip fnBrandNm">

src/main/webapp/css/style.css

@@ -552,17 +552,20 @@ _:-ms-fullscreen, :root .itp_logs {max-width: 1287px}
 }
 
 /* ITP_ASIDE */
-#ITP_ASIDE .itp_modal .modal-header {padding:12px 15px 12px 15px; background:#337ab7; cursor:move;}
+#ITP_ASIDE .itp_modal .modal-header {padding:12px 15px 12px 15px; background:#F0831E; cursor:move;}
 #ITP_ASIDE .itp_modal .modal-header .close {color:#fff; opacity:1;}
 #ITP_ASIDE .itp_modal .modal-title {font-size:16px; color:#fff;}
 #ITP_ASIDE .itp_modal .itp_alert_txt {font-size:15px; padding:15px 0 10px 0;}
 #ITP_ASIDE .itp_modal .itp_form {padding:0 15px 0 15px;}
-#ITP_ASIDE .itp_modal .itp_form .form-group {margin-bottom:10px;}
+#ITP_ASIDE .itp_modal .itp_form .form-group {margin-bottom:0px; border-bottom:1px solid #bbb;}
 #ITP_ASIDE .itp_modal .itp_form .form-group.border {border-bottom:1px solid #ddd;}
 #ITP_ASIDE .itp_modal .itp_form .form-control {font-size:13px; color:#333;}
-#ITP_ASIDE .itp_modal .itp_form .itp_lb {font-size:13px; padding-top:5px; padding-right:0; color:#333; position:relative;}
+
+#ITP_ASIDE .itp_modal .itp_form .itp_lb {text-align:center; width:0px; min-width:120px; padding:0; padding-top:20px; margin:0 -10px 0 0px; height:60px; background:#eee; border-right:1px solid #ccc;}
+
+#ITP_ASIDE .itp_modal .itp_header_title {border-bottom:1px solid #ccc; margin:0px -15px; padding:15px;}
 #ITP_ASIDE .itp_modal .itp_form .itp_lb.itp_normal {font-weight:normal; padding-left:19px;}
-#ITP_ASIDE .itp_modal .itp_form .itp_ip {padding-left:0; padding-right:0;}
+#ITP_ASIDE .itp_modal .itp_form .itp_ip {padding-left:20px; padding-right:0; padding-top:10px;}
 #ITP_ASIDE .itp_modal .itp_form .itp_ip.itp_pr {margin-right:0; padding-right:10px;}
 #ITP_ASIDE .itp_modal .itp_form .itp_ip.itp_noMar {margin-right:0; padding-right:0px;}
 #ITP_ASIDE .itp_modal .itp_form .itp_ip_offset {padding-left:15px;}

src/main/webapp/js/app/stinfo/ITP_STINFO04010.js

@@ -412,7 +412,7 @@ let viewObj = {
         $('#ITP_FORM_STINFO04010_VIEW #ITP_FORM_STINFO04010_VIEW_ITEM_ID').val(result.itemId);
         $('#ITP_FORM_STINFO04010_VIEW .fnStCd').text(result.itemStNm);
         var itemClassNm = ""; //itemClassNm 값 없음
-		
+        
 		if (result.itemClass1Nm != null && result.itemClass1Nm != "")//itemclass1Nm 값이 있을때
 		{
 			var itemClassNm = result.itemClass1Nm;  //itemClassNm 에 itemClass1Nm 값 넣음
@@ -433,10 +433,8 @@ let viewObj = {
 			var itemClassNm = itemClassNm + " " + ">" + " " + result.itemClass4Nm;	//itemClassNm 에 itemClassNm + > + itemClass4Nm 값 넣음
 
 		}
-        $('#ITP_FORM_STINFO04010_VIEW .fnItemClass1').text(result.itemClass1Nm);
-        $('#ITP_FORM_STINFO04010_VIEW .fnItemClass2').text(result.itemClass2Nm);
-        $('#ITP_FORM_STINFO04010_VIEW .fnItemClass3').text(result.itemClass3Nm);
-        $('#ITP_FORM_STINFO04010_VIEW .fnItemClass4').text(result.itemClass4Nm);
+        $('#ITP_FORM_STINFO04010_VIEW .fnItemClass1').text(result.itemClassNm);
+
         $('#ITP_FORM_STINFO04010_VIEW .fnItemClassMgntNo').text(result.itemClassMgntNo);
         $('#ITP_FORM_STINFO04010_VIEW .fnItemType').text(result.itemType);