Merge branch 'master' of http://106.246.249.162:13000/orderqueen/oqpo-view

src/main/webapp/app/loanmng/LOANMNG04010.html

@@ -3,11 +3,7 @@
 		<article class="itp_detail">
 			<div class="itp_det_head fix">
 				<h2 class="pull-left itp_det_tit"><i class="glyphicon glyphicon-chevron-right"></i><strong>여신현황</strong></h2>
-				<div class="pull-right itp_cicon">
-					<button type="button" id="ITP_BTN_LOANMNG04010_SRH" class="btn btn-success btn-sm SEB" style="display: inline-block;"><i class="glyphicon"></i>&nbsp;&nbsp;조회&nbsp;&nbsp;</button>
-					<button type="button" id="ITP_BTN_LOANMNG04010_SAVE" class="btn btn-success btn-sm SAB"><i class="glyphicon"></i>&nbsp;&nbsp;저장&nbsp;&nbsp;</button>
-					<button type="button" id="ITP_BTN_LOANMNG04010_CANCELLIST" class="btn btn-warning btn-sm PRB"><i class="glyphicon"></i>&nbsp;&nbsp;목록&nbsp;&nbsp;</button>
-				</div>				
+				<div class="pull-right itp_cicon"></div>				
 			</div>
 			<div class="itp_det_in">
 				<div id="ITP_AJAX_LOANMNG04010_VIEW_CONTAINER">
@@ -90,9 +86,9 @@
 												</div>
 												<div class="col-xs-2 itp_ip itp_noMar">
 													<div class="input-daterange input-group date">
-														<input type="text" id="ITP_FORM_LOANMNG04010_SEARCH_FROM" class="form-control itp_input" name="fromDt" value="">
+														<input type="text" id="ITP_FORM_LOANMNG04010_SEARCH_FROM_DT" class="form-control itp_input" name="fromDt" value="" readonly>
 														<span class="input-group-addon itp_date_to">~</span>
-														<input type="text" id="ITP_FORM_LOANMNG04010_SEARCH_TO" class="form-control itp_input" name="toDt" value="">
+														<input type="text" id="ITP_FORM_LOANMNG04010_SEARCH_TO_DT" class="form-control itp_input" name="toDt" value="" readonly>
 													</div>
 												</div>
 												<div class="col-xs-2 itp_in itp_noMar">

src/main/webapp/app/pomng/POMNG01010.html

@@ -114,7 +114,7 @@
 											</div>
 										</div>
 										<div id="ITP_POMNG01010_DETAIL_jqGrid_list" class="itp_tb_list">
-										    <div id="ITP_POMNG01010_DETAIL_jqGridView" class="itp_views fix"></div>
+										    <!-- <div id="ITP_POMNG01010_DETAIL_jqGridView" class="itp_views fix"></div> -->
 										    <table id="ITP_POMNG01010_DETAIL_jqGrid"></table>
 										    <div id="ITP_POMNG01010_DETAIL_jqGridPager"></div>
 										    <div id="ITP_POMNG01010_DETAIL_jqGridEmpty" class="itp_no_data"></div>

src/main/webapp/app/pomng/POMNG02010.html

@@ -272,7 +272,7 @@
 											<h4 class="itp_table_tit">요청 품목</h4>
 										</div>
 										<div id="ITP_POMNG02010_VIEW_jqGrid_list" class="itp_tb_list">
-										    <div id="ITP_POMNG02010_VIEW_jqGridView" class="itp_views fix"></div>
+										    <!-- <div id="ITP_POMNG02010_VIEW_jqGridView" class="itp_views fix"></div> -->
 										    <table id="ITP_POMNG02010_VIEW_jqGrid"></table>
 									     	<div id="ITP_POMNG02010_VIEW_jqGridPager"></div>
 										    <div id="ITP_POMNG02010_VIEW_jqGridEmpty" class="itp_no_data"></div>

src/main/webapp/app/pomng/POMNG03010.html

@@ -204,12 +204,16 @@
 										<div class="form-group">
 											<label class="col-xs-2 itp_lb">공급업체명*</label>
 											<div class="col-xs-4 itp_ip">
-												<div class="col-xs-5 itp_in">
-													<input type="text" id="ITP_FORM_POMNG03010_NDETAIL_SPPLY_NM" data-check-required="empty" class="form-control itp_input" name="spplyNm" readonly="readonly" />
+												<div class="col-xs-8 itp_in">
+													<div class="input-group">
+														<input type="text" id="ITP_FORM_POMNG03010_NDETAIL_SPPLY_NM" data-check-required="empty" class="form-control itp_input" name="spplyNm" readonly="readonly" />
+														<span class="input-group-btn">
+															<button id="ITP_BTN_POMNG03010_NDETAIL_DELETE_SPPLY_NM" class="btn btn-default btn-sm itp_btn UPB SHOW" type="button"><i class="glyphicon glyphicon-erase"></i></button>
+														</span>
+													</div>
 												</div>
-												<div class="col-xs-4 itp_in" style="padding-left: 3px;">
+												<div class="col-xs-a itp_in" style="padding-left: 3px;">
 													<button type="button" id="ITP_BTN_POMNG03010_NDETAIL_SEARCH_SPPLY_NM" class="btn btn-success btn-sm SHOW" style="display: inline-block;"><i class="glyphicon glyphicon-search"></i></button>
-													<button type="button" id="ITP_BTN_POMNG03010_NDETAIL_DELETE_SPPLY_NM" class="btn btn-primary btn-sm SHOW" style="display: inline-block;"><i class="glyphicon glyphicon-erase"></i></button>
 								                </div>
 											</div>
 											<label class="col-xs-2 itp_lb">발주일자</label>
@@ -220,12 +224,16 @@
 										<div class="form-group">
 											<label class="col-xs-2 itp_lb">납품장소 *</label>
 											<div class="col-xs-4 itp_ip">
-												<div class="col-xs-5 itp_in">
-													<input type="text" id="ITP_FORM_POMNG03010_NDETAIL_WHS_NM" data-check-required="empty" class="form-control itp_input" name="whsNm" readonly="readonly" />
+												<div class="col-xs-8 itp_in">
+													<div class="input-group">
+														<input type="text" id="ITP_FORM_POMNG03010_NDETAIL_WHS_NM" data-check-required="empty" class="form-control itp_input" name="whsNm" readonly="readonly" />
+														<span class="input-group-btn">
+															<button id="ITP_BTN_POMNG03010_DELETE_WHS_NM" class="btn btn-default btn-sm itp_btn UPB SHOW" type="button"><i class="glyphicon glyphicon-erase"></i></button>
+														</span>
+													</div>
 												</div>
-												<div class="col-xs-4 itp_in" style="padding-left: 3px;">
+												<div class="col-xs-a itp_in" style="padding-left: 3px;">
 													<button type="button" id="ITP_BTN_POMNG03010_SEARCH_WHS_NM" class="btn btn-success btn-sm SHOW" style="display: inline-block;"><i class="glyphicon glyphicon-search"></i></button>
-													<button type="button" id="ITP_BTN_POMNG03010_DELETE_WHS_NM" class="btn btn-primary btn-sm SHOW" style="display: inline-block;"><i class="glyphicon glyphicon-erase"></i></button>
 								                </div>
 											</div>
 											<label class="col-xs-2 itp_lb">발주 총 금액</label>
@@ -263,7 +271,7 @@
 											</div>
 										</div>
 										<div id="ITP_POMNG03010_NDETAIL_jqGrid_list" class="itp_tb_list">
-										  <div id="ITP_POMNG03010_NDETAIL_jqGridView" class="itp_views fix"></div>
+										  <!-- <div id="ITP_POMNG03010_NDETAIL_jqGridView" class="itp_views fix"></div> -->
 										  <table id="ITP_POMNG03010_NDETAIL_jqGrid"></table>
 										  <div id="ITP_POMNG03010_NDETAIL_jqGridPager"></div>
 										  <div id="ITP_POMNG03010_NDETAIL_jqGridEmpty" class="itp_no_data"></div>

src/main/webapp/app/pomng/POMNG04010.html

@@ -23,9 +23,9 @@
 										</div>										
 										<div class="col-xs-3 itp_ip itp_noMar">
 											<div class="input-daterange input-group date">
-												<input type="text" id="ITP_FORM_POMNG04010_SEARCH_FROM_DT" class="form-control itp_input" name="fromDt" value="">
+												<input type="text" id="ITP_FORM_POMNG04010_SEARCH_FROM_DT" class="form-control itp_input" name="fromDt" value="" readonly>
 												<span class="input-group-addon itp_date_to">~</span>
-												<input type="text" id="ITP_FORM_POMNG04010_SEARCH_TO_DT" class="form-control itp_input" name="toDt" value="">
+												<input type="text" id="ITP_FORM_POMNG04010_SEARCH_TO_DT" class="form-control itp_input" name="toDt" value="" readonly>
 											</div>
 										</div>
 										<div class="col-xs-2 itp_ip itp_noMar">
@@ -35,21 +35,29 @@
 										</div>
 									</div>
 									<div class="form-group" style="padding-top: 10px; border-top: 1px dotted #ccc;">
-										<div class="col-xs-2 itp_ip itp_noMar">
-											<input type="text" id="ITP_FORM_POMNG04010_DETAIL_SPPLY_NM" class="form-control itp_input" name="sspplyNm" placeholder="공급업체" readonly/>
-											<input type="hidden" id="ITP_FORM_POMNG04010_DETAIL_SPPLY_ID" class="form-control itp_input" name="sspplyId" />
+						                <div class="col-xs-2 itp_ip itp_noMar">
+											<div class="input-group">
+												<input type="text" id="ITP_FORM_POMNG04010_DETAIL_SPPLY_NM" class="form-control itp_input" name="sspplyNm" placeholder="공급업체" readonly/>
+												<input type="hidden" id="ITP_FORM_POMNG04010_DETAIL_SPPLY_ID" class="form-control itp_input" name="sspplyId" />
+												<span class="input-group-btn">
+													<button id="ITP_BTN_POMNG04010_DELETE_SPPLY_ID" class="btn btn-default btn-sm UPB" type="button" style="padding:3.8px 10px;"><i class="glyphicon glyphicon-erase"></i></button>
+												</span>
+											</div>
 										</div>
 										<div class="col-xs-1 itp_in" style="padding: 0px; width:8%;">
 											<button type="button" id="ITP_BTN_POMNG04010_SEARCH_SPPLY_ID" class="btn btn-success btn-sm SEB" style="display: inline-block;"><i class="glyphicon glyphicon-search"></i></button>
-											<button type="button" id="ITP_BTN_POMNG04010_DELETE_SPPLY_ID" class="btn btn-primary btn-sm UPB" style="display: inline-block;"><i class="glyphicon glyphicon-erase"></i></button>
 						                </div>
 										<div class="col-xs-2 itp_ip itp_noMar">
+											<div class="input-group">
 											<input type="text" id="ITP_FORM_POMNG04010_DETAIL_WHS_NM" class="form-control itp_input" name="sdlvPlace" placeholder="매장/창고" readonly/>
 											<input type="hidden" id="ITP_FORM_POMNG04010_DETAIL_WHS_ID" class="form-control itp_input" name="swhsId" />											
+												<span class="input-group-btn">
+													<button id="ITP_BTN_POMNG04010_DELETE_WHS_ID" class="btn btn-default btn-sm UPB" type="button" style="padding:3.8px 10px;"><i class="glyphicon glyphicon-erase"></i></button>
+												</span>
+											</div>
 										</div>
 										<div class="col-xs-1 itp_in" style="padding: 0px; width:10%;">
 											<button type="button" id="ITP_BTN_POMNG04010_SEARCH_WHS_ID" class="btn btn-success btn-sm SEB" style="display: inline-block;"><i class="glyphicon glyphicon-search"></i></button>
-											<button type="button" id="ITP_BTN_POMNG04010_DELETE_WHS_ID" class="btn btn-primary btn-sm UPB" style="display: inline-block;"><i class="glyphicon glyphicon-erase"></i></button>
 						                </div>
 										<div class="col-xs-4 itp_ip itp_noMar">
 											<input type="text" id="ITP_FORM_POMNG04010_SEARCH_ITEM_NM" class="form-control itp_input" name="sitemNm" placeholder="발주번호 / 품목번호 / 품목명" />
