공지사항 상세조회 화면수정

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

@@ -189,55 +189,79 @@
 						<div class="col-xs-12">
 							<form id="ITP_FORM_OPER02010_VIEW" class="form-horizontal">
 								<input type="hidden" id="ITP_FORM_OPER02010_VIEW_VIEW_CD" name="viewCd" value="R">
-								<input type="hidden" id="ITP_FORM_OPER02010_VIEW_NTICE_NO" name="nticeNo" value="">
 								<input type="hidden" id="ITP_FORM_OPER02010_VIEW_FILE_NO" name="fileNo" value="">
-								<input type="hidden" id="ITP_FORM_OPER02010_VIEW_USER_ID" name="userId" value="">
-								<input type="hidden" id="ITP_FORM_OPER02010_VIEW_ADD_ID" name="addId" value="">
+								<input type="hidden" id="ITP_FORM_OPER02010_VIEW_NTICE_NO" name="nticeNo" value="">
 								<section class="itp_form_sec">
 									<div class="itp_form_in border-top">
-										<div class="form-group colspan">
-											<label class="col-xs-2 itp_lb">공지제목</label>
-											<div class="col-xs-4 itp_ip fnNticeTitl"></div>
+										<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" style="width:65%;">
+													<div class="input-group">
+														<input type="text" name="afflShopNm" id="ITP_FORM_OPER02010_VIEW_AFFL_SHOP_NM" class="form-control itp_input" placeholder="브랜드그룹명" readonly>
+													</div>
+												</div> 
+											</div>
 											<label class="col-xs-2 itp_lb">브랜드</label>
-											<div class="col-xs-4 itp_ip fnBrandId"></div>
+											<div class="col-xs-4 itp_ip">
+												<div class="col-xs-6 itp_in">
+													<select id="ITP_FORM_OPER02010_VIEW_BRAND_ID" class="form-control itp_input" name="brandId">
+													</select>
+												</div>
+											</div>
+										</div>
+									</div>
+									<div class="itp_form_in">
+										<div class="form-group colspan">
+											<label class="col-xs-2 itp_lb">공지제목 *</label>
+											<div class="col-xs-10 itp_ip">
+												<div class="col-xs-7 itp_in">
+													<input type="text" id="ITP_FORM_OPER02010_VIEW_NTICE_TITL" data-check-required="empty" class="form-control itp_input" name="nticeTitl" value="">
+												</div>
+											</div>
 										</div>
-									</div>	
+									</div>
 									<div class="itp_form_in">
 										<div class="form-group">
-											<label class="col-xs-2 itp_lb">공지일자</label>
-											<div class="col-xs-10 itp_ip fnNotiDay"></div>
-											
+											<label class="col-xs-2 itp_lb">공지일자 *</label>
+											<div class="col-xs-10 itp_ip">
+												<div class="col-xs-3 itp_in">
+									                <div class="input-group">
+														<input type="text" id="ITP_FORM_OPER02010_VIEW_FROM_DT" data-check-required="empty" class="form-control itp_input" name="notiStDay" readonly>
+														<span class="input-group-addon itp_date_to">~</span>
+														<input type="text" id="ITP_FORM_OPER02010_VIEW_TO_DT" data-check-required="empty" class="form-control itp_input" name="notiEdDay" readonly>
+													</div>
+												</div>
+											</div>
 										</div>
 									</div>
 									<div class="itp_form_in">	
 										<div class="form-group colspan">
 											<label class="col-xs-2 itp_lb">공지내용</label>
-											<div class="col-xs-10 itp_ip fnNticeDesc"></div>
+											<div class="col-xs-10 itp_ip">
+												<textarea id="ITP_FORM_OPER02010_VIEW_NTICE_DESC" class="form-control" rows="8" name="nticeDesc" maxlength="200"></textarea>
+											</div>
 										</div>
 										<div class="form-group colspan">
 											<label class="col-xs-2 itp_lb">첨부파일</label>
-											<div class="col-xs-10 itp_ip">
-												<div class="col-xs-6 itp_in">
-													<div class="fileupload-wrapper">
-														<div id="ITP_OPER02010_VIEW_UPLOAD"></div>
-													</div>
+											<div class="col-xs-10 itp_ip colspan">
+												<div class="fileupload-wrapper">
+													<div id="ITP_OPER02010_VIEW_UPLOAD"></div>
 												</div>
 											</div>
 										</div>
