From 0d494d34820ebf69980907f920e19a0fb39c189e Mon Sep 17 00:00:00 2001
From: Yu Sung <hwchon1234@gmail.com>
Date: Sat, 11 Apr 2026 23:11:22 +0900
Subject: [PATCH] =?UTF-8?q?feat(agent):=20=EC=A0=95=EC=82=B0=20=EC=9B=94?=
 =?UTF-8?q?=20=EB=9D=BC=EB=B2=A8=20=EC=B6=94=EA=B0=80=20=EB=B0=8F=20?=
 =?UTF-8?q?=ED=85=8C=EC=9D=B4=EB=B8=94=20=EC=A0=95=EB=A0=AC/=EB=A0=88?=
 =?UTF-8?q?=EC=9D=B4=EC=95=84=EC=9B=83=20=EA=B0=9C=EC=84=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 상단 레이아웃을 6/6으로 분할하고 좌측에 현재 `<월> 정산 내역` 라벨 표시
- 총 에이전트 수 표시는 우측 정렬로 유지
- 금액/합계 열 정렬을 text-right → text-center로 통일하여 가독성 향상
- 전역 테이블 셀 가운데 정렬 CSS 추가(th/td)
- 클릭 가능한 금액 셀의 UX 유지(cursor: pointer)
---
 src/views/Agent/AgentList.vue | 32 +++++++++++++++++++++++++-------
 1 file changed, 25 insertions(+), 7 deletions(-)

diff --git a/src/views/Agent/AgentList.vue b/src/views/Agent/AgentList.vue
index 1f7d87c..6c9527c 100644
--- a/src/views/Agent/AgentList.vue
+++ b/src/views/Agent/AgentList.vue
@@ -11,7 +11,13 @@
     <v-container>
       <v-row>
         <v-col
-          cols="12"
+          cols="6"
+          class="text-left"
+        >
+          <strong>{{ settlementMonthLabel }}</strong>
+        </v-col>
+        <v-col
+          cols="6"
           class="text-right"
         >
           총 에이전트 수: <strong>{{ totalCount | numberFormat }}</strong>
@@ -65,36 +71,36 @@
                     {{ item.assignedCreatorCount | numberFormat }}
                   </td>
                   <td
-                    class="text-right clickable"
+                    class="text-center clickable"
                     @click="goSettlement(item, 'live')"
                   >
                     {{ formatCurrency(item.liveAgentSettlementAmount) }}
                   </td>
                   <td
-                    class="text-right clickable"
+                    class="text-center clickable"
                     @click="goSettlement(item, 'content')"
                   >
                     {{ formatCurrency(item.contentAgentSettlementAmount) }}
                   </td>
                   <td
-                    class="text-right clickable"
+                    class="text-center clickable"
                     @click="goSettlement(item, 'community')"
                   >
                     {{ formatCurrency(item.communityAgentSettlementAmount) }}
                   </td>
                   <td
-                    class="text-right clickable"
+                    class="text-center clickable"
                     @click="goSettlement(item, 'content-donation')"
                   >
                     {{ formatCurrency(item.contentDonationAgentSettlementAmount) }}
                   </td>
                   <td
-                    class="text-right clickable"
+                    class="text-center clickable"
                     @click="goSettlement(item, 'channel-donation')"
                   >
                     {{ formatCurrency(item.channelDonationAgentSettlementAmount) }}
                   </td>
-                  <td class="text-right">
+                  <td class="text-center">
                     {{ formatCurrency(totalAmount(item)) }}
                   </td>
                 </tr>
@@ -146,6 +152,13 @@ export default {
       is_loading: false,
     }
   },
+  computed: {
+    settlementMonthLabel() {
+      const now = new Date()
+      const month = now.getMonth() + 1 // 1~12
+      return `${month}월 정산 내역`
+    }
+  },
   created() {
     this.fetchList()
   },
@@ -221,4 +234,9 @@ export default {
 .clickable {
   cursor: pointer;
 }
+/* 테이블 셀 가운데 정렬 */
+table th,
+table td {
+  text-align: center !important;
+}
 </style>