@@ -75,8 +83,7 @@
 								<input type="hidden" id="ITP_FORM_POMNG04010_DETAIL_VIEW_CD" name="viewCd" value="C">
 								<input type="hidden" id="ITP_FORM_POMNG04010_DETAIL_STORE_ID" name="storeId" 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>
@@ -134,11 +141,11 @@
 										</div>
 									</div>
 									<div class="itp_form_in">
-										<div class="itp_table_head fix" style="background:#f5f5f5;">
+										<div class="itp_table_head fix" style="background:#fff;">
 											<h4 class="itp_table_tit">발주 품목</h4>
 										</div>
 										<div id="ITP_POMNG04010_DETAIL_jqGrid_list" class="itp_tb_list">
-											<div id="ITP_POMNG04010_DETAIL_jqGridView" class="itp_views fix"></div>
+											<!-- <div id="ITP_POMNG04010_DETAIL_jqGridView" class="itp_views fix"></div> -->
 											<table id="ITP_POMNG04010_DETAIL_jqGrid"></table>
 											<div id="ITP_POMNG04010_DETAIL_jqGridPager"></div>
 											<div id="ITP_POMNG04010_DETAIL_jqGridEmpty" class="itp_no_data"></div>

src/main/webapp/app/pomng/POMNG05010.html

@@ -38,20 +38,28 @@
 											</select>
 										</div>
 										<div class="col-xs-2 itp_ip itp_noMar">
-											<input type="text" id="ITP_FORM_POMNG05010_SEARCH_SPPLY_NM" class="form-control itp_input" name="sspplyNm" placeholder="공급업체" readonly/>
-											<input type="hidden" id="ITP_FORM_POMNG05010_SEARCH_SPPLY_ID" class="form-control itp_input" name="sspplyId" />
-										</div>
+											<div class="input-group">
+												<input type="text" id="ITP_FORM_POMNG05010_SEARCH_SPPLY_NM" class="form-control itp_input" name="sspplyNm" placeholder="공급업체" readonly/>
+												<input type="hidden" id="ITP_FORM_POMNG05010_SEARCH_SPPLY_ID" class="form-control itp_input" name="sspplyId" />
+												<span class="input-group-btn">
+													<button id="ITP_BTN_POMNG05010_DELETE_SPPLY_NM" class="btn btn-default btn-sm UPB" type="button" style="padding:3.8px 10px;"><i class="glyphicon glyphicon-erase"></i></button>
+												</span>
+											</div>
+										</div>	
 										<div class="col-xs-1 itp_in" style="padding:0px; width:8%;">
 											<button type="button" id="ITP_BTN_POMNG05010_SEARCH_SPPLY_NM" class="btn btn-success btn-sm SHOW" style="display: inline-block;"><i class="glyphicon glyphicon-search"></i></button>
-											<button type="button" id="ITP_BTN_POMNG05010_DELETE_SPPLY_NM" class="btn btn-primary btn-sm SHOW" style="display: inline-block;"><i class="glyphicon glyphicon-erase"></i></button>
 										</div>
 										<div class="col-xs-2 itp_ip itp_noMar">
-											<input type="text" id="ITP_FORM_POMNG05010_SEARCH_WHS_NM" class="form-control itp_input" name="swhsNm" placeholder="매장/창고" readonly/>
-											<input type="hidden" id="ITP_FORM_POMNG05010_SEARCH_WHS_ID" class="form-control itp_input" name="swhsId"  />
+											<div class="input-group">
+												<input type="text" id="ITP_FORM_POMNG05010_SEARCH_WHS_NM" class="form-control itp_input" name="swhsNm" placeholder="매장/창고" readonly/>
+												<input type="hidden" id="ITP_FORM_POMNG05010_SEARCH_WHS_ID" class="form-control itp_input" name="swhsId"  />
+												<span class="input-group-btn">
+													<button id="ITP_BTN_POMNG05010_DELETE_SWHS_NM" class="btn btn-default btn-sm UPB" type="button" style="padding:3.8px 10px;"><i class="glyphicon glyphicon-erase"></i></button>
+												</span>
+											</div>
 										</div>
 										<div class="col-xs-1 itp_in" style="padding:0px; width:10%;">
 											<button type="button" id="ITP_BTN_POMNG05010_SEARCH_SWHS_NM" class="btn btn-success btn-sm SHOW" style="display: inline-block;"><i class="glyphicon glyphicon-search"></i></button>
-											<button type="button" id="ITP_BTN_POMNG05010_DELETE_SWHS_NM" class="btn btn-primary btn-sm SHOW" style="display: inline-block;"><i class="glyphicon glyphicon-erase"></i></button>
 										</div>
 										
 										<div class="col-xs-3 itp_ip itp_noMar">

src/main/webapp/app/pomng/POMNG06010.html

@@ -22,30 +22,37 @@
 										</div>										
 										<div class="col-xs-3 itp_ip itp_noMar">
 											<div class="input-daterange input-group date">
-												<input type="text" id="ITP_FORM_POMNG06010_SEARCH_FROM_DT" class="form-control itp_input" name="fromDt" value="">
+												<input type="text" id="ITP_FORM_POMNG06010_SEARCH_FROM_DT" class="form-control itp_input" name="fromDt" value=""readonly>
 												<span class="input-group-addon itp_date_to">~</span>
-												<input type="text" id="ITP_FORM_POMNG06010_SEARCH_TO_DT" class="form-control itp_input" name="toDt" value="">
+												<input type="text" id="ITP_FORM_POMNG06010_SEARCH_TO_DT" class="form-control itp_input" name="toDt" value=""readonly>
 											</div>
 										</div>
 										<div class="col-xs-2 itp_ip itp_noMar">
+											<div class="input-group">
+											<input type="text" id="ITP_FORM_POMNG06010_SEARCH_WHS_NM" class="form-control itp_input" name="swhsNm" placeholder="입고창고*" readonly/>
 											<input type="hidden" id="ITP_FORM_POMNG06010_SEARCH_WHS_ID" class="form-control itp_input" name="swhsId" placeholder="입고창고" />
-											<input type="text" id="ITP_FORM_POMNG06010_SEARCH_WHS_NM" class="form-control itp_input" name="swhsNm" placeholder="입고창고*" />
-										</div>
+												<span class="input-group-btn">
+													<button id="ITP_BTN_POMNG06010_DELETE_WHS_ID" class="btn btn-default btn-sm UPB" type="button" style="padding:3.8px 10px;"><i class="glyphicon glyphicon-erase"></i></button>
+												</span>
+											</div>
+										</div>	
 										<div class="col-xs-1 itp_in" style="padding: 0px; width:10%;">
 											<button type="button" id="ITP_BTN_POMNG06010_SEARCH_WHS_ID" class="btn btn-success btn-sm SHOW" style="display: inline-block;"><i class="glyphicon glyphicon-search"></i></button>
-											<button type="button" id="ITP_BTN_POMNG06010_DELETE_WHS_ID" class="btn btn-primary btn-sm SHOW" style="display: inline-block;"><i class="glyphicon glyphicon-erase"></i></button>
 										</div>
-										
 									</div>
 									<div class="form-group" style="padding-top: 10px; border-top: 1px dotted #ccc;">
 										<div class="col-xs-2 itp_ip itp_noMar">
-											<input type="text" id="ITP_FORM_POMNG06010_SEARCH_SPPLY_NM" class="form-control itp_input" name="sspplyNm" placeholder="공급업체" />
+											<div class="input-group">
+											<input type="text" id="ITP_FORM_POMNG06010_SEARCH_SPPLY_NM" class="form-control itp_input" name="sspplyNm" placeholder="공급업체" readonly/>
 											<input type="hidden" id="ITP_FORM_POMNG06010_SEARCH_SPPLY_ID" class="form-control itp_input" name="sspplyId" placeholder="공급업체" />
-										</div>
+												<span class="input-group-btn">
+													<button id="ITP_BTN_POMNG06010_DELETE_SPPLY_ID" class="btn btn-default btn-sm UPB" type="button" style="padding:3.8px 10px;"><i class="glyphicon glyphicon-erase"></i></button>
+												</span>
+											</div>
+										</div>	
 										<div class="col-xs-1 itp_in" style="padding: 0px; width:8%;">
 											<button type="button" id="ITP_BTN_POMNG06010_SEARCH_SPPLY_ID" class="btn btn-success btn-sm SHOW" style="display: inline-block;"><i class="glyphicon glyphicon-search"></i></button>
-											<button type="button" id="ITP_BTN_POMNG06010_DELETE_SPPLY_ID" class="btn btn-primary btn-sm SHOW" style="display: inline-block;"><i class="glyphicon glyphicon-erase"></i></button>
-														</div>
+										</div>
 										<div class="col-xs-4 itp_ip itp_noMar">
 											<input type="text" id="ITP_FORM_POMNG06010_SEARCH_DLV_STTMT_UNQ_NO" class="form-control itp_input" name="sdlvSttmtUnqNo" placeholder="납품서번호" />
 										</div>

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

@@ -8,7 +8,7 @@
 			<div class="modal-body">
 			
 				<div class="itp_form itp_type1 fix">
-					<div class="col-xs-12">
+					<div class="col-xs-12 itp_ip">
 					수발주 <b><span id="ITP_BIZPOP_PO_PAYMENT_PAY_TP_NM"></span></b>을 위해 아래 항목을 입력을 한 후에 결제 버튼을 클릭하여 PG사 결제 절차에 따라 결재을 진행해 주시기 바랍니다.
 					<br>
 					<br>
@@ -36,44 +36,42 @@
 								<input type="hidden" id="ITP_FORM_PO_PAYMENT_POPUP_KICC_ACTION_MOBILE_URL" name="kiccActionMobileUrl" value="" />
 								<input type="hidden" id="ITP_FORM_PO_PAYMENT_POPUP_MALL_ID" name="mallId" value="" />
 							
-								<div class="form-group">
-									<label class="col-xs-2 itp_lb">주문번호</label>
-									<div class="col-xs-10 itp_ip fnPoOrdNo"></div>									
+								<div class="form-group shot">
+									<label class="col-xs-2 itp_lb shot">주문번호</label>
+									<div class="col-xs-9 itp_ip fnPoOrdNo"></div>									
 								</div>
-								<div class="form-group">
-									<label class="col-xs-2 itp_lb">구매자명</label>
-									<div class="col-xs-10 itp_ip fnOrdNm"></div>									
+								<div class="form-group shot">
+									<label class="col-xs-2 itp_lb shot">구매자명</label>
+									<div class="col-xs-9 itp_ip fnOrdNm"></div>									
 								</div>
-								<div class="form-group">
-									<label class="col-xs-2 itp_lb">상품명</label>
-									<div class="col-xs-10 itp_ip fnGoodsNm"></div>									
+								<div class="form-group shot">
+									<label class="col-xs-2 itp_lb shot">상품명</label>
+									<div class="col-xs-9 itp_ip fnGoodsNm"></div>									
 								</div>
 								<div class="form-group">
 									<label class="col-xs-2 itp_lb">결제금액*</label>
-									<div class="col-xs-10 itp_ip">
+									<div class="col-xs-9 itp_ip">
 									<input type="text" id="ITP_FORM_PO_PAYMENT_POPUP_GOODS_AMT" class="form-control itp_input" name="goodsAmt" />
 									</div>									
 								</div>
-								<div class="form-group">
-									<label class="col-xs-2 itp_lb">결제방법*</label>
-									<div class="col-xs-10 itp_ip">
-										<div class="col-xs-5 itp_ip">
-											<select id="ITP_FORM_PO_PAYMENT_POPUP_PAY_METHOD" class="form-control itp_input" name="payMethod">
-												<option value="11">신용카드</option>
-												<option value="21">계좌이체</option>
-											</select>
-										</div>
+								<div class="form-group shot">
+									<label class="col-xs-2 itp_lb shot">결제방법*</label>
+									<div class="col-xs-3 itp_ip">
+										<select id="ITP_FORM_PO_PAYMENT_POPUP_PAY_METHOD" class="form-control itp_input" name="payMethod">
+											<option value="11">신용카드</option>
+											<option value="21">계좌이체</option>
+										</select>
 									</div>									
 								</div>								
 								<div class="form-group">
 									<label class="col-xs-2 itp_lb">휴대폰번호*</label>