-										<div class="form-group">
-											<label class="col-xs-2 itp_lb">공지대상</label>
-											<div class="col-xs-10 itp_ip fnTargetNm"></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-4 itp_ip fnAddId"></div>
-											<label class="col-xs-2 itp_lb">등록자명</label>
-											<div class="col-xs-4 itp_ip fnAddNm"></div>
+										<div class="form-group colspan border">
+											<label class="col-xs-2 itp_lb">공지대상 *</label>
+											<div class="col-xs-4 itp_ip">
+												<div class="col-xs-3 itp_in">
+													<select id="ITP_FORM_OPER02010_VIEW_TARGET_CD" data-select-code="TARGET_CD" data-check-required="empty" class="form-control itp_input" name="targetCd"></select>
+												</div>
+												 
+											</div>
 										</div>
 									</div>
 								</section>
+								
 							</form>
 						</div>
 					</div>
@@ -260,4 +284,5 @@
 	</div>
 
 	<div id="ITP_TAP_JS"></div>
-</section>
+</section>
+ 

src/main/webapp/css/style.css

@@ -771,24 +771,8 @@ _:-ms-fullscreen, :root .itp_logs {max-width: 1287px}
 #ITP_POPUP_CONTAINER .itp_form_info label {border:1px solid #000; background:#eee; margin:0; width:120px; height:42px; padding:10px 5px 10px 10px;}
 #ITP_POPUP_CONTAINER .itp_form_it {border:1px solid #000; height:42px; padding-top:12px;}
 
+/* 폼스타일 */
 
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+.form-readonly {
+	background: #fff;
+}

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

@@ -433,7 +433,7 @@ var fn_make_user_info = {
 			var popFn = function(rowDataPop) {
 				// console.log(rowDataPop);
 				$.each(rowDataPop, function(key, value) {
-					itp_fn_close_other_tab(''); // 다른탭 닫기
+					itp_fn_tab_close_all(''); // 다른탭 닫기
 					_this.set(JSON.stringify(value));
 				});
 			};
@@ -3265,3 +3265,56 @@ function itp_fn_set_chg_editable(rowId, lastrowid, gridId) {
 	
 	return lastrowid;
 };
+
+var printContainter=null;
+var printDiv=null;
+function itp_fn_printDiv(div) {
+	const html = document.querySelector('html'); 
+	if(printContainter) {
+		printContainter.style.display = 'block';
+	} else {
+		//ITP_POPUP_CONTAINER
+		printDiv = document.createElement("DIV");
+		printContainter = document.createElement("DIV");
+		printContainter.id='ITP_POPUP_CONTAINER';
+		printDiv.className = "modal-body itp_modal";
+		printContainter.appendChild(printDiv);
+		html.appendChild(printContainter);
+	} 
+	if(printDiv) {
+		printDiv.innerHTML = div.innerHTML;
+	}
+	document.body.style.display = 'none';
+	window.print();
+	document.body.style.display = 'block'; 
+	printContainter.style.display = 'none'; 
+}
+
+function formReadonly(qid) {
+	if(!qid) qid='.form-readonly .form-control';
+	setTimeout(function() {
+		const formInputs=document.querySelectorAll(qid);
+		formInputs.forEach(el=> {
+			if( el.tagName=='SELECT') {
+				$(el).css('pointer-events','none');
+			} else {
+				el.readOnly=true;
+				el.classList.add("form-readonly");
+			}
+		});
+	},100);
+}
+
+
+
+function itp_fn_tab_close_all() {
+	var idx=0;
+	$('#ITP_HEADER .itp_tab_list li').each(function() {
+		var tabId = $(this).find('.itp_tab_close').attr('data-itp-tab-id');
+		if(tabId) {
+			// console.log('### MEMU : ' + tmpId + ', ACTIVE : ' + $(this).hasClass('active'));
+			$(this).find('.itp_tab_close').trigger('click'); 
+		}
+	});
+	$('#ITP_HEADER .itp_tab_list a[href="#ITP_TAB_SUMMARY"]').trigger('click');		
+}

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

@@ -459,6 +459,7 @@ let viewObj = {
 		fn_ajax_call(NTICE_INFO_NTICE, param, this.callback, 'GET');
 	},
 	callback: function (result) {
+		/*
 		pageObj.switchScreen('VIEW');
 		$('#ITP_FORM_OPER02010_VIEW #ITP_FORM_OPER02010_VIEW_NTICE_NO').val(result.nticeNo);
 		$('#ITP_FORM_OPER02010_VIEW #ITP_FORM_OPER02010_VIEW_USER_ID').val(fn_make_user_info.get('userId'));
@@ -484,9 +485,98 @@ let viewObj = {
 		
 		// 권한정보 리스트 조회
 		// pageObj.grid.init('VIEW');
+		*/
+		pageObj.switchScreen('VIEW');
+		$('#ITP_FORM_OPER02010_VIEW_NTICE_NO').val(result.nticeNo);
+		$('#ITP_FORM_OPER02010_VIEW_NTICE_TITL').val(result.nticeTitl);
+		$('#ITP_FORM_OPER02010_VIEW_FROM_DT').val(result.notiStDay);
+		$('#ITP_FORM_OPER02010_VIEW_TO_DT').val(result.notiEdDay);
+		$('#ITP_FORM_OPER02010_VIEW_NTICE_DESC').val(result.nticeDesc);
+		$('#ITP_FORM_OPER02010_VIEW_TARGET_CD').val(result.targetCd);
+		$('#ITP_FORM_OPER02010_VIEW_FILE_NO').val(result.fileNo); //파일번호 셋팅
+
+		// 브랜드그룹 셋팅
+		$('#ITP_FORM_OPER02010_VIEW_AFFL_SHOP_ID').val(result.afflShopId);
+		$('#ITP_FORM_OPER02010_VIEW_AFFL_SHOP_NM').val(result.afflShopNm);
+
+		pageObj.ui.afflInfo.init();
+		if(result.brandId && result.brandId !== '') {
+			var brandList = [{'brandId':result.brandId, 'brandNm':result.brandNm}];
+			fn_make_select_brand(brandList, 'ITP_FORM_OPER02010_VIEW_SEARCH_BRAND_ID');
+		}
+
+		pageObj.event.notiTarget(result.afflShopId === '');
+		//파일업로드(수정화면)
+		setFileUploadInfo('OPER02010','VIEW');
+		
+		formReadonly("#ITP_FORM_OPER02010_VIEW .form-control");
+		
+		// if(result.addId === fn_make_user_info.get('userId')) {
+		if(fn_make_user_info.get('authTpCd') === '10' || result.addId === fn_make_user_info.get('userId')) {
+			fn_show_btn_auth_array(['#ITP_BTN_OPER02010_MODIFY', '#ITP_BTN_OPER02010_CANCELLIST']);
+		} else {
+			fn_show_btn_auth_array(['#ITP_BTN_OPER02010_CANCELLIST']);
+		}
+
 	  }
 };
 
