From 57ff474ce03e3b99ccb4f8e95b4dd2b7d77fc88b Mon Sep 17 00:00:00 2001
From: zjl <xx@qq.com>
Date: Mon, 16 Dec 2024 19:22:20 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AE=8C=E5=96=84=E6=8E=A7=E5=88=B6=E5=8F=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/dashboard/console.ts          | 38 ++++++++++++++++++++++++---
 src/views/dashboard/console/index.vue | 31 ++++++++++++++++++++--
 2 files changed, 63 insertions(+), 6 deletions(-)

diff --git a/src/api/dashboard/console.ts b/src/api/dashboard/console.ts
index 753788d..13011a9 100644
--- a/src/api/dashboard/console.ts
+++ b/src/api/dashboard/console.ts
@@ -31,8 +31,38 @@ export interface TypeConsole {
 
 //获取主控台信息
 export function getConsoleInfo() {
-  return http.request<TypeConsole>({
-    url: '/dashboard/console',
-    method: 'get',
-  });
+  return consoleInfo;
 }
+
+/**
+ * 模拟控制台数据
+ */
+const consoleInfo = {
+  //访问量
+  visits: {
+    dayVisits: 32335,
+    rise: 48,
+    decline: 85,
+    amount: 948113,
+  },
+  //销售额
+  saleroom: {
+    weekSaleroom: 90758,
+    amount: 411553,
+    degree: 38.245882,
+  },
+  //订单量
+  orderLarge: {
+    weekLarge: 35704,
+    rise: 28,
+    decline: 28,
+    amount: 480578,
+  },
+  //成交额度
+  volume: {
+    weekLarge: 67800,
+    rise: 96,
+    decline: 81,
+    amount: 826814,
+  },
+};
diff --git a/src/views/dashboard/console/index.vue b/src/views/dashboard/console/index.vue
index f1cb63a..45e6a29 100644
--- a/src/views/dashboard/console/index.vue
+++ b/src/views/dashboard/console/index.vue
@@ -292,7 +292,8 @@
 </template>
 
 <script lang="ts" setup>
-  import { onMounted, h } from 'vue';
+  import { ref, onMounted, h } from 'vue';
+  import { getConsoleInfo } from '@/api/dashboard/console';
   import { useNotification } from 'naive-ui';
   import NewVisitAmount from './components/NewVisitAmount.vue';
   import VisitSource from './components/VisitSource.vue';
@@ -310,6 +311,21 @@
     TagsOutlined,
     SettingOutlined,
   } from '@vicons/antd';
+  import type {
+    TypeConsole,
+    TypeOrderLarge,
+    TypeSaleroom,
+    TypeVisits,
+  } from '@/api/dashboard/console';
+
+  /**
+   * 定义参数
+   */
+  const loading = ref(true);
+  const visits = ref<TypeVisits>();
+  const saleroom = ref<TypeSaleroom>();
+  const orderLarge = ref<TypeOrderLarge>();
+  const volume = ref<TypeOrderLarge>();
 
   // 图标列表
   const iconList = [
@@ -387,8 +403,19 @@
     },
   ];
 
+  /**
+   * 钩子函数
+   */
   const notification = useNotification();
-  onMounted(() => {
+  onMounted(async () => {
+    const res: TypeConsole = await getConsoleInfo();
+    visits.value = res.visits;
+    saleroom.value = res.saleroom;
+    orderLarge.value = res.orderLarge;
+    volume.value = res.volume;
+    loading.value = false;
+
+    // 消息通知
     if (!localStorage.getItem('adClosed')) {
       notification.info({
         title: '双十二限时特惠',