From 93bf44f2b291c8f6dfaa852a63ca10ed0bc07956 Mon Sep 17 00:00:00 2001
From: hzj <1304805162@qq.com>
Date: Mon, 17 Nov 2025 17:39:12 +0800
Subject: [PATCH] =?UTF-8?q?feat(bd=E5=92=8Cbdleader=E4=B8=AD=E5=BF=83):=20?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F=E4=BF=AE=E5=A4=8D=E5=B9=B6=E8=B0=83=E6=95=B4?=
 =?UTF-8?q?=E6=96=87=E4=BB=B6=E4=BD=8D=E7=BD=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/router/index.js                           |  2 +-
 .../{BDCenterView.vue => BDCenter/index.vue}  | 48 +++++++++----------
 src/views/BDLeaderCenter/index.vue            | 30 ++++++------
 3 files changed, 38 insertions(+), 42 deletions(-)
 rename src/views/{BDCenterView.vue => BDCenter/index.vue} (94%)

diff --git a/src/router/index.js b/src/router/index.js
index 176795b..4a03f53 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -31,7 +31,7 @@ const router = createRouter({
     {
       path: '/bd-center',
       name: 'bd-center',
-      component: () => import('../views/BDCenterView.vue'),
+      component: () => import('../views/BDCenter/index.vue'),
       meta: { requiresAuth: true },
     },
     {
diff --git a/src/views/BDCenterView.vue b/src/views/BDCenter/index.vue
similarity index 94%
rename from src/views/BDCenterView.vue
rename to src/views/BDCenter/index.vue
index 74e6de9..6037dbd 100644
--- a/src/views/BDCenterView.vue
+++ b/src/views/BDCenter/index.vue
@@ -36,40 +36,36 @@
         </div>
 
         <!-- 用户信息 -->
-        <div style="display: flex; align-items: center">
+        <div style="display: flex; align-items: center; gap: 4px">
           <div
             style="
-              width: 50px;
-              height: 50px;
-              border-radius: 25px;
-              background-color: #8b5cf6;
-
+              width: 40px;
+              height: 40px;
+              border-radius: 50%;
               display: flex;
               align-items: center;
               justify-content: center;
-
-              color: white;
-              font-size: 20px;
-              font-weight: 600;
-
-              margin-right: 12px;
-              overflow: hidden;
               position: relative;
             "
           >
             <img
-              v-if="userInfo.userAvatar"
+              v-if="userInfo.userAvatar || ''"
               style="width: 100%; height: 100%; object-fit: cover; border-radius: 25px"
               :src="userInfo.userAvatar"
-              :alt="userInfo.name"
-              @error="handleImageError"
+              @error="defaultAvatarUrl"
             />
-            <span v-else style="color: white; font-size: 20px; font-weight: 600">{{
-              getAvatarPlaceholder()
-            }}</span>
           </div>
-          <div style="flex: 1">
-            <h3 style="margin: 0 0 4px 0; font-weight: 600; color: #333">
+          <div style="flex: 1; min-width: 0">
+            <h3
+              style="
+                margin: 0 0 4px 0;
+                font-weight: 600;
+                color: #333;
+                overflow: hidden;
+                white-space: nowrap;
+                text-overflow: ellipsis;
+              "
+            >
               {{ userInfo.userNickname || userInfo.name }}
             </h3>
             <p style="margin: 0; font-size: 0.9em; color: #666">
@@ -77,7 +73,7 @@
             </p>
           </div>
           <div style="display: flex; align-items: center" @click="gotoPolicy">
-            <img src="../assets/icon/info.png" alt="" style="display: block; width: 20px" />
+            <img src="../../assets/icon/info.png" alt="" style="display: block; width: 20px" />
           </div>
         </div>
 
@@ -95,7 +91,7 @@
             {{ t('available_salaries') }} ${{ salaryInfo.currentSalary }}
           </span>
           <img
-            src="../assets/icon/arrow.png"
+            src="../../assets/icon/arrow.png"
             alt=""
             style="display: block; width: 20px"
             class="flipImg"
@@ -124,7 +120,7 @@
         <div style="display: flex; justify-content: space-between; align-items: center">
           <span style="font-weight: 600; color: #1f2937"> {{ t('invite_become_agent') }}</span>
           <img
-            src="../assets/icon/arrow.png"
+            src="../../assets/icon/arrow.png"
             alt=""
             style="display: block; width: 20px"
             class="flipImg"
@@ -153,7 +149,7 @@
         <div style="display: flex; justify-content: space-between; align-items: center">
           <div style="font-weight: 600">{{ BDData.billTitle }}</div>
           <img
-            src="../assets/icon/records.png"
+            src="../../assets/icon/records.png"
             alt=""
             style="display: block; width: 1.3em"
             @click="showHistory = true"
@@ -588,7 +584,7 @@ onMounted(() => {
   overflow-y: auto;
   font-family: -apple-system, BlinkMacSystemFont, sans-serif;
   background-color: #ffffff;
-  background-image: url(../assets/images/secondBg.png);
+  background-image: url(../../assets/images/secondBg.png);
 }
 
 .bd-center::-webkit-scrollbar {
diff --git a/src/views/BDLeaderCenter/index.vue b/src/views/BDLeaderCenter/index.vue
index 4e90a0c..c9f0ff5 100644
--- a/src/views/BDLeaderCenter/index.vue
+++ b/src/views/BDLeaderCenter/index.vue
@@ -35,37 +35,37 @@
           <span>{{ t('loading') }}...</span>
         </div>
 
-        <div style="display: flex; align-items: center">
+        <!-- 用户信息 -->
+        <div style="display: flex; align-items: center; gap: 4px">
           <div
             style="
               width: 40px;
               height: 40px;
               border-radius: 50%;
-              background-color: #8b5cf6;
               display: flex;
               align-items: center;
               justify-content: center;
-              color: white;
-              font-size: 20px;
-              font-weight: 600;
-              margin-right: 12px;
-              overflow: hidden;
               position: relative;
             "
           >
             <img
-              v-if="userInfo.userAvatar"
+              v-if="userInfo.userAvatar || ''"
               style="width: 100%; height: 100%; object-fit: cover; border-radius: 25px"
               :src="userInfo.userAvatar"
-              :alt="userInfo.name"
-              @error="handleImageError"
+              @error="defaultAvatarUrl"
             />
-            <span v-else style="color: white; font-size: 20px; font-weight: 600">{{
-              getAvatarPlaceholder()
-            }}</span>
           </div>
-          <div style="flex: 1">
-            <h3 style="margin: 0 0 4px 0; font-weight: 600; color: #333">
+          <div style="flex: 1; min-width: 0">
+            <h3
+              style="
+                margin: 0 0 4px 0;
+                font-weight: 600;
+                color: #333;
+                overflow: hidden;
+                white-space: nowrap;
+                text-overflow: ellipsis;
+              "
+            >
               {{ userInfo.userNickname || userInfo.name }}
             </h3>
             <p style="margin: 0; font-size: 0.9em; color: #666">