+
+function formReadonly(qid) {
+	if(!qid) qid='.form-readonly .form-control';
+	setTimeout(function() {
+		const formInputs=document.querySelectorAll(qid);
+		formInputs.forEach(el=> {
+			if( el.tagName=='SELECT') {
+				$(el).css('pointer-events','none');
+			} else {
+				el.readOnly=true;
+				el.classList.add("form-readonly");
+			}
+		});
+	},100);
+}
+
+function setFileUploadInfo(id, type ) {
+	//파일업로드(등록/수정화면)
+	if(!id) id = 'OPER02010';
+	var code=id + '_'+type;
+	$('#ITP_' + code+'_UPLOAD').empty();
+	$('#ITP_' + code+'_LOGO_FILE').empty();
+	var removeFn = (param) => {
+		$('#ITP_' + code+'_LOGO_FILE').empty();
+	}; 
+	$('#ITP_' + code+'_UPLOAD').bootstrapFileUpload({
+		url: DOMAIN + '/api/file/upload',
+		inputName: 'uploadFile',
+		folderName: 'notice',
+		fileNumber:  $('#ITP_FORM_' + code+'_FILE_NO').val(),
+		fileInput: '#ITP_FORM_' + code+'_FILE_NO',
+		fileTypes: ITP_UPLOAD_DEFAULTS.fileTypes,
+		viewCode: $('#ITP_FORM_' + code+'_VIEW_CD').val(),
+		formMethod: 'post',
+		multiFile: true,
+		multiUpload: false,
+		maxSize: 100,
+		maxFiles: 5,
+		showThumb: false,
+		thumbWidth: 0,
+  		thumbHeight: 0,
+		debug: true, 
+		screen_id: code,
+		showYn: false,
+		onInit: function() {
+			 
+		}
+	});
+
+	setTimeout(function() {
+		$('#ITP_' + code+'_UPLOAD .fileupload-add').hide();
+		$('#ITP_' + code+'_UPLOAD .filedownload-remove').hide();
+	},20);
+
+}
+
 /*수정화면 Object*/
 let modifyObj = {
 	init: function (param) {