-									<div class="col-xs-10 itp_ip">
+									<div class="col-xs-9 itp_ip">
 									<input type="text" id="ITP_FORM_PO_PAYMENT_POPUP_ORD_TEL" class="form-control itp_input" name="ordTel" placeholder="010-0000-0000" />
 									</div>									
 								</div>
-								<div class="form-group">
-									<label class="col-xs-2 itp_lb">이메일</label>
-									<div class="col-xs-10 itp_ip">
+								<div class="form-group shot">
+									<label class="col-xs-2 itp_lb shot">이메일</label>
+									<div class="col-xs-9 itp_ip">
 									<input type="text" id="ITP_FORM_PO_PAYMENT_POPUP_ORD_EMAIL" class="form-control itp_input" name="ordEmail" />
 									</div>									
 								</div>								

src/main/webapp/css/style.css

@@ -122,21 +122,28 @@ a, button {outline:none !important; text-decoration:none !important;}
 #ITP_LOGIN .itp_login_input:not(:placeholder-shown) ~ label{top:0px; font-size:12px;}
 
 /* 메인화면 */
-#ITP_MAIN_HEADER { width:80%; height:100px; display:inline-block;}
-#ITP_MAIN_HEADER .col_3 {background:#eee; width:27%; height:80px; display:inline-block; margin:5px 23px; border-radius:8px;}
-#ITP_MAIN_HEADER .col_3 .itp_header_label {padding:12px 18px 3px 18px; font-size:17px; font-weight:700;}
-#ITP_MAIN_HEADER .col_3 .itp_header_result {font-size:18px; font-weight:700; color:blue; text-align: right; padding:4px 18px;}
-
-#ITP_MAIN_HEADER .col_4 {background:#eee; width:22%; height:80px; display:inline-block; margin:5px 11px; border-radius:8px;}
-#ITP_MAIN_HEADER .col_4 .itp_header_label {padding:12px 18px 3px 18px; font-size:17px; font-weight:700;}
-#ITP_MAIN_HEADER .col_4 .itp_header_result {font-size:18px; font-weight:700; color:blue; text-align: right; padding:4px 18px;}
-
-#ITP_SIDE_BAR {background:#eee; width:20%; height:100%; float:right; border-radius:15px;}
-#ITP_SIDE_BAR .itp_side_bar_header {padding-top:15px; text-align:center; font-size:17px;}
-#ITP_SIDE_BAR .itp_side_bar_note {padding:15px;}
-#ITP_SIDE_BAR .itp_side_bar_note label {width:100%; margin-bottom:8px;}
-#ITP_MAIN_GRAPH_AREA {width:80%; height:770px;}
-#ITP_MAIN_GRAPH_AREA .itp_graph_area {width:49.8%; height:380px; display:inline-block;}
+#ITP_MAIN_HEADER { width:100%; height:60px; display:inline-block;}
+#ITP_MAIN_HEADER .col_3 {background:#eee; width:26%; height:50px; display:inline-block; margin:5px 48px; border-radius:8px;}
+#ITP_MAIN_HEADER .col_3 .itp_header_label {width:160px; padding:13px 16px; font-size:17px; font-weight:700; display:inline-block;}
+#ITP_MAIN_HEADER .col_3 .itp_header_result {width:auto; float: right; display:inline-block; font-size:18px; font-weight:700; color:blue; text-align: right; padding:12px;}
+
+#ITP_MAIN_HEADER .col_4 {background:#eee; width:22%; height:50px; display:inline-block; margin:5px 11px; border-radius:8px;}
+#ITP_MAIN_HEADER .col_4 .itp_header_label {width:125px; padding:13px 16px; font-size:17px; font-weight:700; display:inline-block;}
+#ITP_MAIN_HEADER .col_4 .itp_header_result {width:auto; float: right; display:inline-block; font-size:18px; font-weight:700; color:blue; text-align: right; padding:12px;}
+
+#ITP_NOTE_BAR {background:#eee; width:100%; height:160px; float:right; border-radius:15px;}
+#ITP_NOTE_BAR .itp_side_bar_header {padding-top:12px; text-align:center; font-size:17px;}
+#ITP_NOTE_BAR .itp_side_bar_note {padding:0 15px;}
+#ITP_NOTE_BAR .itp_side_bar_note label {width:15%; margin-bottom:8px;}
+#ITP_NOTE_BAR .itp_side_bar_note label.date {width:10%;}
+#ITP_NOTE_BAR .itp_side_bar_note div {position:relative; top:7px; width:74%; display:inline-block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
+#ITP_MAIN_GRAPH_AREA {width:100%; height:1200px;}
+#ITP_MAIN_GRAPH_AREA .itp_graph_box {width:49.8%; height:400px; display:inline-block;}
+#ITP_MAIN_GRAPH_AREA .itp_graph_box .itp_graph_area {width:75%; height:400px; display:inline-block; float:right;}
+#ITP_MAIN_GRAPH_AREA .itp_graph_box .itp_graph_side {width:24%; height:400px; display:inline-block; }
+#ITP_MAIN_GRAPH_AREA .itp_graph_box .itp_graph_side select {width:88%; margin:12px; height:30px;}
+#ITP_MAIN_GRAPH_AREA .itp_graph_box .itp_graph_info_bar {width:50%; height:300px; margin:0 auto;}
+#ITP_MAIN_GRAPH_AREA .itp_graph_box .itp_graph_info_bar .itp_graph_info {margin-top:40px; padding: 24px 26px; background:#eee; width:80px; font-size:26px; height:205px; display:inline-block; border:1px solid #ccc; border-radius:15px;}
 /* ITP_HEADER */
 #ITP_HEADER .itp_head {font-family: 'GmarketSansMedium';width:100%; height:50px; position:relative; line-height:50px; z-index:100;}
 #ITP_HEADER .itp_tit {margin:0; padding:0; line-height:50px; font-size:20px;}
@@ -578,6 +585,7 @@ _:-ms-fullscreen, :root .itp_logs {max-width: 1287px}
 #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:0px; height:60px; border-bottom:1px solid #aaa;}
+#ITP_ASIDE .itp_modal .itp_form .shot{height:43px !important; border-bottom:1px solid #aaa;}
 #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 {top:0; font-size:13px; margin:0; padding:13px 12px; height:58px; background:#eee; width:100px; min-width:100px; border-right:1px solid #aaa;}

src/main/webapp/js/app/loanmng/ITP_LOANMNG04010.js

@@ -38,49 +38,52 @@ const gridColModel = {
 			index: 'LOAN_REG_DT', name: 'loanRegDt',
 			label: ITP_MSG_LOCALE.label.loanRegDt,				// 발행일자
 			width: '10', fixed: false, align: 'center',
-			sortable: false, hidden: true
+			sortable: false, hidden: false
 		},
 		{
 			index: 'DPST_PAY_DVSN_NM', name: 'dpstPayDvsnNm',
 			label: ITP_MSG_LOCALE.label.dpstPayDvsnNm,			// 입지구분
-			width: '10', fixed: false, align: 'center',
-			sortable: false, hidden: true
+			width: '7', fixed: false, align: 'left',
+			sortable: false, hidden: false
 		},
 		{
 			index: 'MEDIA_DVSN_NM', name: 'mediaDvsnNm',
 			label: ITP_MSG_LOCALE.label.mediaDvsnNm,			// 매체구분
-			width: '10', fixed: false, align: 'center',
-			sortable: false, hidden: true
+			width: '7', fixed: false, align: 'left',
+			sortable: false, hidden: false
 		},
 		{
 			index: 'DPST_AMT', name: 'dpstAmt',
 			label: ITP_MSG_LOCALE.label.dpstAmt,				// 입금
-			width: '10', fixed: false, align: 'center',
-			sortable: false, hidden: true
+			width: '7', fixed: false, align: 'right',
+			sortable: false, hidden: false,
+			formatter:'integer', formatoptions: {defaultValue: '', thousandsSeparator: ',' }
 		},
 		{
 			index: 'PAYM_AMT', name: 'paymAmt',
 			label: ITP_MSG_LOCALE.label.paymAmt,				// 지급
-			width: '10', fixed: false, align: 'center',
-			sortable: false, hidden: true
+			width: '7', fixed: false, align: 'right',
+			sortable: false, hidden: false,
+			formatter:'integer', formatoptions: {defaultValue: '', thousandsSeparator: ',' }
 		},
 		{
 			index: 'TRSC_AF_BAL', name: 'trscAfBal',
 			label: '잔액'	,										// 거래 후 잔액
-			width: '10', fixed: false, align: 'center',
-			sortable: false, hidden: true
+			width: '7', fixed: false, align: 'right',
+			sortable: false, hidden: false,
+			formatter:'integer', formatoptions: {defaultValue: '', thousandsSeparator: ',' }
 		},
 		{
 			index: 'USER', name: 'user',
 			label: '사용자',										// 사용자
 			width: '10', fixed: false, align: 'center',
-			sortable: false, hidden: true
+			sortable: false, hidden: false
 		},
 		{
 			index: 'NO', name: 'no',
 			label: '관련번호',										// 관련번호
 			width: '10', fixed: false, align: 'center',
-			sortable: false, hidden: true
+			sortable: false, hidden: false
 		},
 	],
 	detail: []
@@ -111,13 +114,13 @@ let pageObj = {
 			// 조회일자 지정	
 			var now = new Date();
 			var defaultToDate = new Date(now);
-			defaultToDate.setDate(now.getDate() + 7);
+			defaultToDate.setDate(now.getDate() - 30);
 			$('#ITP_TAB_LOANMNG04010 .input-group.date').datepicker(ITP_DATE_LANGUAGE);
-			$('#ITP_FORM_LOANMNG04010_SEARCH_FROM_DT').datepicker('setDate', '2022.10.01'/*now*/);
-			$('#ITP_FORM_LOANMNG04010_SEARCH_TO_DT').datepicker('setDate', '2023.10.01'/*defaultToDate*/);
+			$('#ITP_FORM_LOANMNG04010_SEARCH_FROM_DT').datepicker('setDate', defaultToDate);
+			$('#ITP_FORM_LOANMNG04010_SEARCH_TO_DT').datepicker('setDate', now);
 		},
 		grid: function() {
-			itp_fn_jqgrid_resize(LOANMNG04010_GRID_ID, LOANMNG04010_GRID_LIST, 'lg');
+			itp_fn_jqgrid_resize(LOANMNG04010_VIEW_GRID_ID, LOANMNG04010_VIEW_GRID_LIST, 'lg');
 			itp_fn_fire_window_resize();
 		},
 		ready: function() {
@@ -136,9 +139,7 @@ let pageObj = {
 					switch (id) {
 						case 'ITP_BTN_LOANMNG04010_SRH'				: listObj.button.search();		break;	// 조회 버튼 클릭
 						case 'ITP_BTN_LOANMNG04010_NEWREG'			: listObj.button.create(); 		break;	// 신규등록 버튼
-						case 'ITP_BTN_LOANMNG04010_MODIFY'			: modifyObj.button.modify();	break;	// 수정 버튼
-						case 'ITP_BTN_LOANMNG04010_CANCELLIST'		: modifyObj.button.cancel(); 	break;	// 취소/목록 버튼
-						case 'ITP_BTN_LOANMNG04010_DELETE'			: modifyObj.button.del();		break;	// 발주 취소 버튼(예정)
+						case 'ITP_BTN_LOANMNG04010_VIEW_SEARCH_SRH'	: viewObj.button.history();		break;	// 이력조회
 					}
 				});
 			});
