feat(calculate): 정산 페이지 엑셀 다운로드 방식 수정

- vue-excel-xlsx 사용방식에서 API 호출 방식으로 변경

src/views/Calculate/CalculateLive.vue

@@ -35,7 +35,7 @@
         <v-col cols="2">
           <v-btn
             block
-            color="#9970ff"
+            color="#3bb9f1"
             dark
             depressed
             @click="getCalculateLive"
@@ -47,22 +47,15 @@
         <v-spacer />
 
         <v-col cols="2">
-          <vue-excel-xlsx
-            :data="items"
-            :columns="columns"
-            :file-name="'정산'"
-            :file-type="'xlsx'"
-            :sheet-name="'정산'"
+          <v-btn
+            block
+            color="#3bb9f1"
+            dark
+            depressed
+            @click="downloadExcel"
           >
-            <v-btn
-              block
-              color="#9970ff"
-              dark
-              depressed
-            >
-              엑셀 다운로드
-            </v-btn>
-          </vue-excel-xlsx>
+            엑셀 다운로드
+          </v-btn>
         </v-col>
       </v-row>
 
@@ -144,60 +137,6 @@ export default {
       start_date: null,
       end_date: null,
       items: [],
-      columns: [
-        {
-          label: "이메일",
-          field: "email",
-        },
-        {
-          label: "크리에이터",
-          field: "nickname",
-        },
-        {
-          label: "날짜",
-          field: "date",
-        },
-        {
-          label: "제목",
-          field: "title",
-        },
-        {
-          label: "구분",
-          field: "canUsageStr",
-        },
-        {
-          label: "입장캔",
-          field: "entranceFee",
-        },
-        {
-          label: "인원",
-          field: "numberOfPeople",
-        },
-        {
-          label: "합계(캔)",
-          field: "totalAmount",
-        },
-        {
-          label: "원화",
-          field: "totalKrw",
-        },
-        {
-          label: "결제수수료(6.6%)",
-          field: "paymentFee",
-        },
-        {
-          label: "정산금액",
-          field: "settlementAmount",
-        },
-        {
-          label: "원천세(3.3%)",
-          field: "tax",
-        },
-        {
-          label: "입금액",
-          field: "depositAmount",
-        },
-      ],
       headers: [
         {
           text: '이메일',
@@ -327,6 +266,21 @@ export default {
         this.notifyError('알 수 없는 오류가 발생했습니다. 다시 시도해 주세요.')
         this.is_loading = false
       }
+    },
+
+    async downloadExcel() {
+      try {
+        const res = await api.downloadCalculateLiveExcel(this.start_date, this.end_date)
+        const url = window.URL.createObjectURL(new Blob([res.data]))
+        const link = document.createElement('a')
+        link.href = url
+        link.setAttribute('download', '라이브정산.xlsx')
+        document.body.appendChild(link)
+        link.click()
+        document.body.removeChild(link)
+      } catch (e) {
+        this.notifyError('엑셀 다운로드 중 오류가 발생했습니다.')
+      }
     }
   }
 }