콘텐츠 정산 - 엑셀 다운로드 추가

src/router/index.js

@@ -116,7 +116,7 @@ const routes = [
                 component: () => import(/* webpackChunkName: "calculate" */ '../views/Calculate/CalculateLive.vue')
             },
             {
-                path: '/calculate/content',
+                path: '/calculate/content-by-date',
                 name: 'CalculateContent',
                 component: () => import(/* webpackChunkName: "calculate" */ '../views/Calculate/CalculateContent.vue')
             },

src/views/Calculate/CalculateContent.vue

@@ -43,6 +43,28 @@
             조회
           </v-btn>
         </v-col>
+
+
+        <v-spacer />
+
+        <v-col cols="2">
+          <vue-excel-xlsx
+            :data="items"
+            :columns="columns"
+            :file-name="'정산'"
+            :file-type="'xlsx'"
+            :sheet-name="'정산'"
+          >
+            <v-btn
+              block
+              color="#9970ff"
+              dark
+              depressed
+            >
+              엑셀 다운로드
+            </v-btn>
+          </vue-excel-xlsx>
+        </v-col>
       </v-row>
       <v-row>
         <v-col>
@@ -122,6 +144,60 @@ export default {
       start_date: null,
       end_date: null,
       items: [],
+      columns: [
+        {
+          label: '판매일',
+          field: 'saleDate',
+        },
+        {
+          label: '크리에이터',
+          field: 'nickname',
+        },
+        {
+          label: '제목',
+          field: 'title',
+        },
+        {
+          label: '구분',
+          field: 'orderType',
+        },
+        {
+          label: '판매금액(캔)',
+          field: 'orderPrice',
+        },
+        {
+          label: '판매수',
+          field: 'numberOfPeople',
+        },
+        {
+          label: '합계(캔)',
+          field: 'totalCan',
+        },
+        {
+          label: '원화',
+          field: 'totalKrw',
+        },
+        {
+          label: '수수료\n(6.6%)',
+          field: 'paymentFee',
+        },
+        {
+          label: '정산금액',
+          field: 'settlementAmount',
+        },
+        {
+          label: '원천세\n(3.3%)',
+          field: 'tax',
+        },
+        {
+          label: '입금액',
+          field: 'depositAmount',
+        },
+        {
+          label: '등록일',
+          field: 'registrationDate',
+        },
+      ],
       headers: [
         {
           text: '판매일',