포탈사용자 일괄삭제 및 UI개선

WebContent/jsp/onl/apim/portaluser/portalUserMan.jsp

@@ -23,6 +23,44 @@
         var select_approvalStatus = "";
         var select_userStatus = "";
 
+        /* 선택된 사용자 일괄 삭제 */
+        function deleteSelectedUsers() {
+            var selectedIds = $("#grid").jqGrid('getGridParam', 'selarrrow');
+
+            if (selectedIds.length === 0) {
+                alert("삭제할 사용자를 선택해주세요.");
+                return;
+            }
+
+            if (!confirm("선택된 " + selectedIds.length + "명의 사용자를 삭제하시겠습니까?\n이 작업은 되돌릴 수 없습니다.")) {
+                return;
+            }
+
+            $.ajax({
+                type: "POST",
+                url: url,
+                dataType: "json",
+                data: {
+                    cmd: 'DELETE_MULTIPLE',
+                    ids: selectedIds.join(',')
+                },
+                success: function (data) {
+                    if (data.status === "success") {
+                        alert(data.message || "선택된 사용자가 삭제되었습니다.");
+                        $("#grid").trigger("reloadGrid");
+                        // 체크박스 초기화
+                        $("#grid").jqGrid('clearGridData', true);
+                        $("#grid").trigger("reloadGrid");
+                    } else {
+                        alert(data.message || "삭제 중 오류가 발생했습니다.");
+                    }
+                },
+                error: function (e) {
+                    alert("오류: " + e.responseText);
+                }
+            });
+        }
+
         function getGridSelectText(key, value, data) {
             if (!Array.isArray(data) || data.length === 0) {
                 return "";
@@ -119,6 +157,8 @@
                 autowidth: true,
                 viewrecords: true,
                 rowList: eval('[${rmsDefaultRowList}]'),
+                multiselect: true,
+                multiboxonly: true,
                 loadComplete: function (d) {
                     var records = $(this).getGridParam('records');
                     var page = $(this).getGridParam('page');
@@ -173,6 +213,10 @@
                 goNav(url2);
             });
 
+            $("#btn_delete_selected").click(function () {
+                deleteSelectedUsers();
+            });
+
             $("input[name^=search]").keydown(function (key) {
                 if (key.keyCode == 13) {
                     $("#btn_search").click();
@@ -200,6 +244,9 @@
             <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>

WebContent/jsp/onl/apim/portaluser/portalUserManDetail.jsp

@@ -363,7 +363,7 @@
             } else {
                 $("#title").append(" 등록")
                 $("#btn_modify").html('<i class="material-icons">save</i> <%= localeMessage.getString("button.register") %>');
-                $("#userStatus").val("ACTIVE");
+                $("#userStatus").val("READY");
                 $("#approvalStatus").val("COMPLETED");
                 $("#accountLockYn").val("N");
                 $("#roleCode").val("ROLE_USER").trigger('change');
@@ -645,9 +645,9 @@
                     <th><%= getRequiredLabel(localeMessage.getString("portalUser.mobileNumber")) %>
                     </th>
                     <td>
-                        <div class="input-group" style="width: 60%; display: flex;">
-                            <div class="select-style" style="width: 25%; display: inline-block;">
-                                <select id="mobilePrefix" style="padding-left: 10px;">
+                        <div class="input-group" style="width: 60%; display: flex; align-items: center; gap: 8px;">
+                            <div class="select-style" style="flex: 0 0 auto; width: 90px;">
+                                <select id="mobilePrefix" style="padding-left: 10px; width: 100%;">
                                     <option value="010">010</option>
                                     <option value="011">011</option>
                                     <option value="016">016</option>
@@ -655,10 +655,10 @@
                                     <option value="018">018</option>
                                 </select>
                             </div>
-                            <span class="mx-2">-</span>
-                            <input type="text" id="mobileMiddle" maxlength="4" style="width: 25%; text-align: center;"/>
-                            <span class="mx-2">-</span>
-                            <input type="text" id="mobileLast" maxlength="4" style="width: 25%; text-align: center;"/>
+                            <span>-</span>
+                            <input type="text" id="mobileMiddle" maxlength="4" style="flex: 1 1 auto; min-width: 60px; text-align: center;"/>
+                            <span>-</span>
+                            <input type="text" id="mobileLast" maxlength="4" style="flex: 1 1 auto; min-width: 60px; text-align: center;"/>
                             <input type="hidden" name="mobileNumber"/>
                         </div>
                     </td>