From 4c9d872f21af2967b3be365366beff832941d388 Mon Sep 17 00:00:00 2001
From: Coffee-crocodile <1147347984@qq.com>
Date: Tue, 27 Sep 2022 13:39:38 +0800
Subject: [PATCH] =?UTF-8?q?feat(project):=20=E5=A2=9E=E5=8A=A0=E5=B7=A5?=
 =?UTF-8?q?=E4=BD=9C=E5=8F=B0=E9=A1=B5=E9=9D=A2=E7=BB=93=E6=9E=84?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/dashboard/workbench/index.vue | 86 ++++++++++++++++++++++++-
 1 file changed, 84 insertions(+), 2 deletions(-)

diff --git a/src/views/dashboard/workbench/index.vue b/src/views/dashboard/workbench/index.vue
index 18f68bd..d4c8751 100644
--- a/src/views/dashboard/workbench/index.vue
+++ b/src/views/dashboard/workbench/index.vue
@@ -1,7 +1,89 @@
 <template>
-  <div>工作台</div>
+  <n-grid :x-gap="16" :y-gap="16">
+    <n-gi :span="24">
+      <n-card>
+        <n-space justify="space-between">
+          <div class="flex-y-center">
+            <n-avatar round :size="64" :src="authStore.userInfo?.avatar" />
+            <div class="pl-12px">
+              <h3 class="text-18px font-semibold">您好，{{ authStore.userInfo.realName }},今天又是充满活力的一天！</h3>
+              <p class="leading-30px text-[#999]">今日多云转晴，20℃ - 25℃！</p>
+            </div>
+          </div>
+          <n-row class="w-450px">
+            <n-col :span="10">
+              <n-statistic label="统计数据" :value="99">
+                <template #prefix>
+                  <i-icon-park-outline-chart-histogram />
+                </template>
+                <template #suffix>/ 100</template>
+              </n-statistic>
+            </n-col>
+            <n-col :span="10">
+              <n-statistic label="活跃用户" value="34,123">
+                <template #prefix>
+                  <i-icon-park-outline-customer />
+                </template>
+              </n-statistic>
+            </n-col>
+            <n-col :span="4">
+              <n-statistic label="待办" :value="18">
+                <template #prefix>
+                  <i-icon-park-outline-list-checkbox />
+                </template>
+              </n-statistic>
+            </n-col>
+          </n-row>
+        </n-space>
+      </n-card>
+    </n-gi>
+    <n-gi :span="15">
+      <n-card title="动态">
+        <template #header-extra><n-button type="primary" quaternary>更多动态</n-button></template>
+        <n-list>
+          <template #header>hhh</template>
+          <template #footer>fff</template>
+          <n-list-item>
+            <template #prefix>
+              <n-button>Prefix</n-button>
+            </template>
+            <template #suffix>
+              <n-button>Suffix</n-button>
+            </template>
+            <n-thing title="Thing" title-extra="extra" description="description">
+              Biu
+              <br />
+              Biu
+              <br />
+              Biu
+              <br />
+            </n-thing>
+          </n-list-item>
+          <n-list-item>
+            <n-thing title="Thing" title-extra="extra" description="description" />
+          </n-list-item>
+        </n-list>
+      </n-card>
+    </n-gi>
+    <n-gi :span="9">
+      <n-card title="快捷入口">
+        <n-grid :x-gap="8" :y-gap="8">
+          <n-gi :span="8"><n-card title="卡片" hoverable>卡片内容</n-card></n-gi>
+          <n-gi :span="8"><n-card title="卡片" hoverable>卡片内容</n-card></n-gi>
+          <n-gi :span="8"><n-card title="卡片" hoverable>卡片内容</n-card></n-gi>
+          <n-gi :span="8"><n-card title="卡片" hoverable>卡片内容</n-card></n-gi>
+          <n-gi :span="8"><n-card title="卡片" hoverable>卡片内容</n-card></n-gi>
+          <n-gi :span="8"><n-card title="卡片" hoverable>卡片内容</n-card></n-gi>
+        </n-grid>
+      </n-card>
+    </n-gi>
+  </n-grid>
 </template>
 
-<script setup lang="ts"></script>
+<script setup lang="ts">
+import { useAuthStore } from '@/store';
+
+const authStore = useAuthStore();
+</script>
 
 <style scoped></style>