Merge branch 'PingChuan' into shiy-login

# Conflicts:
#	app/config/api-config.ts
fix: 1. 修复无法加载数据的问题：没有从入口页中进来会缺少数据。
2. 加强后端接口关于token的校验错误和权限校验错误的管理。

feat: 1. 对接后端的数据看板的接口。
2. 将系统设置单独抽出来作为管理员的固定一个入口。

app/styles/pages/home.css

@@ -80,7 +80,7 @@
     display: flex;
     flex-direction: column;
     align-items: center;
-    justify-content: center;
+    justify-content: flex-start; /* 改为从顶部开始 */
     padding-bottom: 0;
     margin-bottom: 0;
     background-color: #f0f7f4;
@@ -91,27 +91,61 @@
   }
 
   .index-main-content-container {
-    padding: 2rem 0;
+    padding: 0;
     margin: 0 auto;
     width: 90%;
     max-width: 1200px;
-    transform: translateY(-7rem);
+    height: 100%;
+    display: flex;
+    flex-direction: column;
   }
+
   .welcome-text {
     font-size: 1.95rem;
     font-weight: 500;
     color: #333;
-    margin-bottom: 5rem;
     text-align: center;
+    /* 标题固定在页面上方 1/4 处，水平垂直居中 */
+    height: 25vh; /* 占据上方 25% 的高度 */
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin: 0;
+    flex-shrink: 0; /* 防止被压缩 */
   }
   
   .modules-container {
     display: flex;
+    flex-wrap: wrap; /* 自动换行 */
     justify-content: center;
+    align-content: flex-start; /* 内容从顶部开始排列 */
     gap: 2.5rem;
-    margin-bottom: 3rem;
+    flex: 1; /* 占据剩余空间 */
+    overflow-y: auto; /* 超出高度时显示垂直滚动条 */
+    overflow-x: hidden; /* 隐藏水平滚动条 */
+    padding: 2rem 0 3rem 0; /* 上下留出一些空间 */
   }
-  
+
+  /* 滚动条样式优化 */
+  .modules-container::-webkit-scrollbar {
+    width: 8px;
+  }
+
+  .modules-container::-webkit-scrollbar-track {
+    background: rgba(0, 0, 0, 0.05);
+    border-radius: 4px;
+  }
+
+  .modules-container::-webkit-scrollbar-thumb {
+    background: rgba(0, 104, 74, 0.3);
+    border-radius: 4px;
+    transition: background 0.2s;
+  }
+
+  .modules-container::-webkit-scrollbar-thumb:hover {
+    background: rgba(0, 104, 74, 0.5);
+  }
+
   .module-card {
     display: flex;
     align-items: center;
@@ -120,6 +154,7 @@
     padding: 0 2rem;
     height: 136px;
     width: 290px;
+    flex-shrink: 0; /* 防止卡片被压缩 */
     background: linear-gradient(180deg, #ebf1f7 0%, #ffffff 100%);
     border-radius: 8px;
     box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
@@ -234,22 +269,28 @@
 
     .index-main-content-container {
       width: 95%;
-      padding: 1rem 0;
-      transform: translateY(-2rem);
+      padding: 0;
     }
 
     .welcome-text {
       font-size: 1.3rem;
-      margin-bottom: 2.5rem;
+      height: 20vh; /* 移动端标题区域稍小一点 */
       padding: 0 1rem;
     }
 
     /* 模块容器改为纵向排列 */
     .modules-container {
       flex-direction: column;
+      flex-wrap: nowrap; /* 移动端不需要换行 */
       gap: 1.25rem;
-      margin-bottom: 1.5rem;
       align-items: center;
+      overflow-y: auto; /* 移动端超出长度滚动显示 */
+      padding: 1rem 0 2rem 0;
+    }
+
+    /* 移动端滚动条样式 */
+    .modules-container::-webkit-scrollbar {
+      width: 6px;
     }
 
     /* 模块卡片调整 */
@@ -259,6 +300,7 @@
       height: 100px;
       padding: 0 1.5rem;
       gap: 1.25rem;
+      flex-shrink: 0; /* 移动端也防止卡片被压缩 */
     }
 
     .module-card img {
@@ -299,7 +341,7 @@
 
     .welcome-text {
       font-size: 1.15rem;
-      margin-bottom: 2rem;
+      height: 18vh; /* 超小屏幕标题区域更小 */
     }
 
     .module-card {
@@ -327,20 +369,20 @@
   @media (min-width: 769px) and (max-width: 1024px) {
     .index-main-content-container {
       width: 85%;
-      transform: translateY(-5rem);
+    }
+
+    .welcome-text {
+      font-size: 1.75rem;
+      height: 22vh; /* 平板电脑标题区域高度 */
     }
 
     .modules-container {
       gap: 2rem;
+      padding: 1.5rem 0 2.5rem 0;
     }
 
     .module-card {
       width: 260px;
       height: 120px;
     }
-
-    .welcome-text {
-      font-size: 1.75rem;
-      margin-bottom: 4rem;
-    }
   }