@@ -153,27 +154,122 @@ let pageObj = {
         });
         if(mode == 'VIEW') { // 목록
             fn_show_btn_auth_array(['#ITP_BTN_LOANMNG04010_SRH', '#ITP_BTN_LOANMNG04010_NEWREG']);
-            $('#ITP_AJAX_LOANMNG04010_LIST_CONTAINER').show();
-            $('#ITP_FORM_LOANMNG04010_SEARCH #ITP_FORM_LOANMNG04010_SEARCH_BRAND_ID').val(fn_make_user_info.get('brandId'));
+            $('#ITP_AJAX_LOANMNG04010_VIEW_CONTAINER').show();
+            $('#ITP_AJAX_LOANMNG04010_VIEW_LIST_CONTAINER').show();
+            $('#ITP_FORM_LOANMNG04010_SEARCH #ITP_FORM_LOANMNG04010_VIEW_BRAND_ID').val(fn_make_user_info.get('brandId'));
             if(fn_make_user_info.get('spplyId').length != 0){
-            	$('#ITP_FORM_LOANMNG04010_SEARCH #ITP_FORM_LOANMNG04010_SEARCH_SPPLY_ID').val(fn_make_user_info.get('spplyId'));
+            	$('#ITP_FORM_LOANMNG04010_SEARCH #ITP_FORM_LOANMNG04010_VIEW_STORE_ID').val(fn_make_user_info.get('spplyId'));
             } else {
-            	$('#ITP_FORM_LOANMNG04010_SEARCH #ITP_FORM_LOANMNG04010_SEARCH_SPPLY_ID').val(fn_make_user_info.get('userId'));
+            	$('#ITP_FORM_LOANMNG04010_SEARCH #ITP_FORM_LOANMNG04010_VIEW_STORE_ID').val(fn_make_user_info.get('userId'));
             }
             $('#ITP_BTN_LOANMNG04010_SRH').show();
             $('#ITP_BTN_LOANMNG04010_PRINT').show();
             $('#ITP_BTN_LOANMNG04010_SEARCH_WHS_ID').show();
             $('#ITP_BTN_LOANMNG04010_DELETE_WHS_ID').show();
+            $('#ITP_BTN_LOANMNG04010_VIEW_SEARCH_SRH').show();
         }
-    },
+    }
 };
 
 
 /*상세화면 Object*/
 let viewObj = {
 	init: function() {
-		this.grid.init();
+		this.load();
 	},
-	itp_COLLMNG01010_param: {},
-	itp_COLLMNG01010_search: false,
-}
+	itp_LOANMNG04010_param: {},
+	itp_LOANMNG04010_search: false,
+	button: {
+		history: function() {
+			let param = $('#ITP_FORM_LOANMNG04010_VIEW_SEARCH').serializeObject();
+			param.gridSize = $.jgrid.defaults.rowNum;
+			param.gridPage = $.jgrid.defaults.page;
+			$(LOANMNG04010_VIEW_GRID_ID).setGridParam({'postData': JSON.stringify(param)}).trigger('reloadGrid'); 
+		}
+	},
+	load: function() {
+		fn_ajax_call(API_LOAN_STATE_INFO_LOAN_STORE, null, this.callback, 'GET');
+	},
+	callback: function(result) {
+		pageObj.switchScreen('VIEW');
+		$('#ITP_FORM_LOANMNG04010_VIEW_BRAND_ID').val(result.brandId);
+		$('#ITP_FORM_LOANMNG04010_VIEW_STORE_ID').val(result.storeId);
+		$('#ITP_FORM_LOANMNG04010_VIEW_LOAN_MGNT_UNQ_NO').val(result.loanMgntUnqNo);
+		$('#ITP_FORM_LOANMNG04010_VIEW_SEARCH_LOAN_MGNT_UNQ_NO').val(result.loanMgntUnqNo);
+		$('#ITP_FORM_LOANMNG04010_VIEW .fnBrandNm').text(result.brandNm);
+		$('#ITP_FORM_LOANMNG04010_VIEW .fnStoreNm').text(result.storeNm);
+		$('#ITP_FORM_LOANMNG04010_VIEW .fnLoanDvsn').text(result.loanDvsnNm);
+		var limitAmt;
+		if(result.loanDvsn == 'LD01') { // 선불(충전)
+			limitAmt = result.chrgeLimitAmt;
+		} else if(result.loanDvsn == 'LD02') { // 후불(신용)
+			limitAmt = result.credtLimitAmt;				
+		}
+		$('#ITP_FORM_LOANMNG04010_VIEW .fnCredtLimitAmt').text(itp_fn_number_comma(limitAmt));
+		$('#ITP_FORM_LOANMNG04010_VIEW .fnContDt').text(''); // TODO 계약기간
+		$('#ITP_FORM_LOANMNG04010_VIEW .fnUseYn').text(result.useYnNm);		
+		$('#ITP_FORM_LOANMNG04010_VIEW .fnPosbLimitAmt').text(itp_fn_number_comma(limitAmt - result.useAmtTotal)); // TODO 가용한도금액
+		$('#ITP_FORM_LOANMNG04010_VIEW .fnTmpRcvAcctTotal').text(itp_fn_number_comma(result.tmpRcvAcctTotal));
+		$('#ITP_FORM_LOANMNG04010_VIEW .fnUseAmtTotal').text(itp_fn_number_comma(result.useAmtTotal));
+		$('#ITP_FORM_LOANMNG04010_VIEW .fnLastModify').text(result.sysChgNm + ' / ' + result.sysChgDttm);
+		
+		viewObj.grid.init();
+	},
+	grid: {
+		init: function() {
+			this.unload();
+			this.load();
+		},
+		load: function() {
+			let param = $('#ITP_FORM_LOANMNG04010_VIEW_SEARCH').serializeObject();
+			param.gridSize = $.jgrid.defaults.rowNum;
+			param.pagingYn = false; // 페이징안함
+			var option = {
+				gridId: LOANMNG04010_VIEW_GRID_ID,
+				colModel: gridColModel.view,
+				param: param,
+				url: DOMAIN + API_LOAN_STATE_HIST_GRID_LIST,
+				pager: LOANMNG04010_VIEW_GRID_PAGER,
+				loadComplete: function(data) {
+					itp_fn_grid_load_complete(data, LOANMNG04010_VIEW_GRID_ID, true, undefined, 'LOANMNG04010_VIEW');
+				},
+				onPaging: function(action) {
+					var pagingFn = {
+						callBack: function(args) {
+							$(args).trigger('reloadGrid');
+						}
+					};
+					if (itp_fn_check_grid_is_writing(LOANMNG04010_VIEW_GRID_ID)) {
+						itp_fn_modal_confirm(ITP_MSG_LOCALE.message.ajax.cancelData, pagingFn, LOANMNG04010_VIEW_GRID_ID);
+						return 'stop';
+					} else {
+						itp_fn_grid_paging(LOANMNG04010_VIEW_GRID_ID, action, param);
+					}
+				},
+				onSortCol: function(index, columnIndex, sortOrder) {
+					var sortingFn = {
+						callBack: function(args) {
+							$(args).trigger('reloadGrid');
+						}
+					};
+					if (itp_fn_check_grid_is_writing(LOANMNG04010_VIEW_GRID_ID)) {
+						itp_fn_modal_confirm(ITP_MSG_LOCALE.message.ajax.cancelData, sortingFn, LOANMNG04010_VIEW_GRID_ID);
+						return 'stop';
+					} else {
+						itp_fn_grid_sorting(LOANMNG04010_VIEW_GRID_ID, index, sortOrder);
+					}
+				}
+			};
+			itp_fn_grid_make_remote(option);
+		},
+		clearData : function() {
+			$(LOANMNG04010_VIEW_GRID_ID).jqGrid('clearGridData', true);
+			$(LOANMNG04010_VIEW_GRID_LIST).find('.ui-jqgrid-bdiv').css('min-height', '100px');
+			$(LOANMNG04010_VIEW_GRID_EMPTY).html(ITP_MSG_LOCALE.message.grid.noData);
+			$(LOANMNG04010_VIEW_GRID_EMPTY).show();
+		},
+		unload : function() {
+			$.jgrid.gridUnload(LOANMNG04010_VIEW_GRID_ID);
+		}
+	}
+}

src/main/webapp/js/app/main.js

@@ -38,7 +38,7 @@ google.charts.setOnLoadCallback(drawChartReq);
 google.charts.setOnLoadCallback(drawChartPodr);
 google.charts.setOnLoadCallback(drawChartReqUp);
 google.charts.setOnLoadCallback(drawChartcore);
-
+google.charts.setOnLoadCallback(drawLine);
 //구매요청 그래프
 function drawChartReq() {
   var data = google.visualization.arrayToDataTable([
@@ -47,14 +47,12 @@ function drawChartReq() {
   ]);
 
   var options = {
-    chart: {
-     legend: { position: 'bottom' }
-    }
+    	legend: { position: 'left' }
   };
 
   var chart = new google.charts.Bar(document.getElementById('ITP_PCH_REQ_GRAPH'));
 
-  chart.draw(data, google.charts.Bar.convertOptions());
+  chart.draw(data, options);
 }
 
 //구매발주 그래프
@@ -65,14 +63,12 @@ function drawChartPodr() {
 	  ]);
 
 	  var options = {
-	    chart: {
-	    	legend: { position: 'bottom' }
-	    }
+	    	legend: { position: 'left' }	
 	  };
 
 	  var chart = new google.charts.Bar(document.getElementById('ITP_PCH_PODR_GRAPH'));
 
-	  chart.draw(data, google.charts.Bar.convertOptions());
+	  chart.draw(data, options);
 	}
 
 //구매요청 상위 품목 그리드
@@ -83,16 +79,14 @@ function drawChartReqUp() {
   ]);
 
   var options = {
-    chart: {
       title: '구매요청 상위 품목(일주일)',
-      legend: { position: 'bottom' }
-    },
-    bars: 'horizontal' // Required for Material Bar Charts.
+	  legend: { position: 'left' },
+	  bars: 'horizontal'
   };
 
   var chart = new google.charts.Bar(document.getElementById('ITP_PCH_REQ_UP_ITEM_GRAPH'));
 
-  chart.draw(data, google.charts.Bar.convertOptions(options));
+  chart.draw(data, options);
 }
 
 //정산 그래프
