From 5be8eabb5b58f7c10a9612e86fcb48adf6ff81f8 Mon Sep 17 00:00:00 2001
From: Yu Sung <hwchon1234@gmail.com>
Date: Mon, 13 Nov 2023 14:41:25 +0900
Subject: [PATCH] =?UTF-8?q?=EC=BD=98=ED=85=90=EC=B8=A0=20=EC=A0=95?=
 =?UTF-8?q?=EC=82=B0=20-=20=EC=97=91=EC=85=80=20=EB=8B=A4=EC=9A=B4?=
 =?UTF-8?q?=EB=A1=9C=EB=93=9C=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/router/index.js                      |  2 +-
 src/views/Calculate/CalculateContent.vue | 76 ++++++++++++++++++++++++
 2 files changed, 77 insertions(+), 1 deletion(-)

diff --git a/src/router/index.js b/src/router/index.js
index bf66be8..b8efc3e 100644
--- a/src/router/index.js
+++ b/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')
             },
diff --git a/src/views/Calculate/CalculateContent.vue b/src/views/Calculate/CalculateContent.vue
index ac7f61c..97291f2 100644
--- a/src/views/Calculate/CalculateContent.vue
+++ b/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: '판매일',