feat(projects): 添加exception页面：403，404，500

src/views/dashboard/analysis/components/DataCard.vue

@@ -0,0 +1,6 @@
+<template>
+  <div></div>
+</template>
+
+<script lang="ts" setup></script>
+<style scoped></style>

src/views/dashboard/analysis/index.vue

@@ -0,0 +1,55 @@
+<template>
+  <div>
+    <n-space>
+      <n-card v-for="item in cardData" :key="item.title" :title="item.title">
+        <template #header-extra>
+          <n-tag :type="item.color">{{ item.action }}</n-tag>
+        </template>
+      </n-card>
+    </n-space>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import { NSpace, NCard, NTag } from 'naive-ui';
+
+interface CardData {
+  title: string;
+  value: number;
+  total: number;
+  color: 'default' | 'primary' | 'warning' | 'success';
+  action: string;
+}
+
+const cardData: CardData[] = [
+  {
+    title: '访问数',
+    value: 2000,
+    total: 120000,
+    color: 'default',
+    action: '月'
+  },
+  {
+    title: '成交额',
+    value: 20000,
+    total: 500000,
+    color: 'success',
+    action: '月'
+  },
+  {
+    title: '下载数',
+    value: 8000,
+    total: 120000,
+    color: 'primary',
+    action: '周'
+  },
+  {
+    title: '成交数',
+    value: 5000,
+    total: 50000,
+    color: 'warning',
+    action: '年'
+  }
+];
+</script>
+<style scoped></style>

src/views/dashboard/workbench/index.vue

@@ -0,0 +1,6 @@
+<template>
+  <div></div>
+</template>
+
+<script lang="ts" setup></script>
+<style scoped></style>

src/views/system/exception/403.vue

@@ -1,6 +1,17 @@
 <template>
-  <div>403</div>
+  <div class="flex-center flex-col w-full h-full">
+    <exception-svg type="403" :color="theme.themeColor" />
+    <router-link to="/">
+      <n-button type="primary">回到首页</n-button>
+    </router-link>
+  </div>
 </template>
 
-<script lang="ts" setup></script>
+<script lang="ts" setup>
+import { NButton } from 'naive-ui';
+import { ExceptionSvg } from '@/components';
+import { useThemeStore } from '@/store';
+
+const theme = useThemeStore();
+</script>
 <style scoped></style>

src/views/system/exception/404.vue

@@ -1,6 +1,17 @@
 <template>
-  <div>404</div>
+  <div class="flex-center flex-col w-full h-full">
+    <exception-svg type="404" :color="theme.themeColor" />
+    <router-link to="/">
+      <n-button type="primary">回到首页</n-button>
+    </router-link>
+  </div>
 </template>
 
-<script lang="ts" setup></script>
+<script lang="ts" setup>
+import { NButton } from 'naive-ui';
+import { ExceptionSvg } from '@/components';
+import { useThemeStore } from '@/store';
+
+const theme = useThemeStore();
+</script>
 <style scoped></style>

src/views/system/exception/500.vue

@@ -1,6 +1,17 @@
 <template>
-  <div>500</div>
+  <div class="flex-center flex-col w-full h-full">
+    <exception-svg type="500" :color="theme.themeColor" />
+    <router-link to="/">
+      <n-button type="primary">回到首页</n-button>
+    </router-link>
+  </div>
 </template>
 
-<script lang="ts" setup></script>
+<script lang="ts" setup>
+import { NButton } from 'naive-ui';
+import { ExceptionSvg } from '@/components';
+import { useThemeStore } from '@/store';
+
+const theme = useThemeStore();
+</script>
 <style scoped></style>

src/views/system/login/index.vue

@@ -1,6 +1,18 @@
 <template>
-  <div>登陆页</div>
+  <div class="flex w-full h-full">
+    <div class="flex-center w-1/2 h-full">
+      <h3>登录</h3>
+    </div>
+    <div class="flex-center w-1/2 h-full bg-primary bg-opacity-25">
+      <banner-svg class="w-400px h-400px" type="1" :color="theme.themeColor" />
+    </div>
+  </div>
 </template>
 
-<script lang="ts" setup></script>
+<script lang="ts" setup>
+import { BannerSvg } from '@/components';
+import { useThemeStore } from '@/store';
+
+const theme = useThemeStore();
+</script>
 <style scoped></style>