데이터 필터링 및 이첩취소기능 추가

src/main/webapp/WEB-INF/jsp/xit/vips/category/rev/rev0101/rev010104/rev010104_list.jsp

@@ -273,6 +273,7 @@
 							<th colspan="4">
 								<button type="button" id="uptAdresFromCarLink_btn" class="btn sm gray" style="margin: 5px 0;"><img src="/resource/images/common/search.png" alt="주소업데이트(자망)"/>주소업데이트(자망)</button>
 								<button type="button" id="uptAdresFromJuminLink_btn" class="btn sm gray" style="margin: 5px 0;"><img src="/resource/images/common/search.png" alt="주소업데이트(주민망)"/>주소업데이트(주민망)</button>
+								<button type="button" id="filterData" class="btn sm gray" style="margin: 5px 0;"><img src="/resource/images/common/search.png" alt="데이터 필터링"/>데이터 필터링</button>
 							</th>
 						</tr>
 						</tbody>
@@ -312,7 +313,7 @@
 				<th>
 					<input type="checkbox" id="isExistsDataIgnor" name="isExistsDataIgnor" value="Y"/>
 					<label for="isExistsDataIgnor">대장유무체크안함</label>
-						</th>
+				</th>무
 			</tr>
 			<tr>
 				<td style="color: #006fbd;">
@@ -335,6 +336,46 @@
 </div>
 <!-- //대장생성처리 버튼 클릭 dialog -->
 
+<!--  자료제거 버튼 클릭 dialog -->
+<div id="diaRegexRemove" class="dialog" style="display: none">
+	<div class="grp">
+		<table class="tbl04">
+			<colgroup>
+				<col style="width: ;"/>
+			</colgroup>
+			<tbody>
+			<tr>
+				<td style="color: #006fbd;">
+					<span style="font-weight: bold;">※데이터 필터링</span>
+					<br/><span>- 아래 입력한 단어가 포함된 자료를 리스트에서 제외합니다.</span>
+					<br/><span>- 특수문자 사용은 불가 합니다.</span>
+					<br/><span>- ex)상품용 </span>
+				</td>
+			</tr>
+			<tr>
+				<td style="display: flex">
+					<select id="filterSelectBox" style="width: 100px">
+					</select>
+					<input type="text" id="filteringInput">
+				</td>
+			</tr>
+			</tbody>
+		</table>
+	</div>
+	<table>
+		<tr>
+			<th colspan="2">
+				<button type="button" id="filterRemove_btn" class="btn gray">적용</button>
+				<button type="button" id="filterReturn_btn" class="btn gray">되돌리기</button>
+				<button type="button" id="filterCancel_btn2" name="cancel_btn" class="btn gray">닫기</button>
+			</th>
+		</tr>
+	</table>
+</div>
+
+
+
+
 
 <script type="text/javascript">
 	$(document).ready(function(){
@@ -819,7 +860,7 @@ function fn_gridDraw(dataset){
 	});
 
 	/* 대장생성처리 취소 btn */
- $('#cancel_btn').click(function(){
+	$('.cancel_btn').click(function(){
 		$('#dia').dialog('close');
 	});
 
@@ -866,4 +907,56 @@ function fn_gridDraw(dataset){
 			}
 		});
 	});
+
+
+	/** 2023.03.28 최정민
+	 * 데이터 필터링 기능 추가
+	 * 그리드에 뿌려진 데이터를 정규식으로 검색하여 제거.
+	 * 2023.04.03 최정민
+	 * 들어오는 인풋데이터의 유연성을 주기 위해 정규식으로 검색하던 방식에서 문자열로 변경
+	 *
+	 * 해당기능 다른 페이지에서도 쓸수 있도록 공통화 진행
+	 * 1. options 객체 = 다이얼 로그 내에 셀렉트 박스 구성
+	 *      key : view에 보여질 한글 옵션명
+	 *      value : 제거 로직에서 쓰일 attr값
+	 * 2. obj 객체 = 다이얼로그 타이틀, 테이터셋, options에서 셋팅한 값 가져감
+	 *      obj는 수정하지 말것
+	 *      해당 리스너를 호출한 태그 text를 title로 가져감
+	 * */
+	$('#filterData').click(function(){
+		//원본데이터 저장
+		let copyDataSet = DATASET;
+
+		let options = {
+			"소유자명":"owner_nm",
+			"차량번호":"vhcle_no",
+		};
+		let obj = {
+			title : document.querySelector('#filterData').innerText,
+			data : DATASET,
+			options : options,
+		}
+		const filter = new DataFilter(obj);
+		filter.createDialog(); // 다이얼로그 생성
+		filter.dialogOpen();   //
+
+		//제거 버튼 클릭
+		document.querySelector('#filterRemove_btn').onclick = function(){
+			let option = document.querySelector('#filterSelectBox').value;
+			let param = document.querySelector('#filteringInput').value;
+
+			DATASET = filter.dataFilter(option, param);
+		}
+		//되돌리기 버튼 클릭
+		document.querySelector('#filterReturn_btn').onclick = function(){
+			DATASET=copyDataSet;
+			filter.dataRollBack(copyDataSet);
+		}
+		document.querySelector('#filterCancel_btn2').onclick = function(){
+			$('#diaRegexRemove').dialog('close');
+
+		}
+	});
+
+
 </script>