@@ -107,7 +101,7 @@ function drawChartcore() {
 
     var options = {
 		title: '정산',
-		legend: { position: 'bottom' }
+		legend: { position: 'left' }	
     };
 
     var chart = new google.visualization.PieChart(document.getElementById('ITP_STTL_GRAPH'));
@@ -115,6 +109,28 @@ function drawChartcore() {
     chart.draw(data, options);
   }
 
+
+function drawLine() {
+  var data = google.visualization.arrayToDataTable([
+    ['Year', '안전재고수량', '현재재고수량'],
+    ['품목1',  1000,      400],
+    ['품목2',  1170,      460],
+    ['품목3',  660,       1120],
+    ['품목4',  1660,      120],
+    ['품목5',  660,       520],
+  ]);
+
+  var options = {
+    title: '',
+    width: 900,
+    legend: { position: 'top' }
+  };
+
+  var chart = new google.visualization.LineChart(document.getElementById('ITP_SAFE_STCK_GRAPH'));
+
+  chart.draw(data, options);
+}
+
 var itp_fn_MAIN_NOTICE_grid = {
 	init: function() {
 		// 데이터 없을때

src/main/webapp/js/app/oper/ITP_OPER01010.js

@@ -54,36 +54,42 @@ const gridColModel = {
 			index: 'AFFL_SHOP_NM', name: 'afflShopNm',
 			label: ITP_MSG_LOCALE.label.afflShopNm, //브랜드그룹
 			width: '10', fixed: false, align: 'left',
+			minwidth: 150, maxwidth: 250,
 			sortable: false, hidden: false
 		},
 		{
 			index: 'BRAND_NM', name: 'brandNm',
 			label: ITP_MSG_LOCALE.label.brandNm, //브랜드
 			width: '13', fixed: false, align: 'left',
+			minwidth: 150, maxwidth: 250,
 			sortable: false, hidden: false
 		},
 		{
 			index: 'USER_ID', name: 'userId',
 			label: ITP_MSG_LOCALE.label.userId, //사용자ID
 			width: '10', fixed: false, align: 'left',
+			minwidth: 120, maxwidth: 200,
 			sortable: false, hidden: false
 		},
 		{
 			index: 'USER_NM', name: 'userNm',
 			label: ITP_MSG_LOCALE.label.userName, //닉네임
 			width: '13', fixed: false, align: 'left',
+			minwidth: 120,
 			sortable: false, hidden: false
 		},
 		{
 			index: 'EMAIL', name: 'email',
 			label: ITP_MSG_LOCALE.label.idEmail, //아이디(이메일)
 			width: '15', fixed: false, align: 'center',
+			minwidth: 150, maxwidth: 250,
 			sortable: false, hidden: false
 		},
 		{
 			index: 'TEL_NO', name: 'telNo',
 			label: ITP_MSG_LOCALE.label.telephone, //휴대폰 번호
 			width: '10', fixed: false, align: 'center',
+			minwidth: 150, maxwidth: 250,
 			sortable: false, hidden: false
 		},
 		{
@@ -108,6 +114,7 @@ const gridColModel = {
 			index: 'LAST_LOGIN_DT', name: 'lastLoginDt',
 			label: ITP_MSG_LOCALE.label.lastLogin, //마지막 로그인
 			width: '10', fixed: false, align: 'center',
+			minwidth: 150, maxwidth: 250,
 			sortable: false, hidden: false
 		}
 	],

src/main/webapp/js/app/oper/ITP_OPER02010.js

@@ -37,24 +37,26 @@ const gridColModel = {
 			index: 'NTICE_NO', name: 'nticeNo',
 			label: ITP_MSG_LOCALE.label.notiNo, //공지번호
 			width: '10', fixed: false, align: 'center',
+			minwidth: 100, maxwidth: 250,
+			sortable: false, hidden: false
+		},
+		{
+			index: 'NTICE_TITL', name: 'nticeTitl',
+			label: ITP_MSG_LOCALE.label.titlet, //공지제목
+			width: '15', fixed: false, align: 'left',
 			sortable: false, hidden: false
 		},
 		{
 			index: 'AFFL_SHOP_NM', name: 'afflShopNm',
 			label: ITP_MSG_LOCALE.label.afflShopNm, //브랜드그룹
 			width: '10', fixed: false, align: 'center',
+			minwidth: 150, maxwidth: 250,
 			sortable: false, hidden: false
 		},
 		{
 			index: 'BRAND_NM', name: 'brandNm',
 			label: ITP_MSG_LOCALE.label.brandNm, //브랜드
-			width: '13', fixed: false, align: 'center',
-			sortable: false, hidden: false
-		},
-		{
-			index: 'NTICE_TITL', name: 'nticeTitl',
-			label: ITP_MSG_LOCALE.label.titlet, //공지제목
-			width: '15', fixed: false, align: 'center',
+			width: '13', fixed: false, align: 'left',
 			sortable: false, hidden: false
 		},
 		{
@@ -66,13 +68,14 @@ const gridColModel = {
 		{
 			index: 'NTICE_STAT_NM', name: 'nticeStatNm',
 			label: ITP_MSG_LOCALE.label.status, //상태
-			width: '6', fixed: false, align: 'center',
+			width: '7', fixed: false, align: 'center',
 			sortable: false, hidden: false
 		},
 		{
 			index: 'NOTI_ST_DAY', name: 'notiStDay',
 			label: ITP_MSG_LOCALE.label.viewDt, //노출일
 			width: '12', fixed: false, align: 'center',
+			minwidth: 180, maxwidth: 250,
 			sortable: false, hidden: false
 		},
 		{

src/main/webapp/js/app/oper/ITP_OPER03010.js

@@ -59,7 +59,13 @@ const gridColModel = {
 		{
 			index: 'AFFL_SHOP_NM', name: 'afflShopNm',
 			label: '브랜드그룹명',
-			width: '10', fixed: false, align: 'center',
+			width: '10', fixed: false, align: 'left',
+			sortable: false, hidden: false
+		},
+		{
+			index: 'OWNER_NM', name: 'ownerNm',
+			label: '대표자명',
+			width: '6', fixed: false, align: 'left',
 			sortable: false, hidden: false
 		},
 		{
@@ -74,12 +80,6 @@ const gridColModel = {
 			width: '6', fixed: false, align: 'center',
 			sortable: false, hidden: false
 		},
-		{
-			index: 'OWNER_NM', name: 'ownerNm',
-			label: '대표자명',
-			width: '6', fixed: false, align: 'center',
-			sortable: false, hidden: false
-		},
 		{
 			index: 'OWNER_TEL', name: 'rprstTelNo',
 			label: '대표연락처',

src/main/webapp/js/app/oper/ITP_OPER04010.js

@@ -41,13 +41,13 @@ const gridColModel = {
         {
             index: 'SALE_MGR_ID', name: 'saleMgrId',
             label: '영업담당자ID',
-            width: '6', fixed: false, align: 'center',
+            width: '6', fixed: false, align: 'left',
             sortable: false, hidden: false
         },
         {
             index: 'SALE_MGR_NM', name: 'saleMgrNm',
             label: '영업담당자명',
-            width: '10', fixed: false, align: 'center',
+            width: '10', fixed: false, align: 'left',
             sortable: false, hidden: false
         },
         {

src/main/webapp/js/app/oper/ITP_OPER06010.js

@@ -61,19 +61,19 @@ const gridColModel = {
         {
             index: 'AFFL_SHOP_NM', name: 'afflShopNm',
             label: ITP_MSG_LOCALE.label.afflShopNm, //브랜드그룹
-            width: '10', fixed: false, align: 'center',
+            width: '10', fixed: false, align: 'left',
             sortable: false, hidden: false
         },
         {
             index: 'BRAND_ID', name: 'brandId',
             label: ITP_MSG_LOCALE.label.brandId,
-            width: '10', fixed: false, align: 'center',
+            width: '10', fixed: false, align: 'left',
             sortable: false, hidden: false
         },
         {
             index: 'BRAND_NM', name: 'brandNm',
             label: ITP_MSG_LOCALE.label.brandNm, //브랜드명
-            width: '13', fixed: false, align: 'center',
+            width: '13', fixed: false, align: 'left',
             sortable: false, hidden: false
         },
         {

src/main/webapp/js/app/pomng/ITP_POMNG01010.js

@@ -48,7 +48,7 @@ const gridColModel = {
 		{
 			index: 'ITEM_NM', name: 'itemNm',
 			label: ITP_MSG_LOCALE.label.itemNm,
-			width: '30', fixed: false, align: 'center',
+			width: '30', fixed: false, align: 'left',
 			sortable: true, editable: false, edittype: 'text',
 			editrules: { required: true }
 		},
@@ -61,7 +61,7 @@ const gridColModel = {
 		{
 			index: 'UNIT_AMT', name: 'unitAmt',
 			label: ITP_MSG_LOCALE.label.unitAmt,
-			width: '10', fixed: false, align: 'center',
+			width: '10', fixed: false, align: 'right',
 			sortable: false, editable: false, edittype: 'text', hidden: false, 
 			formatter:'integer',formatoptions: { defaultValue: '', thousandsSeparator: ',' }
 		},

src/main/webapp/js/app/pomng/ITP_POMNG02010.js

@@ -62,7 +62,8 @@ const gridColModel = {
 		{
 			index: 'BRAND_NM', name: 'brandNm',
 			label: ITP_MSG_LOCALE.label.brandNm, //브랜드명
-			width: '10', fixed: false, align: 'center',
+			width: '10', fixed: false, align: 'left',
+			minwidth: 120,
 			sortable: false, hidden: false
 		},
 		{
@@ -73,33 +74,37 @@ const gridColModel = {
 		},
 		{
 			index: 'PCH_REQ_UNQ_NO', name: 'pchReqUnqNo',
-			label: ITP_MSG_LOCALE.label.pchReqUnqNo
-			, //구매요청번호
+			label: ITP_MSG_LOCALE.label.pchReqUnqNo, //구매요청번호
 			width: '10', fixed: false, align: 'center',
+			minwidth: 120,
 			sortable: false, hidden: false
 		},
 		{
 			index: 'PCH_REQ_NM', name: 'pchReqNm',
 			label: ITP_MSG_LOCALE.label.pchReqNm, //구매요청명
 			width: '13', fixed: false, align: 'left',
+			minwidth: 160,
 			sortable: false, hidden: false
 		},
 		{
 			index: 'PCH_REQ_ST_CD', name: 'pchReqStCd',
 			label: ITP_MSG_LOCALE.label.pchReqStCd, //구매요청상태
 			width: '15', fixed: false, align: 'center',
+			minwidth: 10,
 			sortable: false, hidden: true
 		},
 		{
 			index: 'PCH_REQ_ST_NM', name: 'pchReqStNm',
 			label: ITP_MSG_LOCALE.label.pchReqStNm, //구매요청상태명
 			width: '6', fixed: false, align: 'center',
+			minwidth: 100,
 			sortable: false, hidden: false
 		},
 		{
 			index: 'PCH_REQ_DT', name: 'pchReqDt',
 			label: ITP_MSG_LOCALE.label.pchReqDt, //구매요청일
 			width: '10', fixed: false, align: 'center',
+			minwidth: 100,
 			sortable: false, hidden: false
 		},
 		{
@@ -131,19 +136,22 @@ const gridColModel = {
 		{
 			index: 'PCH_REQ_MGR_NM', name: 'pchReqMgrNm',
 			label: ITP_MSG_LOCALE.label.pchReqMgrNm, //구매요청자명
-			width: '10', fixed: false, align: 'center',
+			width: '10', fixed: false, align: 'left',
+			minwidth: 100,
 			sortable: false, hidden: false
 		},
 		{
 			index: 'DLV_REQ_DT', name: 'dlvReqDt',
 			label: ITP_MSG_LOCALE.label.dlvReqDt, //납품요청일
 			width: '10', fixed: false, align: 'center',
+			minwidth: 100,
 			sortable: false, hidden: false
 		},
 		{
 			index: 'WHS_LOCATION_NM', name: 'whsLocationNm',
 			label: ITP_MSG_LOCALE.label.whsLocationNm, //납품창고
 			width: '10', fixed: false, align: 'left',
+			minwidth: 200,
 			sortable: false, hidden: false
 		}
 	],
@@ -178,7 +186,7 @@ const gridColModel = {
 		{
 			index: 'ITEM_NM', name: 'itemNm',
 			label: ITP_MSG_LOCALE.label.itemNm,
-			width: '30', fixed: false, align: 'center',
+			width: '30', fixed: false, align: 'left',
 			sortable: true, editable: false, edittype: 'text',
 			editrules: { required: true }
 		},
@@ -191,7 +199,7 @@ const gridColModel = {
 		{
 			index: 'UNIT_AMT', name: 'unitAmt',
 			label: ITP_MSG_LOCALE.label.unitAmt,
-			width: '10', fixed: false, align: 'center',
+			width: '10', fixed: false, align: 'right',
 			sortable: false, editable: false, edittype: 'text', hidden: false,
 			formatter:'integer',formatoptions: { defaultValue: '', thousandsSeparator: ',' }
 		},

src/main/webapp/js/app/pomng/ITP_POMNG03010.js

@@ -66,7 +66,8 @@ const gridColModel = {
 		{
 			index: 'BRAND_NM', name: 'brandNm',
 			label: ITP_MSG_LOCALE.label.brandNm, //브랜드명
-			width: '10', fixed: false, align: 'center',
+			width: '10', fixed: false, align: 'left',
+			minwidth: 120,
 			sortable: false, hidden: false
 		},
 		{
@@ -79,6 +80,7 @@ const gridColModel = {
 			index: 'PCH_REQ_UNQ_NO', name: 'pchReqUnqNo',
 			label: ITP_MSG_LOCALE.label.pchReqUnqNo, //구매요청고유번호
 			width: '10', fixed: false, align: 'center',
+			minwidth: 140,
 			sortable: false, hidden: false
 		},
 		{
@@ -109,6 +111,7 @@ const gridColModel = {
 			index: 'SPPLY_NM', name: 'spplyNm',
 			label: ITP_MSG_LOCALE.label.spplyNm, //공급사명
 			width: '6', fixed: false, align: 'left',
+			minwidth: 100,
 			sortable: false, hidden: false
 		},
 		{
@@ -121,6 +124,7 @@ const gridColModel = {
 			index: 'WHS_NM', name: 'whsNm',
 			label: ITP_MSG_LOCALE.label.whsNm, //창고명
 			width: '10', fixed: false, align: 'left',
+			minwidth: 100,
 			sortable: false, hidden: false
 		},
 		{
@@ -139,12 +143,14 @@ const gridColModel = {
 			index: 'ITEM_ID', name: 'itemId',
 			label: ITP_MSG_LOCALE.label.itemId, //품목아이디
 			width: '10', fixed: false, align: 'center',
+			minwidth: 140,
 			sortable: false, hidden: false
 		},
 		{
 			index: 'ITEM_NM', name: 'itemNm',
 			label: ITP_MSG_LOCALE.label.itemNm, //품목명
 			width: '10', fixed: false, align: 'left',
+			minwidth: 100,
 			sortable: false, hidden: false
 		},
 		{
@@ -192,6 +198,7 @@ const gridColModel = {
 			index: 'LEAD_TIME', name: 'leadTime',
 			label: ITP_MSG_LOCALE.label.leadTime, //리드타임
 			width: '10', fixed: false, align: 'right',
+			minwidth: 100,
 			sortable: false, hidden: false
 		}
 	],
@@ -205,7 +212,7 @@ const gridColModel = {
 		{
 			index: 'PCH_REQ_UNQ_NO', name: 'pchReqUnqNo',
 			label: ITP_MSG_LOCALE.label.pchReqUnqNo,  //구매요청번호
-			width: '20', fixed: false, align: 'center',
+			width: '16', fixed: false, align: 'center',
 			sortable: false, hidden: false, edittype: 'text',
 			 editable: false
 		},
@@ -219,7 +226,7 @@ const gridColModel = {
 		{
 			index: 'ITEM_ID', name: 'itemId',
 			label: ITP_MSG_LOCALE.label.itemId, // 품목아이디
-			width: '10', fixed: false, align: 'center',
+			width: '12', fixed: false, align: 'center',
 			sortable: false, editable: false, edittype: 'text',
 			hidden: false
 		},
@@ -233,7 +240,7 @@ const gridColModel = {
 		{
 			index: 'UNIT_AMT', name: 'unitAmt',
 			label: ITP_MSG_LOCALE.label.unitAmt, //단가
-			width: '10', fixed: false, align: 'right',
+			width: '7', fixed: false, align: 'right',
 			sortable: false, editable: false, edittype: 'text',
 			hidden: false,
 			formatter:'integer',formatoptions: { defaultValue: '', thousandsSeparator: ',' }
@@ -241,7 +248,7 @@ const gridColModel = {
 		{
 			index: 'UNIT', name: 'unit',
 			label: ITP_MSG_LOCALE.label.unit, //단위
-			width: '10', fixed: false, align: 'center',
+			width: '8', fixed: false, align: 'center',
 			sortable: false, editable: false, edittype: 'text',
 			hidden: false
 		},

src/main/webapp/js/app/pomng/ITP_POMNG04010.js

@@ -38,7 +38,7 @@ const gridColModel = {
 		{
 			index: 'BRAND_NM', name: 'brandNm',
 			label: ITP_MSG_LOCALE.label.brandNm,			// 브랜드명
-			width: '10', fixed: false, align: 'center',
+			width: '10', fixed: false, align: 'left',
 			sortable: false, hidden: false
 		},
 		{
@@ -68,26 +68,26 @@ const gridColModel = {
 		{
 			index: 'SPPLY_NM', name: 'spplyNm',
 			label: ITP_MSG_LOCALE.label.spplyNm, 			// 공급업체명
-			width: '10', fixed: false, align: 'center',
+			width: '10', fixed: false, align: 'left',
 			sortable: false, hidden: false
 		},
 		{
 			index: 'PODR_TOTAL_AMT', name: 'podrTotalAmt',
 			label: ITP_MSG_LOCALE.label.podrTotalAmt, 		// 총 발주금액
-			width: '8', fixed: false, align: 'center',
+			width: '8', fixed: false, align: 'right',
 			sortable: false, hidden: false,
 			formatter: 'integer', formatoptions: {thousandsSeparator: ','}
 		},
 		{
 			index: 'PODR_ITEM_QTY', name: 'podrItemQty',
 			label: ITP_MSG_LOCALE.label.podrItemQty, 		// 발주품목수
-			width: '7', fixed: false, align: 'center',
+			width: '7', fixed: false, align: 'right',
 			sortable: false, hidden: false
 		},
 		{
 			index: 'PODR_MGR_NM', name: 'podrMgrNm',
 			label: ITP_MSG_LOCALE.label.podrMgrNm, 			// 발주담당자
-			width: '10', fixed: false, align: 'center',
+			width: '10', fixed: false, align: 'left',
 			sortable: false, hidden: false
 		}
 	],
@@ -99,28 +99,22 @@ const gridColModel = {
 			width: '10', fixed: false, align: 'center',
 			sortable: false, hidden: true
 		},
-		{
-			index: 'PCH_PODR_DTL_NO', name: 'pchPodrDtlNo',
-			label: ITP_MSG_LOCALE.label.pchPodrDtlNo, 		// 발주항번
-			width: '5', fixed: false, align: 'center',
-			sortable: false, hidden: false
-		},
 		{
 			index: 'ITEM_ID', name: 'itemId',
 			label: ITP_MSG_LOCALE.label.itemId, 			// 품목번호
-			width: '5', fixed: false, align: 'center',
+			width: '8', fixed: false, align: 'center',
 			sortable: false, hidden: false
 		},
 		{
 			index: 'ITEM_NM', name: 'itemNm',
 			label: ITP_MSG_LOCALE.label.itemNm, 			// 품목명
-			width: '5', fixed: false, align: 'center',
+			width: '6', fixed: false, align: 'left',
 			sortable: false, hidden: false
 		},
 		{
 			index: 'UNIT_AMT', name: 'unitAmt',
 			label: ITP_MSG_LOCALE.label.unitAmt, 			// 단가
-			width: '5', fixed: false, align: 'center',
+			width: '3', fixed: false, align: 'right',
 			sortable: false, hidden: false,
 			formatter: 'integer', formatoptions: {thousandsSeparator: ','}
 		},
@@ -133,20 +127,26 @@ const gridColModel = {
 		{
 			index: 'PODR_QTY', name: 'podrQty',
 			label: ITP_MSG_LOCALE.label.podrQty, 			// 발주수량
-			width: '5', fixed: false, align: 'center',
+			width: '5', fixed: false, align: 'right',
 			sortable: false, hidden: false
 		},
 		{
 			index: 'PODR_AMT', name: 'podrAmt',
 			label: ITP_MSG_LOCALE.label.podrAmt, 			// 발주금액
-			width: '5', fixed: false, align: 'center',
+			width: '5', fixed: false, align: 'right',
 			sortable: false, hidden: false,
 			formatter: 'integer', formatoptions: {thousandsSeparator: ','}
 		},
 		{
 			index: 'WHS_PASS_QTY', name: 'whsPassQty',
 			label: ITP_MSG_LOCALE.label.whsPassQty, 		// 출고가능수량
-			width: '5', fixed: false, align: 'center',
+			width: '5', fixed: false, align: 'right',
+			sortable: false, hidden: false
+		},
+		{
+			index: 'PCH_PODR_DTL_NO', name: 'pchPodrDtlNo',
+			label: ITP_MSG_LOCALE.label.pchPodrDtlNo, 		// 발주항번
+			width: '3', fixed: false, align: 'right',
 			sortable: false, hidden: false
 		},
 		{

src/main/webapp/js/app/pomng/ITP_POMNG05010.js

@@ -39,7 +39,7 @@ const gridColModel = {
 			{
 				index: 'Brand_Nm', name: 'brandNm',			
 				label: ITP_MSG_LOCALE.label.brandNm, 		//브랜드이름
-				width: '20', fixed: false, align: 'center',	
+				width: '20', fixed: false, align: 'left',	
 				minwidth:150,
 				sortable: false, hidden: false					
 			},
@@ -47,21 +47,21 @@ const gridColModel = {
 				index: 'DLV_STTMT_NO', name: 'dlvSttmtUnqNo',	
 				label: ITP_MSG_LOCALE.label.dlvSttmtUnqNo, 		//납품서번호
 				width: '20', fixed: false, align: 'center',	
-				minwidth:120,	
+				minwidth:140,	
 				sortable: false, hidden: false					
 			},
 			{
 				index: 'PODR_REG_DT', name: 'pchPodrUnqNo',	
 				label: '발주번호', 								//발주번호
 				width: '14', fixed: false, align: 'center',	
-				minwidth:120,
+				minwidth:140,
 				sortable: false, hidden: false				
 			},
 			{
 				index: 'PODR_REG_DT', name: 'spplyNm',	
 				label: '공급업체', 								//공급업체
-				width: '14', fixed: false, align: 'center',	
-				minwidth:150,
+				width: '14', fixed: false, align: 'left',	
+				minwidth:140,
 				sortable: false, hidden: false				
 			},
 			{
@@ -75,42 +75,42 @@ const gridColModel = {
 				index: 'WHS_NM', name: 'whsNm',				
 				label: '입고처', 			//납품장소
 				width: '20', fixed: false, align: 'center',	
-				minwidth:200,
+				minwidth:220,
 				sortable: false, hidden: false				
 			},
 			{
 				index: 'PODR_REG_DT', name: 'podrRegDt',	
 				label: '발주생성일', 							//발주생성일
 				width: '14', fixed: false, align: 'center',	
-				minwidth:80,
+				minwidth:90,
 				sortable: false, hidden: false				
 			},
 			{
 				index: 'DLV_REQ_DT', name: 'dlvReqDt',		
 				label: ITP_MSG_LOCALE.label.dlvReqDt, 		//납품요청일
 				width: '14', fixed: false, align: 'center',	
-				minwidth:80,
+				minwidth:90,
 				sortable: false, hidden: false				
 			},
 			{
 				index: 'DLV_REG_DT', name: 'dlvRegDt',		
 				label:	'납품생성일', 							//발주생성일
 				width: '14', fixed: false, align: 'center',	
-				minwidth:80,
+				minwidth:90,
 				sortable: false, hidden: false				
 			},
 			{
 				index: 'DLV_SCH_DT', name: 'dlvSchDt',		
 				label: ITP_MSG_LOCALE.label.dlvSchDt, 		//납품예정일
 				width: '14', fixed: false, align: 'center',	
-				minwidth:80,
+				minwidth:90,
 				sortable: false, hidden: false				
 			},
 			{
 				index: 'DLV_CMPLT_DT', name: 'dlvCmpltDt',	
 				label: '납품완료일', 	//납품완료일
 				width: '10', fixed: false, align: 'center',	
-				minwidth:80,
+				minwidth:90,
 				sortable: false, hidden: false				
 			},
 			{
@@ -123,34 +123,34 @@ const gridColModel = {
 			{
 				index: 'ITEM_NM', name: 'itemNm',			
 				label: ITP_MSG_LOCALE.label.itemNm, 		//품목명
-				width: '10', fixed: false, align: 'center',	
-				minwidth:200,
+				width: '10', fixed: false, align: 'left',	
+				minwidth:180,
 				sortable: false, hidden: false				
 			},
 			{
 				index: 'PODR_QTY', name: 'podrQty',			
 				label: ITP_MSG_LOCALE.label.podrQty, 		//수주수량
-				width: '6', fixed: false, align: 'center',	
+				width: '6', fixed: false, align: 'right',	
 				minwidth:80,
 				sortable: false, hidden: false				
 			},
 			{
 				index: 'DLV_QTY', name: 'dlvQty',			
 				label: ITP_MSG_LOCALE.label.dlvQty, 		//납품수량
-				width: '6', fixed: false, align: 'center',	
+				width: '6', fixed: false, align: 'right',	
 				minwidth:80,
 				sortable: false, hidden: false				
 			},
 			{
 				index: 'UNIT', name: 'unit',				
 				label: ITP_MSG_LOCALE.label.unit, 			//단가
-				width: '6', fixed: false, align: 'center',	
+				width: '6', fixed: false, align: 'right',	
 				sortable: false, hidden: true				
 			},
 			{
 				index: 'UNIT_AMT', name: 'unitAmt',			
 				label: ITP_MSG_LOCALE.label.unitAmt, 		//단가
-				width: '6', fixed: false, align: 'center',	
+				width: '6', fixed: false, align: 'right',	
 				minwidth:80,
 				sortable: false, hidden: false,
 				formatter:'integer',formatoptions: { defaultValue: '', thousandsSeparator: ',' }				
@@ -158,7 +158,7 @@ const gridColModel = {
 			{
 				index: 'DLV_MGR_NM', name: 'dlvMgrNm',		
 				label: ITP_MSG_LOCALE.label.dlvMgrNm, 		//납품담당자
-				width: '8', fixed: false, align: 'center',	
+				width: '8', fixed: false, align: 'left',	
 				minwidth:100,
 				sortable: false, hidden: false				
 			},
@@ -166,7 +166,7 @@ const gridColModel = {
 				index: 'DLV_MGR_TEL_NO', name: 'dlvMgrTelNo',	
 				label: ITP_MSG_LOCALE.label.dlvMgrTelNo, 	//납품담당연락처
 				width: '10', fixed: false, align: 'center',	
-				minwidth:100,
+				minwidth:120,
 				sortable: false, hidden: false				
 			}
 	]
@@ -275,6 +275,8 @@ let pageObj = {
 	screen: function() {
 		$('#ITP_FORM_POMNG05010_SEARCH_BRAND_ID').val(fn_make_user_info.get('brandId'));//input hidden 값 넣기				
 		$('#ITP_FORM_POMNG05010_SEARCH_DTL_GUBUN').val('dtlGubun');
+		$('#ITP_BTN_POMNG05010_DELETE_SPPLY_NM').show();
+		$('#ITP_BTN_POMNG05010_DELETE_SWHS_NM').show();
 	}
 };
 

src/main/webapp/js/app/pomng/ITP_POMNG06010.js

@@ -44,30 +44,34 @@ const gridColModel = {
 			index: 'BRAND_NM', name: 'brandNm',
 			label: ITP_MSG_LOCALE.label.brandNm, //브랜드명
 			width: '10', fixed: false, align: 'left',
+			minwidth: 120,
 			sortable: false, hidden: false
 		},
 		{
 			index: 'DLV_STTMT_UNQ_NO', name: 'dlvSttmtUnqNo',
 			label: ITP_MSG_LOCALE.label.dlvSttmtUnqNo, //납품서번호
 			width: '10', fixed: false, align: 'center',
+			minwidth: 140,
 			sortable: false, hidden: false
 		},
 		{
 			index: 'DLV_STTMT_DTL_NO', name: 'dlvSttmtDtlNo',
 			label: ITP_MSG_LOCALE.label.dlvSttmtDtlNo, //납품서항번
-			width: '10', fixed: false, align: 'center',
+			width: '10', fixed: false, align: 'right',
 			sortable: false, hidden: false
 		},
 		{
 			index: 'ITEM_ID', name: 'itemId',
 			label: ITP_MSG_LOCALE.label.itemId, //품목아이디
 			width: '10', fixed: false, align: 'center',
+			minwidth: 140,
 			sortable: false, hidden: false
 		},
 		{
 			index: 'ITEM_NM', name: 'itemNm',
 			label: ITP_MSG_LOCALE.label.itemNm, //품목명
 			width: '10', fixed: false, align: 'left',
+			minwidth: 120,
 			sortable: false, hidden: false
 		},
 		{
@@ -102,13 +106,15 @@ const gridColModel = {
 			index: 'UNIT_AMT', name: 'unitAmt',
 			label: ITP_MSG_LOCALE.label.unitAmt, //단가
 			width: '6', fixed: false, align: 'right',
+			minwidth: 70,
 			sortable: false, hidden: false,
 			formatter: 'integer', formatoptions: { defaultValue: '', thousandsSeparator: ',' }
 		},
 		{
 			index: 'WHS_ID', name: 'whsId',
 			label: ITP_MSG_LOCALE.label.whsId, //납품창고아이디
-			width: '15', fixed: false, align: 'center',
+			width: '15', fixed: false, align: 'left',
+			minwidth: 150,
 			sortable: false, hidden: true
 		},
 		{
@@ -121,6 +127,7 @@ const gridColModel = {
 			index: 'WHS_NM', name: 'whsNm',
 			label: ITP_MSG_LOCALE.label.whsNm, //납품창고명
 			width: '15', fixed: false, align: 'left',
+			minwidth: 160,
 			sortable: false, hidden: false
 		},
 		{
@@ -144,7 +151,8 @@ const gridColModel = {
 		{
 			index: 'DLV_MGR_TEL_NO', name: 'dlvMgrTelNo',
 			label: ITP_MSG_LOCALE.label.dlvMgrTelNo, //납품담당자연락처
-			width: '15', fixed: false, align: 'left',
+			width: '15', fixed: false, align: 'center',
+			minwidth: 120,
 			sortable: false, hidden: false
 		},
 		{
@@ -194,6 +202,7 @@ let listObj = {
 		this.action();
 		this.event.init();
 		this.grid.init();
+		this.screen();
 	},
 	view: function() {
 		// 버튼 권한설정
@@ -461,6 +470,10 @@ let listObj = {
 			$(POMNG06010_GRID_EMPTY).show();
 		}
 		
+	},
+	screen: function() {
+		$('#ITP_BTN_POMNG06010_DELETE_WHS_ID').show();
+		$('#ITP_BTN_POMNG06010_DELETE_SPPLY_ID').show();
 	}
 };
 

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

@@ -48,21 +48,21 @@ const gridColModel = {
 		{
 			index: 'STORE_ID', name: 'storeId',
 			label: ITP_MSG_LOCALE.label.storeId, //매장번호
-			width: '10', fixed: false, align: 'center',
-			minwidth: 400, maxwidth: 500,
+			width: '10', fixed: false, align: 'left',
+			minwidth: 160,
 			sortable: false, hidden: false
 		},
 		{
 			index: 'STORE_NM', name: 'storeNm',
 			label: ITP_MSG_LOCALE.label.storeNm, //매장명
-			width: '13', fixed: false, align: 'center',
-			minwidth: 400, maxwidth: 500,
+			width: '13', fixed: false, align: 'left',
+			minwidth: 120,
 			sortable: false, hidden: false
 		},
 		{
 			index: 'BRAND_ID', name: 'brandId',
 			label: ITP_MSG_LOCALE.label.brandId, //브랜드ID
-			width: '10', fixed: false, align: 'center',
+			width: '10', fixed: false, align: 'left',
 			sortable: false, hidden: true
 		},
 		{
@@ -86,7 +86,7 @@ const gridColModel = {
 		{
 			index: 'STORE_DVSN_NM', name: 'storeDvsnNm',
 			label: ITP_MSG_LOCALE.label.storeDvsn, //매장구분명
-			width: '15', fixed: false, align: 'center',
+			width: '8', fixed: false, align: 'center',
 			sortable: false, hidden: false
 		},
 		{
@@ -99,6 +99,7 @@ const gridColModel = {
 			index: 'SYS_REG_DTTM', name: 'sysRegDttm',
 			label: ITP_MSG_LOCALE.label.sysRegDttm, //최초등록일
 			width: '10', fixed: false, align: 'center',
+			minwidth: 160,
 			sortable: false, hidden: false
 		},
 	],

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

@@ -63,7 +63,7 @@ const gridColModel = {
 		{
 			index: 'SFFLY_NM', name: 'spplyNm',
 			label: ITP_MSG_LOCALE.label.spplyNm, //공급업체명
-			width: '13', fixed: false, align: 'center',
+			width: '13', fixed: false, align: 'left',
 			sortable: false, hidden: false
 		},
 		{
@@ -125,27 +125,27 @@ const gridColModel = {
 		{
 			index: 'ASSGN_TASK_NM', name: 'spplyMgrNm',
 			label: ITP_MSG_LOCALE.label.spplyMgrNm, //담당자명
-			width: '20', fixed: false, align: 'center',
+			width: '16', fixed: false, align: 'center',
 			sortable: false, editable: true, edittype: 'text',
 			editrules: {required: true}
 		},
 		{
 			index: 'POSITION', name: 'position',
 			label: ITP_MSG_LOCALE.label.position, //직위
-			width: '30', fixed: false, align: 'center',
+			width: '10', fixed: false, align: 'center',
 			sortable: true, editable: true, edittype: 'text',
 			editrules: {required: true}
 		},
 		{
 			index: 'RPRST_EMAIL', name: 'rprstEmal',
 			label: ITP_MSG_LOCALE.label.rprstEmal, //이메일
-			width: '10', fixed: false, align: 'center',
+			width: '20', fixed: false, align: 'center',
 			sortable: false, editable: true, edittype: 'text'
 		},
 		{
 			index: 'RPRST_TEL_NO', name: 'rprstTelNo',
 			label: ITP_MSG_LOCALE.label.rprstMblNo, //핸드폰번호
-			width: '10', fixed: false, align: 'center',
+			width: '20', fixed: false, align: 'center',
 			sortable: false, editable: true, edittype: 'text'
 		},
 		{

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

@@ -61,13 +61,13 @@ const gridColModel = {
         {
             index: 'ITEM_ID', name: 'itemId',
             label: ITP_MSG_LOCALE.label.itemId, //품목번호
-            width: '11', fixed: false, align: 'center',
+            width: '14', fixed: false, align: 'center',
             sortable: false, hidden: false
         },
         {
             index: 'ITEM_NM', name: 'itemNm',
             label: ITP_MSG_LOCALE.label.itemNm, //품목명
-            width: '13', fixed: false, align: 'center',
+            width: '13', fixed: false, align: 'left',
             sortable: false, hidden: false
         },
         {
@@ -79,7 +79,7 @@ const gridColModel = {
         {
             index: 'ITEM_CLASS_NM', name: 'itemClassNm',
             label: ITP_MSG_LOCALE.label.itemClassNm, //품목분류
-            width: '15', fixed: false, align: 'center',
+            width: '10', fixed: false, align: 'center',
             sortable: false, hidden: false
         },
         {

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

@@ -58,6 +58,7 @@ const gridColModel = {
 			index: 'ITEM_NM', name: 'itemNm',
 			label: ITP_MSG_LOCALE.label.itemNm, //품목명
 			width: '12', fixed: false, align: 'left',
+			minwidth: 120,
 			sortable: false, hidden: false
 		},
 		{
@@ -70,48 +71,56 @@ const gridColModel = {
 			index: 'UNIT', name: 'unit',
 			label: ITP_MSG_LOCALE.label.unit, //기본단위
 			width: '7', fixed: false, align: 'center',
+			minwidth: 90,
 			sortable: false, hidden: false
 		},
 		{
 			index: 'CURR', name: 'curr',
 			label: ITP_MSG_LOCALE.label.curr, //통화
 			width: '6', fixed: false, align: 'center',
+			minwidth: 80,
 			sortable: false, hidden: false
 		},
 		{
 			index: 'UNIT_AMT', name: 'unitAmt',
 			label: ITP_MSG_LOCALE.label.unitAmt, //단가
-			width: '6', fixed: false, align: 'left',
+			width: '6', fixed: false, align: 'right',
+			minwidth: 80,
 			sortable: false, hidden: false
 		},
 		{
 			index: 'CONT_STT_DT', name: 'contSttDt',
 			label: ITP_MSG_LOCALE.label.contSttDt, //시작일
 			width: '10', fixed: false, align: 'center',
+			minwidth: 100,
 			sortable: false, hidden: false
 		},
 		{
 			index: 'CONT_END_DT', name: 'contEndDt',
 			label: ITP_MSG_LOCALE.label.contEndDt, //종료일
 			width: '10', fixed: false, align: 'center',
+			minwidth: 100,
 			sortable: false, hidden: false
 		},
 		{
 			index: 'LEAD_TIME', name: 'leadTime',
 			label: ITP_MSG_LOCALE.label.leadTime, //리드타임 (Day)
-			width: '10', fixed: false, align: 'center',
+			width: '10', fixed: false, align: 'right',
+			minwidth: 120,
 			sortable: false, hidden: false
 		},
 		{
 			index: 'FILE_PATH', name: 'filePath',
 			label: ITP_MSG_LOCALE.label.itemFilePath, //단가계약파일
 			width: '10', fixed: false, align: 'center',
+			minwidth: 120,
 			sortable: false, hidden: false
 		},
 		{
 			index: 'SYS_REG_DT', name: 'sysRegDt',
 			label: ITP_MSG_LOCALE.label.regDt, //등록일
 			width: '6', fixed: false, align: 'center',
+			minwidth: 100,
 			sortable: false, hidden: false
 		},
 		{
@@ -123,7 +132,7 @@ const gridColModel = {
 		{
 			index: 'SPPLY_ITEM_ID', name: 'spplyItemId',
 			label: ITP_MSG_LOCALE.label.spplyItemId, //공급사품번
-			width: '10', fixed: false, align: 'center',
+			width: '10', fixed: false, align: 'right',
 			sortable: false, hidden: false
 		}
 	]
@@ -578,6 +587,7 @@ var popSearch = {
 				$('#ITP_FORM_STINFO05010_DETAIL_ITEM_NM').val('');
 				$('#ITP_FORM_STINFO05010_DETAIL_SCH_ITEM_ID').val('');
 				$('#ITP_FORM_STINFO05010_DETAIL_SCH_ITEM_NM').val('');
+				$('#ITP_FORM_STINFO05010_DETAIL_UNIT').val('');
 			} else {
 				$('#ITP_FORM_STINFO05010_DETAIL_SPPLY_ID').val('');
 				$('#ITP_FORM_STINFO05010_DETAIL_SPPLY_NM').val('');

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

@@ -59,7 +59,7 @@ const gridColModel = {
 		{
 			index: 'STORE_NM', name: 'storeNm',
 			label: ITP_MSG_LOCALE.label.storeNm, //매장명
-			width: '15', fixed: false, align: 'center',
+			width: '10', fixed: false, align: 'left',
 			sortable: false, hidden: false
 		},
 		{
@@ -83,7 +83,7 @@ const gridColModel = {
 		{
 			index: 'ITEM_CNT', name: 'itemCnt',
 			label: ITP_MSG_LOCALE.label.itemCnt, //계약품목수
-			width: '10', fixed: false, align: 'center',
+			width: '10', fixed: false, align: 'right',
 			sortable: false, hidden: false
 		}
 	],
@@ -127,7 +127,7 @@ const gridColModel = {
 		{
 			index: 'ITEM_NM', name: 'itemNm',
 			label: ITP_MSG_LOCALE.label.itemNm, //품목명
-			width: '13', fixed: false, align: 'center',
+			width: '13', fixed: false, align: 'left',
 			sortable: false, hidden: false
 		},
 		{
@@ -160,7 +160,7 @@ const gridColModel = {
 		{
 			index: 'UNIT_AMT', name: 'unitAmt',
 			label: ITP_MSG_LOCALE.label.unitAmt, //단가
-			width: '10', fixed: false, align: 'center',
+			width: '10', fixed: false, align: 'right',
 			sortable: true, editable: true, edittype: 'text',
 			editrules: {required: true},
 			formatter: 'integer', formatoptions: { defaultValue: '', thousandsSeparator: ',' }
@@ -176,22 +176,17 @@ const gridColModel = {
 		{
 			index: 'SPPLY_UNIT_AMT', name: 'spplyUnitAmt',
 			label: ITP_MSG_LOCALE.label.spplyUnitAmt, //공급단가
-			width: '6', fixed: false, align: 'center',
+			width: '6', fixed: false, align: 'right',
 			sortable: false, hidden: false,
 			formatter: 'integer', formatoptions: { defaultValue: '', thousandsSeparator: ',' }
 			
 		},
 		{
 			index: 'SPPLY_NM', name: 'spplyNm',
-			label: ITP_MSG_LOCALE.label.spplyNm, //공급단가
+			label: ITP_MSG_LOCALE.label.spplyNm, //공급업체명
 			width: '6', fixed: false, align: 'left',
+			minwidth: 160, maxwidth: 200,
 			sortable: false, hidden: false
-		},
-		{
-			index: 'SPPLY_ID', name: 'spplyId',
-			label: ITP_MSG_LOCALE.label.spplyId, //공급단가
-			width: '6', fixed: false, align: 'center',
-			sortable: false, hidden: true
 		}
 	],
 	sdetail: [
@@ -228,6 +223,7 @@ const gridColModel = {
 		{
 			index: 'ITEM_ID', name: 'itemId',
 			label: ITP_MSG_LOCALE.label.itemId, //품목번호
+			minwidth: 160,
 			width: '10', fixed: false, align: 'center',
 			sortable: false, hidden: false
 		},

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

@@ -51,7 +51,7 @@ const gridColModel = {
 		{
 			index: 'ITEM_CLASS_NM', name: 'itemClassNm',
 			label: ITP_MSG_LOCALE.label.itemClassNm, //품목분류명
-			width: '10', fixed: false, align: 'center',
+			width: '10', fixed: false, align: 'left',
 			sortable: false, hidden: false
 		},
 		{

src/main/webapp/main.html

@@ -146,97 +146,137 @@
 						<article class="itp_detail">
 							<div id="ITP_AJAX_SUMMARY_DETAIL_CONTAINER" class="itp_det_in">
 								<!-- 여기는 공급사 매장 로그인 시 나오는 구간 -->
+								<div id="ITP_NOTE_BAR">
+									<div class="itp_side_bar_header">
+										<label>공지사항</label>
+									</div>
+									<div class="itp_side_bar_note">
+										<label class="fn">공지 1제목 조금 긴 제목</label>
+										<label class="date fn">2022.11.01</label>
+										<div class="fn">공지1 내용 들어가는곳fasdfdddddddddddddddasdfasdfsfdasdasdsadsaasdasdasdadsadaasdasdafddddddddddddddddddddddsdsfsdfdsfsdfddasdsadasdssds </div>
+									</div>
+									<div class="itp_side_bar_note">
+										<label class="fn">공지 2제목</label>
+										<label class="date fn">2022.11.01</label>
+										<div class="fn">공지 1 내용 가나다라마바상라ㅣㅁㄴ리ㅏㄴ멀ㄴ얾ㅣ;ㅁ너ㅣㅏ런ㅁ이ㅏ;러</div>
+									</div>
+									<div class="itp_side_bar_note">
+										<label class="fn">공지 2제목</label>
+										<label class="date fn">2022.11.01</label>
+										<div class="fn">공지 1 내용 가나다라마바상라ㅣㅁㄴ리ㅏㄴ멀ㄴ얾ㅣ;ㅁ너ㅣㅏ런ㅁ이ㅏ;러</div>
+									</div>
+								</div>
 								<div id="ITP_MAIN_HEADER" style="display: inline-block;">
-									<div class="col_4">
-										<div class="itp_header_label ">
+									<div class="col_4" style="margin-left:0">
+										<div class="itp_header_label">
 										구매요청 
 										</div>
-										<div class="itp_header_result ">
+										<div class="itp_header_result fn">
 										10건
 										</div>
 									</div>
-									<div class="col_4">
-										<div class="itp_header_label ">
+									<div class="col_4" style="margin:0 3%;">
+										<div class="itp_header_label">
 										발주진행
 										</div>
-										<div class="itp_header_result ">
+										<div class="itp_header_result fn">
 										10건
 										</div>
 									</div>
 									<div class="col_4">
-										<div class="itp_header_label ">
+										<div class="itp_header_label">
 										발주완료
 										</div>
-										<div class="itp_header_result ">
+										<div class="itp_header_result fn">
 										10건
 										</div>
 									</div>
-									<div class="col_4">
-										<div class="itp_header_label ">
+									<div class="col_4" style="margin-right:0; float:right;">
+										<div class="itp_header_label">
 										구매가능금액
 										</div>
-										<div class="itp_header_result ">
+										<div class="itp_header_result fn">
 										1,000,000원
 										</div>
 									</div>
 								</div>
 								<div id="ITP_MAIN_HEADER" style="display: none;">
-									<div class="col_3">
-										<div class="itp_header_label ">
+									<div class="col_3" style="margin-left:0">
+										<div class="itp_header_label">
 										구매요청 건수
 										</div>
-										<div class="itp_header_result ">
+										<div class="itp_header_result fn">
 										10건
 										</div>
 									</div>
-									<div class="col_3">
-									<div class="itp_header_label ">
+									<div class="col_3" style="margin:5px 6%;">
+										<div class="itp_header_label">
 										구매요청건수
 										</div>
-										<div class="itp_header_result ">
+										<div class="itp_header_result fn">
 										10건
 										</div>
 									</div>
-									<div class="col_3">
-									<div class="itp_header_label ">
+									<div class="col_3" style="margin-right:0; float:right;">
+										<div class="itp_header_label">
 										구매요청건수
 										</div>
-										<div class="itp_header_result ">
+										<div class="itp_header_result fn">
 										10건
 										</div>
 									</div>
 								</div>
-								<div id="ITP_SIDE_BAR">
-									<div class="itp_side_bar_header">
-										<label>공지사항</label>
+								<div id="ITP_MAIN_GRAPH_AREA">
+									<div class="itp_graph_box">
+										<div class="itp_graph_side">
+											<select>
+												<option>fasdf</option>
+											</select>
+											<div class="itp_graph_info_bar">
+												<div class="itp_graph_info">구매요청</div>
+											</div>
+										</div>
+										<div id="ITP_PCH_REQ_GRAPH" class="itp_graph_area"></div>
 									</div>
-									<div class="itp_side_bar_note">
-										<label class="fn">공지 1제목</label>
-										<label class="fn">2022.11.01</label>
-										<div class="fn">공지1 내용 들어가는곳 </div>
+									<div class="itp_graph_box">
+										<div class="itp_graph_side">
+											<select>
+												<option>fasdf</option>
+											</select>
+											<div class="itp_graph_info_bar">
+												<div class="itp_graph_info">구매발주</div>
+											</div>
+										</div>
+										<div id="ITP_PCH_PODR_GRAPH" class="itp_graph_area"></div>
 									</div>
-									<div class="itp_side_bar_note">
-										<label class="fn">공지 2제목</label>
-										<label class="fn">2022.11.01</label>
-										<div class="fn">공지 1 내용 가나다라마바상라ㅣㅁㄴ리ㅏㄴ멀ㄴ얾너ㅣㅏ럼나ㅣ럼니ㅏ;ㅓ리만;ㅓ라ㅣ;ㅁ너라ㅣ;먼리ㅏFASDFASDFASDFASDFASFDASDFASDFASDFASFASDFDASF;머리ㅏ;머라ㅣ;ㅁ너ㅣㅏ런ㅁ이ㅏ;러</div>
+									<div class="itp_graph_box">
+										<div class="itp_graph_side">
+											<select>
+												<option>fasdf</option>
+											</select>
+											<div class="itp_graph_info_bar">
+												<div class="itp_graph_info">매출순위</div>
+											</div>
+										</div>
+										<div id="ITP_PCH_REQ_UP_ITEM_GRAPH" class="itp_graph_area"></div>
 									</div>
-									<div class="itp_side_bar_note">
-										<label class="fn">공지 3제목</label>
-										<label class="fn">2022.11.01</label>
-										<div class="fn">SDVASDFASFASDFASFASDFASFDASDFASFASDFSADFSADF</div>
+									<div class="itp_graph_box">
+										<div class="itp_graph_side">
+											<div class="itp_graph_info_bar">
+												<div class="itp_graph_info" style="padding-top:8px;">&nbsp;정&nbsp;&nbsp;산</div>
+											</div>
+										</div>
+										<div id="ITP_STTL_GRAPH" class="itp_graph_area"></div>
 									</div>
-									<div class="itp_side_bar_note">
-										<label class="fn">공지 4제목</label>
-										<label class="fn">2022.11.01</label>
-										<div class="fn">ASDFASDFASFDASDFSDFSDAFSDAFSDAFSDFSDFASDFASDFASDFASDFASDFASDFDASF</div>
+									<div class="itp_graph_box" style="width:100%">
+										<div class="itp_graph_side" style="width:12%;">
+											<div class="itp_graph_info_bar">
+												<div class="itp_graph_info">안전재고</div>
+											</div>
+										</div>
+										<div id="ITP_SAFE_STCK_GRAPH" class="itp_graph_area" style="width:87%;"></div>
 									</div>
 								</div>
-								<div id="ITP_MAIN_GRAPH_AREA">
-									<div id="ITP_PCH_REQ_GRAPH" class="itp_graph_area"></div>
-									<div id="ITP_PCH_PODR_GRAPH" class="itp_graph_area"></div>
-									<div id="ITP_PCH_REQ_UP_ITEM_GRAPH" class="itp_graph_area"></div>
-									<div id="ITP_STTL_GRAPH" class="itp_graph_area"></div>
-								</div>
 							</div>
 						</article>
 					</div>