웹 디자인 수정중

src/main/webapp/app/oper/OPER01010.html

@@ -4,9 +4,9 @@
 			<div class="itp_det_head fix">
 				<h2 class="pull-left itp_det_tit"><i class="glyphicon glyphicon-chevron-right"></i><i class="glyphicon glyphicon-chevron-right"></i> <strong>사용자관리</strong></h2>
 				<div class="pull-right itp_cicon">
-					<button type="button" id="ITP_BTN_OPER01010_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_OPER01010_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_OPER01010_MODIFY" class="btn btn-success btn-sm UPB" style="display: inline-block;"><i class="glyphicon "></i>&nbsp;&nbsp;수정&nbsp;&nbsp;</button>
-					<button type="button" id="ITP_BTN_OPER01010_NEWREG" class="btn btn-primary btn-sm NEB" style="display: inline-block;"><i class="glyphicon "></i>&nbsp;&nbsp;신규등록&nbsp;&nbsp;</button>
+					<button type="button" id="ITP_BTN_OPER01010_NEWREG" class="btn btn-primary btn-sm NEB" style="display: inline-block;"><i class="glyphicon "></i>신규등록</button>
 					<button type="button" id="ITP_BTN_OPER01010_DELETE" class="btn btn-danger btn-sm DEB"><i class="glyphicon "></i>&nbsp;&nbsp;삭제&nbsp;&nbsp;</button>
 					<button type="button" id="ITP_BTN_OPER01010_SAVE" class="btn btn-success btn-sm SAB"><i class="glyphicon "></i>&nbsp;&nbsp;저장&nbsp;&nbsp;</button>
 					<button type="button" id="ITP_BTN_OPER01010_CANCELLIST" class="btn btn-warning btn-sm PRB"><i class="glyphicon "></i>&nbsp;&nbsp;취소/목록&nbsp;&nbsp;</button>
@@ -25,8 +25,8 @@
 											<input type="text" id="ITP_FORM_OPER01010_SEARCH_AFFL_SHOP_NM" class="form-control itp_input" name="safflShopNm" placeholder="가맹점" />
 										</div>
 										<div class="col-xs-1 itp_in" style="width:8%; padding:0px;">
-											<button type="button" id="ITP_FORM_OPER01010_SEARCH_AFFL_SHOP" class="btn btn-success btn-sm SEB" style="display: inline-block;"><i class="glyphicon glyphicon-search"></i></button>
-											<button type="button" id="ITP_FORM_OPER01010_DELETE_AFFL_SHOP" class="btn btn-primary btn-sm UPB" style="display: inline-block;"><i class="glyphicon glyphicon-erase"></i></button>
+											<button type="button" id="ITP_FORM_OPER01010_SEARCH_AFFL_SHOP" class="btn btn-orange btn-sm SEB" style="display: inline-block;"><i class="glyphicon glyphicon-search"></i></button>
+											<button type="button" id="ITP_FORM_OPER01010_DELETE_AFFL_SHOP" class="btn btn-warning btn-sm UPB" style="display: inline-block;"><i class="glyphicon glyphicon-erase"></i></button>
 						                </div>
 										<div class="col-xs-2 itp_ip itp_noMar">
 											<select id="ITP_FORM_OPER01010_SEARCH_BRAND_ID" class="form-control itp_input" name="sbrandId"></select>

src/main/webapp/css/style.css

