From 8e16606fc12bce28b5fc1c40f949c105c79f6a47 Mon Sep 17 00:00:00 2001
From: Guo Tiantian <1431335589@qq.com>
Date: Wed, 27 Aug 2025 07:51:40 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E4=BC=98=E5=8C=96=E5=B7=A5=E4=BD=9C?=
 =?UTF-8?q?=E5=8F=B0=E9=A1=B5=E9=9D=A2=E4=B8=BB=E9=A2=98=E9=80=82=E9=85=8D?=
 =?UTF-8?q?=E5=92=8C=E6=A0=B7=E5=BC=8F=E7=BB=9F=E4=B8=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/.env.development                  |  4 +-
 frontend/src/types/auto-imports.d.ts       |  1 +
 frontend/src/views/dashboard/workplace.vue | 63 +++++++++-------------
 3 files changed, 29 insertions(+), 39 deletions(-)

diff --git a/frontend/.env.development b/frontend/.env.development
index 1c96ad2b..3f08ecf7 100644
--- a/frontend/.env.development
+++ b/frontend/.env.development
@@ -5,8 +5,8 @@ VITE_APP_ENV=development
 VITE_APP_TITLE=fastapiadmin
 
 # 网络请求公用地址
-VITE_API_BASE_URL=http://localhost:8001
-# VITE_API_BASE_URL=https://service.fastapiadmin.com
+# VITE_API_BASE_URL=http://localhost:8001
+VITE_API_BASE_URL=https://service.fastapiadmin.com
 
 # 代理前缀
 VITE_APP_BASE_API=/api/v1
diff --git a/frontend/src/types/auto-imports.d.ts b/frontend/src/types/auto-imports.d.ts
index 8b71b5d8..d800967e 100644
--- a/frontend/src/types/auto-imports.d.ts
+++ b/frontend/src/types/auto-imports.d.ts
@@ -325,6 +325,7 @@ declare module 'vue' {
   interface ComponentCustomProperties {
     readonly EffectScope: UnwrapRef<typeof import('vue')['EffectScope']>
     readonly ElMessage: UnwrapRef<typeof import('element-plus/es')['ElMessage']>
+    readonly ElMessageBox: UnwrapRef<typeof import('element-plus/es')['ElMessageBox']>
     readonly ElNotification: UnwrapRef<typeof import('element-plus/es')['ElNotification']>
     readonly acceptHMRUpdate: UnwrapRef<typeof import('pinia')['acceptHMRUpdate']>
     readonly asyncComputed: UnwrapRef<typeof import('@vueuse/core')['asyncComputed']>
diff --git a/frontend/src/views/dashboard/workplace.vue b/frontend/src/views/dashboard/workplace.vue
index 4f3bf7be..a580d06d 100644
--- a/frontend/src/views/dashboard/workplace.vue
+++ b/frontend/src/views/dashboard/workplace.vue
@@ -9,13 +9,13 @@
               <div class="text-20px font-bold">
                 {{ timefix }}{{ currentUser.name }}，{{ welcome }}
               </div>
-              <el-text>
+              <el-text class="text-[var(--el-text-color-regular)]">
                 {{ currentUser.username }} | {{ currentUser.dept_name }} | {{ currentUser.description }}
               </el-text>
             </div>
           </div>
           <!-- 最近登录时间 -->
-          <div class="statItem text-14px text-gray-600 text-right">
+          <div class="statItem text-14px text-[var(--el-text-color-regular)] text-right">
             <el-text>最近登录时间</el-text>
             <div class="mt-5px text-20px">{{ currentUser.last_login }}</div>
           </div>
@@ -71,19 +71,19 @@
              </template>
              <ElTimeline>
                <ElTimelineItem v-for="(item, index) in noticeList" :key="item.id" :type="index === 0 ? 'primary' : 'info'">
-                 <div class="bg-gray-50 rounded-lg p-4 border border-gray-200 hover:shadow-md transition-shadow">
+                 <div class="bg-[var(--el-fill-color-light)] rounded-lg p-4 border border-[var(--el-border-color)] hover:shadow-md transition-shadow">
                    <div class="flex justify-between items-start mb-2">
                      <div class="flex items-center gap-2">
-                       <span class="font-medium text-gray-900">{{ item.notice_title }}</span>
+                       <span class="font-medium text-[var(--el-text-color-primary)]">{{ item.notice_title }}</span>
                       <el-tag size="small" :type="getNoticeTypeColor(item.notice_type)">
                           {{ getNoticeTypeText(item.notice_type) }}
                         </el-tag>
                      </div>
-                     <span class="text-xs text-gray-500">{{ formatTime(item.created_at) }}</span>
+                     <span class="text-xs text-[var(--el-text-color-regular)]">{{ formatTime(item.created_at) }}</span>
                    </div>
-                   <div class="text-sm text-gray-600 mb-3 line-clamp-2">{{ item.notice_content }}</div>
+                   <div class="text-sm text-[var(--el-text-color-regular)] mb-3 line-clamp-2">{{ item.notice_content }}</div>
                    <div class="flex justify-between items-center text-xs">
-                     <span class="text-gray-500">{{ item.creator?.name }} 发布</span>
+                     <span class="text-[var(--el-text-color-regular)]">{{ item.creator?.name }} 发布</span>
                      <el-tooltip placement="top" :content="item.description || item.notice_content">
                        <ElLink href="https://service.fastapiadmin.com/" target="_blank" type="primary">详情↗</ElLink>
                      </el-tooltip>
@@ -94,17 +94,18 @@
            </ElCard>
 
                      <!-- 团队 -->
-           <ElCard class="mt-4 font-bold" header="团队">
-             <div class="members">
-               <ElRow :gutter="16">
-                 <ElCol v-for="item in projectNotice" :key="`members-item-${item.id}`" :span="8">
-                   <ElLink underline="never" :href="item.href">
-                     <ElAvatar :src="item.avatar" size="small" />
-                     <span class="member">{{ item.member }}</span>
-                   </ElLink>
-                 </ElCol>
-               </ElRow>
-             </div>
+           <ElCard shadow="hover" class="mt-4">
+             <template #header>
+               <span class="font-bold">团队</span>
+             </template>
+             <ElRow :gutter="16">
+               <ElCol v-for="item in projectNotice" :key="`members-item-${item.id}`" :span="8" class="mb-3">
+                 <ElLink underline="never" :href="item.href" class="flex items-center hover:bg-[var(--el-fill-color-light)] p-2 rounded transition-colors">
+                   <ElAvatar :src="item.avatar" size="small" class="mr-2" />
+                   <span class="text-sm truncate text-[var(--el-text-color-regular)]">{{ item.member }}</span>
+                 </ElLink>
+               </ElCol>
+             </ElRow>
            </ElCard>
         </ElCol>
 
@@ -310,26 +311,14 @@ const chartOptions = reactive<EChartsOption>({
 
 </script>
 
-<style lang="scss" scoped>
-.members {
-  a {
-    display: block;
-    height: 24px;
-    margin: 8px 0;
-    transition: all 0.3s;
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
+<style scoped>
 
-    .member {
-      margin-left: 8px;
-      font-size: 14px;
-      line-height: 24px;
-      vertical-align: top;
-    }
-
-  }
+.line-clamp-2 {
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
 }
 
-/* 通知公告相关样式已使用UnoCSS工具类替代 */
+/* 最小化自定义样式，主要使用UnoCSS和Element Plus内置样式 */
 </style>