From 3f86d41c612a29a963f2c4b0d97a01a460b7f3b2 Mon Sep 17 00:00:00 2001
From: wang_fan_w <2547096351@qq.com>
Date: Sun, 16 Jun 2024 22:57:26 +0800
Subject: [PATCH 1/5] =?UTF-8?q?feat:=20=E7=94=A8=E6=88=B7=E4=B8=AD?=
 =?UTF-8?q?=E5=BF=83?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/lang/modules/enUS.ts                      |  3 ++
 src/lang/modules/zhCN.ts                      |  3 ++
 src/router/route.ts                           | 48 +++++++++++++++++++
 src/style/card-animation.scss                 |  2 +
 src/style/media/layout.scss                   |  1 +
 src/views/about-project/about-project.vue     |  2 +-
 .../internationalization.vue                  |  2 +-
 .../second-menu/second-menu-1.vue             |  2 +-
 .../third-menu/third-menu-1.vue               |  2 +-
 .../third-menu/third-menu-2.vue               |  2 +-
 .../third-menu/third-menu-3.vue               |  2 +-
 .../third-menu/third-menu-4.vue               |  2 +-
 .../third-menu/third-menu-5.vue               |  2 +-
 .../third-menu/third-menu-6.vue               |  2 +-
 .../third-menu/third-menu-7.vue               |  2 +-
 .../third-menu/third-menu-8.vue               |  2 +-
 .../third-menu/third-menu-9.vue               |  2 +-
 .../user-settings/user-settings.vue           |  7 +++
 .../personal-center/userinfo/userinfo.vue     |  7 +++
 19 files changed, 83 insertions(+), 12 deletions(-)
 create mode 100644 src/views/personal-center/user-settings/user-settings.vue
 create mode 100644 src/views/personal-center/userinfo/userinfo.vue

diff --git a/src/lang/modules/enUS.ts b/src/lang/modules/enUS.ts
index bd40c6e..ce6278b 100644
--- a/src/lang/modules/enUS.ts
+++ b/src/lang/modules/enUS.ts
@@ -20,6 +20,9 @@ export default {
     ["third-menu-7"]: "third-menu-7",
     ["third-menu-8"]: "third-menu-8",
     ["third-menu-9"]: "third-menu-9",
+    ["personal-center"]: "personal center",
+    ["userinfo"]: "userinfo",
+    ["user-settings"]: "user settings",
     ["about-project"]: "about project",
     ["not-power"]: "No permission",
     ["not-found"]: "Page not found",
diff --git a/src/lang/modules/zhCN.ts b/src/lang/modules/zhCN.ts
index 1bed652..4764bf5 100644
--- a/src/lang/modules/zhCN.ts
+++ b/src/lang/modules/zhCN.ts
@@ -20,6 +20,9 @@ export default {
     ["third-menu-7"]: "三级菜单-7",
     ["third-menu-8"]: "三级菜单-8",
     ["third-menu-9"]: "三级菜单-9",
+    ["personal-center"]: "用户中心",
+    ["userinfo"]: "用户信息",
+    ["user-settings"]: "用户设置",
     ["about-project"]: "关于项目",
     ["not-power"]: "没有权限",
     ["not-found"]: "未找到页面",
diff --git a/src/router/route.ts b/src/router/route.ts
index 65353d0..1b70f1e 100644
--- a/src/router/route.ts
+++ b/src/router/route.ts
@@ -239,6 +239,54 @@ export const dynamicRoutes: RouteRecordRaw[] = [
           }
         ]
       },
+      {
+        path: "/personal-center",
+        name: "personal-center",
+        meta: {
+          title: "personal-center",
+          link: "",
+          hide: false,
+          keepAlive: true,
+          affix: false,
+          iframe: false,
+          roles: ["admin"],
+          svgIcon: "user"
+        },
+        children: [
+          {
+            path: "/personal-center/userinfo",
+            name: "userinfo",
+            component: () => import("@/views/personal-center/userinfo/userinfo.vue"),
+            meta: {
+              title: "userinfo",
+              link: "",
+              hide: false,
+              keepAlive: true,
+              affix: false,
+              iframe: false,
+              roles: ["admin"],
+              icon: "icon-menu"
+            },
+            children: []
+          },
+          {
+            path: "/personal-center/user-settings",
+            name: "user-settings",
+            component: () => import("@/views/personal-center/user-settings/user-settings.vue"),
+            meta: {
+              title: "user-settings",
+              link: "",
+              hide: false,
+              keepAlive: true,
+              affix: false,
+              iframe: false,
+              roles: ["admin"],
+              icon: "icon-menu"
+            },
+            children: []
+          }
+        ]
+      },
       {
         path: "/internationalization",
         name: "internationalization",
diff --git a/src/style/card-animation.scss b/src/style/card-animation.scss
index 3b48d8b..b647212 100644
--- a/src/style/card-animation.scss
+++ b/src/style/card-animation.scss
@@ -9,6 +9,8 @@
   }
 }
 
