From 85fcbc01da7f728b1342504d2187e50ff63a7cd8 Mon Sep 17 00:00:00 2001
From: Rinjae <dearmai@dearmai.net>
Date: Mon, 22 Dec 2025 18:09:17 +0900
Subject: [PATCH] =?UTF-8?q?=EC=88=98=EC=88=98=EB=A3=8C=20=EC=A1=B0?=
 =?UTF-8?q?=ED=9A=8C=20UX=20=EB=B3=80=EA=B2=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../apps/commission/commissionManage.html     | 20 ++++++++++++++++++-
 1 file changed, 19 insertions(+), 1 deletion(-)

diff --git a/src/main/resources/templates/views/apps/commission/commissionManage.html b/src/main/resources/templates/views/apps/commission/commissionManage.html
index 663e903..fdc24bc 100644
--- a/src/main/resources/templates/views/apps/commission/commissionManage.html
+++ b/src/main/resources/templates/views/apps/commission/commissionManage.html
@@ -38,6 +38,7 @@
       </span>
     </span>
     <span class="btnBox">
+      <span id="searchedPeriod" class="searched-period" style="display:none; margin-right:10px; font-weight:bold; color:#28a745;"></span>
       <button type="button" class="btn btn-primary" onclick="loadData()">
         <span class="fa fa-search"></span><span>조회</span>
       </button>
@@ -186,9 +187,11 @@
 
 <th:block layout:fragment="contentScript">
   <script th:inline="javascript">
-    // 페이지 로드 시 초기화
+    // 페이지 로드 시 초기화 및 자동 조회
     document.addEventListener('DOMContentLoaded', function() {
       initializeDateSelects();
+      // 페이지 로딩 후 자동 조회
+      loadData();
     });
 
     function initializeDateSelects() {
@@ -221,6 +224,17 @@
       monthSelect.value = lastMonth.toString();
     }
 
+    function showSearchedPeriod(year, month) {
+      const searchedPeriodEl = document.getElementById('searchedPeriod');
+      searchedPeriodEl.textContent = year + '년 ' + month + '월 조회완료';
+      searchedPeriodEl.style.display = 'inline';
+    }
+
+    function hideSearchedPeriod() {
+      const searchedPeriodEl = document.getElementById('searchedPeriod');
+      searchedPeriodEl.style.display = 'none';
+    }
+
     function formatNumber(num) {
       return new Intl.NumberFormat('ko-KR').format(num);
     }
@@ -259,6 +273,7 @@
         .then(data => renderCommissionData(data, year, month))
         .catch(error => {
           console.error('Error:', error);
+          hideSearchedPeriod();
           customPopups.showAlert(error.message || '데이터 조회 중 오류가 발생했습니다.');
         });
 
@@ -420,6 +435,9 @@
 
       // 출력 버튼 표시
       document.getElementById('printBtn').style.display = 'inline-block';
+
+      // 조회 기간 표시
+      showSearchedPeriod(year, month);
     }
 
     function printCommission() {