From 21ea5ff10ff6410d5f81d61b1dfeee0ee4d4d426 Mon Sep 17 00:00:00 2001
From: hoon7566 <hoon7566@gmail.com>
Date: Mon, 21 Mar 2022 20:57:42 +0900
Subject: [PATCH] =?UTF-8?q?feat(owner-vue):=20dashboard=20=ED=8E=98?=
 =?UTF-8?q?=EC=9D=B4=EC=A7=80=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- dashboard 페이지 추가
---
 owner-vue/src/api/order.js            |  3 +
 owner-vue/src/router/index.js         | 12 +++-
 owner-vue/src/views/HomeDashBoard.vue | 88 +++++++++++++++++++++++++++
 3 files changed, 100 insertions(+), 3 deletions(-)
 create mode 100644 owner-vue/src/views/HomeDashBoard.vue

diff --git a/owner-vue/src/api/order.js b/owner-vue/src/api/order.js
index b309bf6..cdc0d8b 100644
--- a/owner-vue/src/api/order.js
+++ b/owner-vue/src/api/order.js
@@ -25,5 +25,8 @@ export default {
             orderStatus: orderStatus
         }
         return axios.patch(process.env.VUE_APP_OWNER_SERVICE_BASEURL + "/order-service/order/" + orderId, body);
+    },
+    findDashboard(){
+        return axios.get(process.env.VUE_APP_API_URL + "/order/dashboard");
     }
 }
\ No newline at end of file
diff --git a/owner-vue/src/router/index.js b/owner-vue/src/router/index.js
index f9e74ea..ac6ebec 100644
--- a/owner-vue/src/router/index.js
+++ b/owner-vue/src/router/index.js
@@ -24,10 +24,16 @@ const authCheck = async function (to, from, next) {
 };
 const routes = [
   {
-    path: '/order',
-    redirect: 'order',
+    path: '/',
+    redirect: 'dashboard',
     component: DashboardLayout,
     children: [
+      {
+        path: '/dashboard',
+        name: 'dashboard',
+        beforeEnter: authCheck,
+        component: () => import('./../views/HomeDashBoard')
+      },
       {
         path: '/category',
         name: 'category',
@@ -61,7 +67,7 @@ const routes = [
     ]
   },
   {
-    path: '/',
+    path: '/login',
     redirect: 'login',
     component: AuthLayout,
     children: [
diff --git a/owner-vue/src/views/HomeDashBoard.vue b/owner-vue/src/views/HomeDashBoard.vue
new file mode 100644
index 0000000..7d96b3d
--- /dev/null
+++ b/owner-vue/src/views/HomeDashBoard.vue
@@ -0,0 +1,88 @@
+<template>
+
+  <v-container fluid>
+    <v-row>
+
+      <v-col
+          v-for="(item, index) in items1"
+          :key="`sheet-${index}`"
+          cols="12"
+          sm="6"
+      >
+        <v-card elevation="2" class="rounded-lg">
+          <v-card-text class="d-flex justify-space-between align-center">
+            <div>
+              <strong>{{ item.title }}</strong> <br>
+              <span>00~00</span>
+            </div>
+            <v-avatar size="60" :color="item.color" style="border: 3px solid #444">
+              <span style="color: white">{{item.amount}} </span>
+            </v-avatar>
+          </v-card-text>
+          <v-card-actions class="d-flex justify-space-between">
+
+
+          </v-card-actions>
+        </v-card>
+      </v-col>
+      <v-col cols="12">
+        <v-card>
+          <v-card-title>
+            <v-icon
+                :color="checking ? 'red lighten-2' : 'indigo'"
+                class="mr-12"
+                size="64"
+                @click="takePulse"
+            >
+              mdi-currency-usd
+            </v-icon>
+            판매금액
+          </v-card-title>
+
+          <v-sheet color="transparent">
+            <v-sparkline
+                :key="String(avg)"
+                :smooth="16"
+                :gradient="['#f72047', '#ffd200', '#1feaea']"
+                :line-width="3"
+                :value="heartbeats"
+                auto-draw
+                stroke-linecap="round"
+            />
+          </v-sheet>
+        </v-card>
+      </v-col>
+    </v-row>
+  </v-container>
+
+</template>
+
+<script>
+import orderApi from "@/api/order";
+
+export default {
+  name: "HomeDashBoard",
+  props: ['userInfo'],
+  data() {
+    return {
+      salesAmount:{},
+      bestSellItem:{},
+      sellAmountAWeeks:{},
+    }
+  },mounted() {
+    let vm = this
+    orderApi.findDashboard().then(response => {
+      console.log(response)
+      vm.salesAmount = this.data.salesAmount
+      vm.bestSellItem = this.data.bestSellItem
+      vm.sellAmountAWeeks = this.data.sellAmountAWeeks
+    }).catch(error =>{
+      console.log(error.response)
+    });
+  }
+}
+</script>
+
+<style scoped>
+
+</style>
\ No newline at end of file