feat(calculate): 라이브 환불 기능 API 연동 및 UI 수정

- refundLive API 요청 파라미터를 canUsage에서 canUsageStr로 변경
- CalculateLive 화면의 환불 함수에서 canUsageStr을 전달하도록 수정
- API URL(/admin/calculate/live/refund) 및 필드 요구사항 반영

src/api/calculate.js

@@ -138,6 +138,15 @@ async function deleteCreatorSettlementRatio(memberId) {
     return Vue.axios.post('/admin/calculate/ratio/delete/' + memberId);
 }
 
+async function refundLive(roomId, canUsageStr) {
+    const request = {
+        roomId: roomId,
+        canUsageStr: canUsageStr
+    };
+
+    return Vue.axios.post('/admin/calculate/live/refund', request);
+}
+
 export {
     getCalculateLive,
     getCalculateContent,
@@ -148,6 +157,7 @@ export {
     createCreatorSettlementRatio,
     updateCreatorSettlementRatio,
     deleteCreatorSettlementRatio,
+    refundLive,
     getCalculateLiveByCreator,
     getCalculateContentByCreator,
     getCalculateCommunityByCreator,

src/views/Calculate/CalculateLive.vue

@@ -69,10 +69,6 @@
             class="elevation-1"
             hide-default-footer
           >
-            <template v-slot:item.email="{ item }">
-              {{ item.email }}
-            </template>
-
             <template v-slot:item.nickname="{ item }">
               {{ item.nickname }}
             </template>
@@ -116,6 +112,16 @@
             <template v-slot:item.depositAmount="{ item }">
               {{ item.depositAmount.toLocaleString() }} 원
             </template>
+
+            <template v-slot:item.actions="{ item }">
+              <v-btn
+                small
+                color="error"
+                @click="refund(item)"
+              >
+                환불
+              </v-btn>
+            </template>
           </v-data-table>
         </v-col>
       </v-row>
@@ -151,12 +157,6 @@ export default {
       total_page: 0,
       items: [],
       headers: [
-        {
-          text: '이메일',
-          align: 'center',
-          sortable: false,
-          value: 'email',
-        },
         {
           text: '크리에이터',
           align: 'center',
@@ -227,6 +227,12 @@ export default {
           align: 'center',
           sortable: false,
           value: 'depositAmount',
+        },
+        {
+          text: '관리',
+          align: 'center',
+          sortable: false,
+          value: 'actions',
         }
       ],
     }
@@ -286,6 +292,22 @@ export default {
       this.getCalculateLive()
     },
 
+    async refund(item) {
+      if (confirm('정말로 환불하시겠습니까?')) {
+        try {
+          const res = await api.refundLive(item.roomId, item.canUsageStr)
+          if (res.status === 200 && res.data.success === true) {
+            this.notifySuccess('환불 처리가 완료되었습니다.')
+            await this.getCalculateLive()
+          } else {
+            this.notifyError(res.data.message || '환불 처리 중 오류가 발생했습니다.')
+          }
+        } catch (e) {
+          this.notifyError('환불 처리 중 오류가 발생했습니다.')
+        }
+      }
+    },
+
     async downloadExcel() {
       try {
         const res = await api.downloadCalculateLiveExcel(this.start_date, this.end_date)