@@ -11,7 +11,7 @@
 
 /* COMMON */
 html, body {width:100%; height:100%; background:#eee; overflow-y:hidden;}
-* {word-break: break-word}
+* {word-break: break-word; font-family: 'GmarketSansMedium';}
 textarea {resize:none;}
 a, button {outline:none !important; text-decoration:none !important;}
 .fix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
@@ -88,6 +88,7 @@ a, button {outline:none !important; text-decoration:none !important;}
 .has-error.radio label, .has-error.radio-inline label {margin-bottom:0px;}
 .has-error .help-block {font-size:12px;}
 
+
 /* ITP_WRAPPER */
 #ITP_WRAPPER {width:100%; height:100%; min-width:1400px;}
 #ITP_CONTENT_WRAPPER {width:100%;}
@@ -119,7 +120,7 @@ a, button {outline:none !important; text-decoration:none !important;}
 #ITP_LOGIN .itp_find {margin-top:34px; font-weight:100; cursor:pointer;}
 #ITP_LOGIN .itp_btn_bar {margin-top:10px;}
 #ITP_LOGIN .itp_login_img {width:100%; padding:0 auto;}
-#ITP_LOGIN .itp_img{width:150px; height:150px; top:-60px; position: absolute; margin:0 33.3%;}
+#ITP_LOGIN .itp_img{width:150px; height:150px; top:-50px; position: absolute; margin:0 33.3%;}
 #ITP_LOGIN .itp_login_input label {position:absolute; top:50%; left:27px; color:#adadad; transform:translateY(-50%); font-size: 12px; border: none; outline:none; transition: top .5s ease;}
 #ITP_LOGIN .itp_login_input {width:90%; margin:0 5%; position:relative;}
 #ITP_LOGIN .itp_login_input input {width:100%; padding:20px 10px 10px; outline:none; border-radius:7px; background:#eee;}
@@ -128,8 +129,8 @@ a, button {outline:none !important; text-decoration:none !important;}
 #ITP_LOGIN .itp_login_input:not(:placeholder-shown) ~ label{top:0px; font-size:12px;}
 
 /* ITP_HEADER */
-#ITP_HEADER .itp_head {font-family: 'GmarketSansMedium';width:100%; height:40px; position:relative; line-height:40px; z-index:100;}
-#ITP_HEADER .itp_tit {margin:0; padding:0; line-height:40px; font-size:20px;}
+#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;}
 #ITP_HEADER .itp_tit span {display: inline-block; vertical-align: middle}
 #ITP_HEADER .itp_lt {position:absolute; top:0px; left:10px;}
 #ITP_HEADER .itp_rt {position:absolute; top:0px; right:20px;}
@@ -147,8 +148,8 @@ a, button {outline:none !important; text-decoration:none !important;}
 #ITP_HEADER .itp_sch_brand button{width:90px; border:1px solid #000;}
 #ITP_HEADER .itp_menu {float:left; border:1px solid #ddd; line-height: 26px; background:#eee;margin:4px; border-radius: 2px; padding:0 4px;}
 #ITP_HEADER .itp_menu a {color:#000; font-size:13px; text-decoration:none;}
-#ITP_HEADER .itp_out {width:70px; height:30px;  float:left; border:1px solid #333; line-height: 28px; background:#fff; margin:6px; border-radius: 10px; padding:0 4px;}
-#ITP_HEADER .itp_out a {padding:4px; color:#000; font-size:13px; text-decoration:none;}
+#ITP_HEADER .itp_out {width:70px; height:30px;  float:left; border:1px solid #333; line-height: 28px; background:#fff; margin-top:10px; border-radius: 10px; padding:0 4px;}
+#ITP_HEADER .itp_out a {padding:8.4px; color:#000; font-size:11px; text-decoration:none;}
 #ITP_HEADER .itp_tabs {position:relative; z-index:100; transition:all .25s ease; float:right; width:calc(100% - 240px);}
 #ITP_HEADER .itp_tabs .nav-tabs {padding:4px 4px 0 4px; background:#fff;}
 #ITP_HEADER .itp_tabs .nav-tabs > li a {border:1px solid #ddd; background:#f5f5f5; font-size:12px; color:#666; padding:5px 13px 5px 15px; margin-right:4px; outline:none;}
@@ -240,7 +241,7 @@ a, button {outline:none !important; text-decoration:none !important;}
 
 #ITP_CONTAINER .itp_detail .itp_det_head {padding:0 4px 0 4px; height:42px; background:#fff;}
 #ITP_CONTAINER .itp_detail .itp_det_head .itp_det_tit {font-size:15px; margin:0; padding:0; line-height:42px;}
-#ITP_CONTAINER .itp_detail .itp_det_head .itp_det_tit .glyphicon {color:#337ab7; margin-right:4px;}
+#ITP_CONTAINER .itp_detail .itp_det_head .itp_det_tit .glyphicon {color:#F0831E; margin-right:4px;}
 
 #ITP_CONTAINER .itp_detail .itp_det_in {padding:15px 20px 15px 20px; height:calc(100vh - 127px); overflow-y:scroll;}
 #ITP_CONTAINER .itp_detail .itp_cicon {line-height:32px; height:32px;}
@@ -300,7 +301,7 @@ html:lang(en) #ITP_CONTAINER .itp_detail .itp_form .itp_thumb_inline .itp_thumb_
 
 #ITP_CONTAINER .itp_detail .itp_lg_form {padding-top:10px;}
 #ITP_CONTAINER .itp_detail .itp_lg_form.itp_type1 {padding-left:15px; padding-right:15px; padding-bottom:15px; }
-#ITP_CONTAINER .itp_detail .itp_lg_form.itp_type1 .itp_srh_border {border:1px solid #ddd; background:#f5f5f5; padding:15px 15px 5px 10px; border-radius:4px;}
+#ITP_CONTAINER .itp_detail .itp_lg_form.itp_type1 .itp_srh_border {border:1px solid #ddd; background:#fff; padding:15px 15px 5px 10px; border-radius:4px;box-shadow: 0px 0px 6px #ddd;}
 #ITP_CONTAINER .itp_detail .itp_lg_form .form-group {margin-bottom:10px;}
 #ITP_CONTAINER .itp_detail .itp_lg_form .form-control {font-size:13px; color:#333;}
 #ITP_CONTAINER .itp_detail .itp_lg_form .itp_lb {font-size:13px; padding-top:5px; padding-right:0; color:#333; position:relative;}

src/main/webapp/css/ui.jqgrid-bootstrap.css

@@ -1028,7 +1028,9 @@ td.menu_text {
 	background-color:inherit;
 }
 .ui-jqgrid input[type=checkbox] {width:15px; height:15px;}
+
 .ui-jqgrid .jqgrid-rownum {background:#fff !important;}
-.ui-jqgrid .jqgrid-rownum {background:#fff !important;}
+.ui-jqgrid .jqgrid-rownum:nth-child(even) {background:#f5f5f5 !important;}
 .table>tbody>tr.success .jqgrid-rownum {background:#dff0d8 !important;}
-.table>tbody>tr.active .jqgrid-rownum {background:#f5f5f5 !important;}
+.table>tbody>tr.success .jqgrid-rownum:checked {background:#dff0d8 !important;}
+.table>tbody>tr.active .jqgrid-rownum {background:#e8e8e8 !important;}

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

@@ -53,25 +53,25 @@ 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_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
 		},
 		{
 			index: 'USER_ID', name: 'userId',
 			label: ITP_MSG_LOCALE.label.userId, //사용자ID
-			width: '10', fixed: false, align: 'center',
+			width: '10', fixed: false, align: 'left',
 			sortable: false, hidden: false
 		},
 		{
 			index: 'USER_NM', name: 'userNm',
 			label: ITP_MSG_LOCALE.label.userName, //닉네임
-			width: '13', fixed: false, align: 'center',
+			width: '13', fixed: false, align: 'left',
 			sortable: false, hidden: false
 		},
 		{
@@ -427,6 +427,7 @@ let listObj = {
 					}
 				},
 				loadComplete: function(data) {
+					$("tr.jqgrow:odd").css("background", "#f5f5f5");
 					console.log(data);
 					itp_fn_grid_load_complete(data, OPER01010_GRID_ID, true, 'number', 'OPER01010', listObj.itp_OPER01010_search, _this.itp_fn_OPER01010_empty, true, data.gridRecords, true);
 					var ids = $(OPER01010_GRID_ID).getDataIDs();