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>