+// 卡片过渡动画
+// 根据遍历的卡片数量应用动画，卡片数量支持20个
 @for $i from 0 through 20 {
   .animated-fade-up-#{$i} {
     opacity: 0; // 初始透明度
diff --git a/src/style/media/layout.scss b/src/style/media/layout.scss
index e1618e5..f9a322b 100644
--- a/src/style/media/layout.scss
+++ b/src/style/media/layout.scss
@@ -1,5 +1,6 @@
 @import "./index.scss";
 
+// 处理首页数据图大小
 // 页面宽度 大于 0px 小于 992px;
 @media screen and (min-width: $xs) and (max-width: $lg) {
   .sell-histogram {
diff --git a/src/views/about-project/about-project.vue b/src/views/about-project/about-project.vue
index 58c1110..7c7a4ef 100644
--- a/src/views/about-project/about-project.vue
+++ b/src/views/about-project/about-project.vue
@@ -1,5 +1,5 @@
 <template>
-  <div>关于项目</div>
+  <div class="dc-page">关于项目</div>
 </template>
 
 <script setup lang="ts"></script>
diff --git a/src/views/internationalization/internationalization.vue b/src/views/internationalization/internationalization.vue
index f2624de..4f3bcc6 100644
--- a/src/views/internationalization/internationalization.vue
+++ b/src/views/internationalization/internationalization.vue
@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div class="dc-page">
     <a-date-picker style="width: 200px" />
     <a-pagination :total="50" show-total show-jumper show-page-size />
   </div>
diff --git a/src/views/multilevel-menu/second-menu/second-menu-1.vue b/src/views/multilevel-menu/second-menu/second-menu-1.vue
index 13fe816..919e850 100644
--- a/src/views/multilevel-menu/second-menu/second-menu-1.vue
+++ b/src/views/multilevel-menu/second-menu/second-menu-1.vue
@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div class="dc-page">
     <div>二级-菜单 页面缓存</div>
     <a-input :style="{ width: '320px' }" placeholder="请输入内容测试页面缓存" allow-clear v-model="form" />
   </div>
diff --git a/src/views/multilevel-menu/third-menu/third-menu-1.vue b/src/views/multilevel-menu/third-menu/third-menu-1.vue
index 8427036..b7a5d2e 100644
--- a/src/views/multilevel-menu/third-menu/third-menu-1.vue
+++ b/src/views/multilevel-menu/third-menu/third-menu-1.vue
@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div class="dc-page">
     <div>三级-菜单-01 页面缓存</div>
     <a-input :style="{ width: '320px' }" placeholder="请输入内容测试页面缓存" allow-clear v-model="form" />
   </div>
diff --git a/src/views/multilevel-menu/third-menu/third-menu-2.vue b/src/views/multilevel-menu/third-menu/third-menu-2.vue
index f466ce2..c3d8cfc 100644
--- a/src/views/multilevel-menu/third-menu/third-menu-2.vue
+++ b/src/views/multilevel-menu/third-menu/third-menu-2.vue
@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div class="dc-page">
     <div>三级-菜单-02 页面缓存</div>
     <a-input :style="{ width: '320px' }" placeholder="请输入内容测试页面缓存" allow-clear v-model="form" />
   </div>
diff --git a/src/views/multilevel-menu/third-menu/third-menu-3.vue b/src/views/multilevel-menu/third-menu/third-menu-3.vue
index dce9a60..dc02ea6 100644
--- a/src/views/multilevel-menu/third-menu/third-menu-3.vue
+++ b/src/views/multilevel-menu/third-menu/third-menu-3.vue
@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div class="dc-page">
     <div>三级-菜单-03</div>
   </div>
 </template>
diff --git a/src/views/multilevel-menu/third-menu/third-menu-4.vue b/src/views/multilevel-menu/third-menu/third-menu-4.vue
index ee766f4..510f10b 100644
--- a/src/views/multilevel-menu/third-menu/third-menu-4.vue
+++ b/src/views/multilevel-menu/third-menu/third-menu-4.vue
@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div class="dc-page">
     <div>三级-菜单-04</div>
   </div>
 </template>
diff --git a/src/views/multilevel-menu/third-menu/third-menu-5.vue b/src/views/multilevel-menu/third-menu/third-menu-5.vue
index 2b7dbb8..b4a2e21 100644
--- a/src/views/multilevel-menu/third-menu/third-menu-5.vue
+++ b/src/views/multilevel-menu/third-menu/third-menu-5.vue
@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div class="dc-page">
     <div>三级-菜单-05</div>
   </div>
 </template>
diff --git a/src/views/multilevel-menu/third-menu/third-menu-6.vue b/src/views/multilevel-menu/third-menu/third-menu-6.vue
index 7421398..579d279 100644
--- a/src/views/multilevel-menu/third-menu/third-menu-6.vue
+++ b/src/views/multilevel-menu/third-menu/third-menu-6.vue
@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div class="dc-page">
     <div>三级-菜单-06</div>
   </div>
 </template>
diff --git a/src/views/multilevel-menu/third-menu/third-menu-7.vue b/src/views/multilevel-menu/third-menu/third-menu-7.vue
index c2f8128..1a9dcc5 100644
--- a/src/views/multilevel-menu/third-menu/third-menu-7.vue
+++ b/src/views/multilevel-menu/third-menu/third-menu-7.vue
@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div class="dc-page">
     <div>三级-菜单-07</div>
   </div>
 </template>
diff --git a/src/views/multilevel-menu/third-menu/third-menu-8.vue b/src/views/multilevel-menu/third-menu/third-menu-8.vue
index 6b38d8c..e84af7f 100644
--- a/src/views/multilevel-menu/third-menu/third-menu-8.vue
+++ b/src/views/multilevel-menu/third-menu/third-menu-8.vue
@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div class="dc-page">
     <div>三级-菜单-08</div>
   </div>
 </template>
diff --git a/src/views/multilevel-menu/third-menu/third-menu-9.vue b/src/views/multilevel-menu/third-menu/third-menu-9.vue
index af9a31d..b0a2baf 100644
--- a/src/views/multilevel-menu/third-menu/third-menu-9.vue
+++ b/src/views/multilevel-menu/third-menu/third-menu-9.vue
@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div class="dc-page">
     <div>三级-菜单-09</div>
   </div>
 </template>
diff --git a/src/views/personal-center/user-settings/user-settings.vue b/src/views/personal-center/user-settings/user-settings.vue
new file mode 100644
index 0000000..8a6a242
--- /dev/null
+++ b/src/views/personal-center/user-settings/user-settings.vue
@@ -0,0 +1,7 @@
+<template>
+  <div class="dc-page">用户设置</div>
+</template>
+
+<script setup lang="ts"></script>
+
+<style lang="scss" scoped></style>
diff --git a/src/views/personal-center/userinfo/userinfo.vue b/src/views/personal-center/userinfo/userinfo.vue
new file mode 100644
index 0000000..dd4ccc2
--- /dev/null
+++ b/src/views/personal-center/userinfo/userinfo.vue
@@ -0,0 +1,7 @@
+<template>
+  <div class="dc-page">个人中心</div>
+</template>
+
+<script setup lang="ts"></script>
+
+<style lang="scss" scoped></style>

From 6cb15a03ac7bef3b98164a850d9250cc991062b3 Mon Sep 17 00:00:00 2001
From: wang_fan_w <2547096351@qq.com>
Date: Sun, 16 Jun 2024 23:07:30 +0800
Subject: [PATCH 2/5] =?UTF-8?q?feat:=20=E5=B8=83=E5=B1=80=E8=AE=BE?=
 =?UTF-8?q?=E7=BD=AE=E6=A0=B7=E5=BC=8F=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/Header/components/theme-settings/index.vue       | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/layout/components/Header/components/theme-settings/index.vue b/src/layout/components/Header/components/theme-settings/index.vue
index 0beb381..0483ff0 100644
--- a/src/layout/components/Header/components/theme-settings/index.vue
+++ b/src/layout/components/Header/components/theme-settings/index.vue
@@ -136,6 +136,7 @@ const handleCancel = () => {
   align-items: center;
   justify-content: center;
   margin-bottom: $margin;
+  column-gap: $margin;
 }
 
 .layout-defaults,
@@ -143,7 +144,6 @@ const handleCancel = () => {
 .layout-mixing {
   width: 70px;
   height: 50px;
-  margin-right: $margin;
   background: $color-fill-1;
   border-radius: $radius-box;
   overflow: hidden;

From 55eef8ff66f3b81a60ebf36549e5546707a76b2f Mon Sep 17 00:00:00 2001
From: wang_fan_w <2547096351@qq.com>
Date: Sun, 16 Jun 2024 23:25:51 +0800
Subject: [PATCH 3/5] =?UTF-8?q?feat:=20=E5=9B=BD=E9=99=85=E5=8C=96?=
 =?UTF-8?q?=E9=A2=84=E8=A7=88?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../internationalization.vue                  | 24 +++++++++++++++++--
 1 file changed, 22 insertions(+), 2 deletions(-)

diff --git a/src/views/internationalization/internationalization.vue b/src/views/internationalization/internationalization.vue
index 4f3bcc6..415306a 100644
--- a/src/views/internationalization/internationalization.vue
+++ b/src/views/internationalization/internationalization.vue
@@ -1,7 +1,27 @@
 <template>
   <div class="dc-page">
-    <a-date-picker style="width: 200px" />
-    <a-pagination :total="50" show-total show-jumper show-page-size />
+    <p>请切换语言来预览国际化效果</p>
+    <br />
+    <div>
+      <a-date-picker style="width: 200px" />
+    </div>
+    <br />
+    <div>
+      <a-time-picker type="time-range" style="width: 252px" />
+    </div>
+    <br />
+    <div>
+      <a-range-picker
+        style="width: 360px"
+        show-time
+        :time-picker-props="{ defaultValue: ['00:00:00', '09:09:06'] }"
+        format="YYYY-MM-DD HH:mm"
+      />
+    </div>
+    <br />
+    <div>
+      <a-pagination :total="50" show-total show-jumper show-page-size />
+    </div>
   </div>
 </template>
 

From b03fd269f9e042e7d88ecfeed448f64127b08dcd Mon Sep 17 00:00:00 2001
From: wang_fan_w <2547096351@qq.com>
Date: Sun, 16 Jun 2024 23:29:01 +0800
Subject: [PATCH 4/5] =?UTF-8?q?feat:=20=E5=9B=BD=E9=99=85=E5=8C=96?=
 =?UTF-8?q?=E9=A2=84=E8=A7=88?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/lang/modules/enUS.ts                      |  3 +-
 src/lang/modules/zhCN.ts                      |  3 +-
 src/layout/components/Menu/index copy.vue     | 46 -------------------
 .../internationalization.vue                  |  2 +-
 4 files changed, 5 insertions(+), 49 deletions(-)
 delete mode 100644 src/layout/components/Menu/index copy.vue

diff --git a/src/lang/modules/enUS.ts b/src/lang/modules/enUS.ts
index ce6278b..7b08550 100644
--- a/src/lang/modules/enUS.ts
+++ b/src/lang/modules/enUS.ts
@@ -47,6 +47,7 @@ export default {
     ["logout"]: "logout",
     ["notice"]: "Notice",
     ["message"]: "Message",
-    ["backlog"]: "Backlog"
+    ["backlog"]: "Backlog",
+    ["switch-language-to-preview"]: "Please switch the language to preview the internationalization effect"
   }
 };
diff --git a/src/lang/modules/zhCN.ts b/src/lang/modules/zhCN.ts
index 4764bf5..cd9a366 100644
--- a/src/lang/modules/zhCN.ts
+++ b/src/lang/modules/zhCN.ts
@@ -47,6 +47,7 @@ export default {
     ["logout"]: "退出登录",
     ["notice"]: "通知",
     ["message"]: "消息",
-    ["backlog"]: "待办"
+    ["backlog"]: "待办",
+    ["switch-language-to-preview"]: "请切换语言来预览国际化效果"
   }
 };
diff --git a/src/layout/components/Menu/index copy.vue b/src/layout/components/Menu/index copy.vue
deleted file mode 100644
index 0b1ff0f..0000000
--- a/src/layout/components/Menu/index copy.vue	
+++ /dev/null
@@ -1,46 +0,0 @@
-<template>
-  <a-menu
-    :breakpoint="layoutType === 'layoutDefaults' ? undefined : 'xl'"
-    :mode="'vertical'"
-    :theme="asideDark ? 'dark' : 'light'"
-    :collapsed="collapsed"
-    :auto-scroll-into-view="true"
-    :auto-open-selected="true"
-    :accordion="isAccordion"
-    :selected-keys="[currentRoute.name]"
-    @menu-item-click="onMenuItem"
-  >
-    <MenuItem :route-tree="routeTree" />
-  </a-menu>
-</template>
-
-<script setup lang="ts">
-import MenuItem from "@/layout/components/Menu/menu-item.vue";
-import { storeToRefs } from "pinia";
-import { useThemeConfig } from "@/store/modules/theme-config";
-import { useRoutesListStore } from "@/store/modules/route-list";
-import { useRouter } from "vue-router";
-import { useRoutingMethod } from "@/hooks/useRoutingMethod";
-const router = useRouter();
-const routerStore = useRoutesListStore();
-const { routeTree, currentRoute } = storeToRefs(routerStore);
-const themeStore = useThemeConfig();
-const { collapsed, isAccordion, layoutType, asideDark } = storeToRefs(themeStore);
-
-/**
- * @description 菜单点击事件
- * @param {String} key
- */
-const onMenuItem = (key: string) => {
-  const { findLinearArray } = useRoutingMethod();
-  const find = findLinearArray(key);
-  // 路由存在则存入并跳转，不存在则跳404
-  if (find) {
-    router.push(find.path);
-  } else {
-    router.push("/404");
-  }
-};
-</script>
-
-<style lang="scss" scoped></style>
diff --git a/src/views/internationalization/internationalization.vue b/src/views/internationalization/internationalization.vue
index 415306a..09860df 100644
--- a/src/views/internationalization/internationalization.vue
+++ b/src/views/internationalization/internationalization.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="dc-page">
-    <p>请切换语言来预览国际化效果</p>
+    <p>{{ $t(`language.switch-language-to-preview`) }}</p>
     <br />
     <div>
       <a-date-picker style="width: 200px" />

From 859845158ffc362514d465acb37d13ddb489152d Mon Sep 17 00:00:00 2001
From: wang_fan_w <2547096351@qq.com>
Date: Sun, 16 Jun 2024 23:37:25 +0800
Subject: [PATCH 5/5] =?UTF-8?q?fix:=20=E6=A8=AA=E5=90=91=E6=A8=A1=E5=BC=8F?=
 =?UTF-8?q?=E7=9A=84=E6=A0=87=E9=A2=98=E6=B8=B2=E6=9F=93?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/layout/components/Logo/index.vue | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/src/layout/components/Logo/index.vue b/src/layout/components/Logo/index.vue
index 713a8b9..7b8702d 100644
--- a/src/layout/components/Logo/index.vue
+++ b/src/layout/components/Logo/index.vue
@@ -1,7 +1,7 @@
 <template>
   <div :class="layoutType == 'layoutHead' ? 'logo_head no-border' : 'logo_head'">
     <img :src="Logo" class="logo" />
-    <span :class="isDark ? 'logo_title dark' : 'logo_title'" v-if="!collapsed">dc admin</span>
+    <span :class="isDark ? 'logo_title dark' : 'logo_title'" v-if="isTitle">dc admin</span>
   </div>
 </template>
 
@@ -12,6 +12,7 @@ import { useThemeConfig } from "@/store/modules/theme-config";
 const themeStore = useThemeConfig();
 const { collapsed, asideDark, layoutType } = storeToRefs(themeStore);
 
+// 黑暗模式的文字渲染
 const isDark = computed(() => {
   if (asideDark.value && layoutType.value != "layoutHead") {
     return true;
@@ -19,6 +20,15 @@ const isDark = computed(() => {
     return false;
   }
 });
+
+// 是否展示标题
+const isTitle = computed(() => {
+  if (!collapsed.value || layoutType.value == "layoutHead") {
+    return true;
+  } else {
+    return false;
+  }
+});
 </script>
 
 <style lang="scss" scoped>