Files
eapim-admin/WebContent/jsp/onl/apim/portaluser/portalUserMan.jsp
T
Rinjae c521835633
eapim-admin CI / build (push) Has been cancelled
- 사용자 검색 시 암호화 필드 처리 로직 개선: 부분검색 제거 및 정확일치 검색 추가.
- UI에 암호화 필드 검색 제한 안내 추가.
- 개인정보 마스킹 규칙 확대: 이름/ID/전화번호 모두 적용.
2026-06-22 19:21:08 +09:00

419 lines
19 KiB
Plaintext

<%@ page language="java" contentType="text/html; charset=utf-8" %>
<%@ page import="java.io.*" %>
<%@ page import="com.eactive.eai.common.util.SystemUtil"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib uri="http://www.springframework.org/tags" prefix="spring" %>
<%@ include file="/jsp/common/include/localemessage.jsp" %>
<%
response.setHeader("Pragma", "No-cache");
response.setHeader("Cache-Control", "no-cache");
response.setHeader("Expires", "0");
boolean isProdServer = SystemUtil.isProdServer();
%>
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<jsp:include page="/jsp/common/include/css.jsp"/>
<jsp:include page="/jsp/common/include/script.jsp"/>
<jsp:include page="/jsp/common/include/portal.jsp"/>
<script language="javascript">
var url = '<c:url value="/onl/apim/portaluser/portalUserMan.json" />';
var url_view = '<c:url value="/onl/apim/portaluser/portalUserMan.view" />';
var select_approvalStatus = "";
var select_userStatus = "";
var isProdServer = <%= isProdServer %>;
// 원본 행 데이터를 ID로 조회하기 위한 맵
var gridRowDataMap = {};
// 휴대폰번호 중복 조회 모드 여부
var isDupView = false;
// 현재 검색조건 + 중복 조회 모드 플래그를 합쳐 LIST 요청 파라미터를 생성
function buildListPostData() {
var postData = getSearchForJqgrid("cmd", "LIST");
postData.onlyDuplicateMobile = isDupView;
return postData;
}
/* 선택된 사용자 삭제 - 상태에 따라 Soft/Hard Delete 자동 분기 */
function deleteSelectedUsers() {
var selectedIds = $("#grid").jqGrid('getGridParam', 'selarrrow');
if (selectedIds.length === 0) {
showAlert("삭제할 사용자를 선택해주세요.", {type: 'warning'});
return;
}
// 선택된 항목을 REMOVED / 비REMOVED로 분류
var softDeleteIds = [];
var hardDeleteIds = [];
for (var i = 0; i < selectedIds.length; i++) {
var rowRaw = gridRowDataMap[selectedIds[i]];
if (rowRaw && rowRaw.userStatus === 'REMOVED') {
hardDeleteIds.push(selectedIds[i]);
} else {
softDeleteIds.push(selectedIds[i]);
}
}
// 비운영 환경이 아니면 Hard Delete 불가
if (isProdServer && hardDeleteIds.length > 0) {
showAlert("운영 환경에서는 삭제(탈퇴) 상태인 항목을 완전삭제할 수 없습니다.", {type: 'error'});
return;
}
var messages = [];
if (softDeleteIds.length > 0) messages.push(softDeleteIds.length + "명 삭제(탈퇴 처리)");
if (hardDeleteIds.length > 0) messages.push(hardDeleteIds.length + "명 완전삭제(DB 영구 삭제)");
var confirmMsg = "선택된 사용자: " + messages.join(", ") + "\n진행하시겠습니까?";
var confirmType = hardDeleteIds.length > 0 ? 'error' : 'warning';
showConfirm(confirmMsg, {
type: confirmType,
onConfirm: function() {
var confirmAndExecute = function() {
var completed = 0;
var total = (softDeleteIds.length > 0 ? 1 : 0) + (hardDeleteIds.length > 0 ? 1 : 0);
var resultMessages = [];
var hasError = false;
function checkDone() {
completed++;
if (completed >= total) {
var finalType = hasError ? 'error' : 'success';
showAlert(resultMessages.join("\n"), {type: finalType, onClose: function() {
$("#grid").trigger("reloadGrid");
}});
}
}
if (softDeleteIds.length > 0) {
$.ajax({
type: "POST", url: url, dataType: "json",
data: { cmd: 'DELETE_MULTIPLE', ids: softDeleteIds.join(',') },
success: function(data) {
resultMessages.push(data.message);
if (data.status !== "success") hasError = true;
checkDone();
},
error: function(e) { hasError = true; resultMessages.push("삭제 오류: " + e.responseText); checkDone(); }
});
}
if (hardDeleteIds.length > 0) {
$.ajax({
type: "POST", url: url, dataType: "json",
data: { cmd: 'HARD_DELETE_MULTIPLE', ids: hardDeleteIds.join(',') },
success: function(data) {
resultMessages.push(data.message);
if (data.status !== "success") hasError = true;
checkDone();
},
error: function(e) { hasError = true; resultMessages.push("완전삭제 오류: " + e.responseText); checkDone(); }
});
}
};
// Hard Delete 포함 시 2차 확인
if (hardDeleteIds.length > 0) {
showConfirm("최종 확인: 완전삭제는 되돌릴 수 없습니다. 정말로 실행하시겠습니까?", {
type: 'error',
title: '최종 확인',
onConfirm: confirmAndExecute
});
} else {
confirmAndExecute();
}
}
});
}
function getGridSelectText(key, value, data) {
if (!Array.isArray(data) || data.length === 0) {
return "";
}
return data
.filter(item => item[key] !== undefined && item[value] !== undefined)
.map(item => String(item[key]) + ":" + String(item[value]))
.join(';');
}
function init() {
$.ajax({
type: "POST",
url: url,
dataType: "json",
data: {cmd: 'LIST_INIT_COMBO'},
success: function (json) {
const comboConfigs = [
{name: 'searchUserStatus', data: json.userStatusRows},
{name: 'searchApprovalStatus', data: json.approvalStatusRows},
{name: 'searchOrgId', data: json.orgRows},
{name: 'searchRoleCode', data: json.roleCodeRows}
];
comboConfigs.forEach(function (config) {
new makeOptions("CODE", "NAME")
.setObj($("select[name=" + config.name + "]"))
.setNoValueInclude(true)
.setNoValue("", "<%=localeMessage.getString("combo.all")%>")
.setData(config.data)
.setFormat(nameOptionFormat).rendering();
});
setSearchable('searchOrgId');
putSelectFromParam();
select_approvalStatus = ": ;" + getGridSelectText("CODE", "NAME", json.approvalStatusRows);
select_userStatus = ": ;" + getGridSelectText("CODE", "NAME", json.userStatusRows);
$('#grid').jqGrid('setColProp', 'approvalStatus', {editoptions: {value: select_approvalStatus}});
$('#grid').jqGrid('setColProp', 'userStatus', {editoptions: {value: select_userStatus}});
// 휴대폰번호 중복 허용안함(기능 ON) + 중복 사용자 존재 시 배너 노출
if (json.mobileDuplicateCheckEnabled && json.mobileDuplicateUserCount > 0) {
$("#dupMobileCount").text(json.mobileDuplicateUserCount);
$("#dupMobileBanner").show();
}
$('#grid').trigger('reloadGrid');
},
error: function (e) {
alert(e.responseText);
}
});
}
$(document).ready(function () {
var gridPostData = buildListPostData();
$('#grid').jqGrid({
datatype: "json",
mtype: 'POST',
url: url,
postData: gridPostData,
colNames: ['No.',
'<%= localeMessage.getString("portalUser.id") %>',
'<%= localeMessage.getString("portalUser.orgName") %>',
'<%= localeMessage.getString("portalUser.name") %>',
'<%= localeMessage.getString("portalUser.userId") %>',
'<%= localeMessage.getString("portalUser.mobileNumber") %>',
'<%= localeMessage.getString("portalUser.roleName") %>',
'<%= localeMessage.getString("portalUser.userStatus") %>',
'<%= localeMessage.getString("portalUser.createOn") %>',
'<%= localeMessage.getString("portalUser.approvalStatus") %>',
'<%= localeMessage.getString("portalUser.accountLockYn") %>'
],
colModel: [
{name: 'rowNum', align: 'center', width: '30', sortable: false},
{name: 'id', align: 'center', key: true, hidden: true},
{name: 'portalOrgUIs.orgName', align: 'center', width: "120"},
{name: 'userName', align: 'center', width: "80" },
{name: 'loginId', align: 'center', width: "150" },
{name: 'mobileNumber', align: 'center', width: "110", hidden: true},
{name: 'roleCodeDescription', align: 'center', width: "80"},
{name: 'userStatusDescription', align: 'center', width: "50"},
{name: 'createdDate', align: 'center', width: "100", formatter: timeStampFormat},
{name: 'approvalStatusDescription', align: 'center', width: "50"},
{name: 'accountLockYn', align: 'center', width: "50"}
],
jsonReader: {
repeatitems: false
},
pager: $('#pager'),
page: '${param.page}',
rowNum: '${rmsDefaultRowNum}',
autoheight: true,
height: $("#container").height(),
autowidth: true,
viewrecords: true,
rowList: eval('[${rmsDefaultRowList}]'),
multiselect: true,
multiboxonly: true,
loadComplete: function (d) {
var records = $(this).getGridParam('records');
var page = $(this).getGridParam('page');
var rowNum = $(this).getGridParam('rowNum');
var rows = $(this).getDataIDs();
var colModel = $(this).getGridParam("colModel");
for (var i = 0; i < rows.length; i++) {
var number = ((page - 1) * rowNum + i) + 1;
$(this).setCell(rows[i], 'rowNum', number);
}
for (var i = 0; i < colModel.length; i++) {
$(this).setColProp(colModel[i].name, {sortable: false});
}
// 원본 행 데이터 맵 구성 및 REMOVED 행 스타일링
if (d && d.rows) {
gridRowDataMap = {};
for (var j = 0; j < d.rows.length; j++) {
gridRowDataMap[d.rows[j].id] = d.rows[j];
if (!isProdServer && d.rows[j].userStatus === 'REMOVED') {
$('#grid tr#' + $.jgrid.jqID(d.rows[j].id)).css({
'background-color': '#f8d7da',
'text-decoration': 'line-through',
'opacity': '0.7'
});
}
}
}
},
ondblClickRow: function (rowId) {
var rowData = $(this).getRowData(rowId);
var key = rowData['id'];
var url2 = url_view;
url2 += '?cmd=DETAIL';
url2 += '&page=' + $(this).getGridParam("page");
url2 += '&returnUrl=' + getReturnUrl();
url2 += '&menuId=' + '${param.menuId}';
url2 += '&id=' + key;
goNav(url2);
}, loadError: function (jqXHR, textStatus, errorThrown) {
if (jqXHR.status == 401) {
var location = '<%=request.getContextPath()%>/';
comloadError(jqXHR, textStatus, errorThrown, location);
}
}
});
init();
$("#btn_search").click(function () {
$("#grid").setGridParam({url: url, postData: buildListPostData(), page: 1}).trigger("reloadGrid");
});
// 중복 휴대폰번호 사용자만 보기 / 전체 보기 토글
$("#btn_dup_toggle").click(function () {
isDupView = !isDupView;
if (isDupView) {
$(this).text("전체 보기");
$("#grid").jqGrid('showCol', 'mobileNumber');
} else {
$(this).text("중복만 보기");
$("#grid").jqGrid('hideCol', 'mobileNumber');
}
$("#grid").setGridParam({url: url, postData: buildListPostData(), page: 1}).trigger("reloadGrid");
});
$("#btn_new").click(function () {
var url2 = url_view;
url2 += '?cmd=DETAIL';
url2 += '&page=' + $("#grid").getGridParam("page");
url2 += '&returnUrl=' + getReturnUrl();
url2 += '&menuId=' + '${param.menuId}';
goNav(url2);
});
$("#btn_delete_selected").click(function () {
deleteSelectedUsers();
});
$("input[name^=search]").keydown(function (key) {
if (key.keyCode == 13) {
$("#btn_search").click();
}
});
$("#startDatepicker").datepicker();
$("#endDatepicker").datepicker();
buttonControl();
});
</script>
</head>
<body>
<div class="right_box">
<div class="content_top">
<ul class="path">
<li><a href="#">${rmsMenuPath}</a></li>
</ul>
</div><!-- end content_top -->
<div class="content_middle" id="content_middle">
<div class="search_wrap">
<button type="button" class="cssbtn" id="btn_new" level="W"><i
class="material-icons">add</i> <%= localeMessage.getString("button.new") %>
</button>
<button type="button" class="cssbtn" id="btn_delete_selected" level="W" style="background-color: #dc3545; border-color: #dc3545; color: white;"><i
class="material-icons">delete_forever</i> 선택 삭제
</button>
<button type="button" class="cssbtn" id="btn_search" level="R"><i
class="material-icons">search</i> <%= localeMessage.getString("button.search") %>
</button>
</div>
<div class="title"><%= localeMessage.getString("portalUser.title") %>
</div>
<% if (!isProdServer) { %>
<div style="background:#fff3cd; border:1px solid #ffc107; padding:8px 15px; margin:5px 0; border-radius:4px; color:#856404;">
<strong>[비운영 환경]</strong> 삭제된(탈퇴) 데이터가 포함되어 표시됩니다. 탈퇴 상태 항목 선택 시 DB에서 영구 삭제됩니다.
</div>
<% } %>
<div id="dupMobileBanner" style="display:none; background:#f8d7da; border:1px solid #dc3545; padding:8px 15px; margin:5px 0; border-radius:4px; color:#721c24;">
<strong>&#9888; 중복 휴대폰번호 사용자 <span id="dupMobileCount">0</span>건 발견</strong>
<button type="button" class="cssbtn" id="btn_dup_toggle" style="margin-left:10px;">중복만 보기</button>
</div>
<table class="search_condition" cellspacing=0;>
<tbody>
<tr>
<th style="width:10%; min-width:100px;"><%= localeMessage.getString("portalUser.orgName") %>
</th>
<td>
<div class="select-style">
<select name="searchOrgId" value="${param.searchOrgId}"></select>
</div>
</td>
<th style="width:10%; min-width:100px;"><%= localeMessage.getString("portalUser.roleName") %>
</th>
<td>
<div class="select-style">
<select name="searchRoleCode" value="${param.searchRoleCode}"></select>
</div>
</td>
<th><%= localeMessage.getString("portalUser.userStatus") %>
</th>
<td>
<div class="select-style">
<select type="text" name="searchUserStatus" value="${param.searchUserStatus}"></select>
</div>
</td>
</tr>
<tr>
<th style="width:10%; min-width:100px;"><%= localeMessage.getString("portalUser.name") %>
</th>
<td><input type="text" name="searchUserName"></td>
<th style="width:10%; min-width:100px;">
<%= localeMessage.getString("portalUser.userId") %><span style="color:#dc3545;">(*)</span>
</th>
<td><input type="text" name="searchUserId" value="${param.searchUserId}"></td>
<th style="width:10%; min-width:100px;"><%= localeMessage.getString("portalUser.mobileNumber") %><span style="color:#dc3545;">(*)</span>
</th>
<td><input type="text" name="searchMobileNumber" value="${param.searchMobileNumber}"></td>
</tr>
</tbody>
</table>
<div style="color:#dc3545; font-size:12px; margin:4px 2px;">(*) 암호화 항목 · 부분검색 불가(전체 일치)</div>
<table id="grid"></table>
<div id="pager"></div>
</div><!-- end content_middle -->
</div><!-- end right_box -->
</body>
</html>