feat(BD中心): 更新图标

src/views/BDCenterView.vue

@@ -27,14 +27,14 @@
             <h3>{{ userInfo.userNickname || userInfo.name }}</h3>
             <p>ID: {{ userInfo.id || userInfo.account }}</p>
           </div>
-<!--          <button class="notification-btn" @click="goToNotification">-->
+          <!--          <button class="notification-btn" @click="goToNotification">-->
-<!--            <span>✏️</span>-->
+          <!--            <span>✏️</span>-->
-<!--          </button>-->
+          <!--          </button>-->
         </div>
 
         <!-- 账户状态标签 -->
         <div class="account-tags">
-          <span class="tag bd-tag">👑 BD</span>
+          <img src="../assets/icon/BD.png" alt="" height="20px" style="margin-left: 10px" />
         </div>
       </div>
 
@@ -71,12 +71,8 @@
 
       <!-- 操作按钮 -->
       <div class="action-buttons">
-        <button class="action-btn exchange-btn" @click="exchangeGoldCoins">
+        <button class="action-btn exchange-btn" @click="exchangeGoldCoins">Exchange</button>
-          Exchange
+        <button class="action-btn transfer-btn" @click="transfer">Transfer</button>
-        </button>
-        <button class="action-btn transfer-btn" @click="transfer">
-          Transfer
-        </button>
       </div>
     </div>
   </div>
@@ -86,10 +82,10 @@
 import { ref } from 'vue'
 import { useRouter } from 'vue-router'
 import MobileHeader from '../components/MobileHeader.vue'
-import {getAgentMonthLastTarget, getAgentMonthTarget, getBdAgentList} from '../api/teamBill.js'
+import { getAgentMonthLastTarget, getAgentMonthTarget, getBdAgentList } from '../api/teamBill.js'
 import { getTeamId } from '@/utils/userStore.js'
-import {usePageInitializationWithConfig} from "@/utils/pageConfig.js";
+import { usePageInitializationWithConfig } from '@/utils/pageConfig.js'
-import {isInApp} from "@/utils/appBridge.js";
+import { isInApp } from '@/utils/appBridge.js'
 
 const router = useRouter()
 
@@ -108,11 +104,13 @@ const getAgentMonth = async () => {
   if (res2.status === true) {
     salaryInfo.lastMonth = res.body.thisMonthTotalTarget
   }
-
 }
 
 const goToTeamMember = () => {
-  router.push({ path: '/team-member', query: { source: 'bd-center', members: teamMemberCount.value } })
+  router.push({
+    path: '/team-member',
+    query: { source: 'bd-center', members: teamMemberCount.value },
+  })
 }
 
 const exchangeGoldCoins = () => {
@@ -123,19 +121,13 @@ const transfer = () => {
   router.push('/transfer')
 }
 
-const {
+const { appConnected, userInfo, salaryInfo, handleImageError, getAvatarPlaceholder } =
-  appConnected,
+  usePageInitializationWithConfig('BD_CENTER', {
-  userInfo,
+    needsTeamInfo: true,
-  salaryInfo,
+    onDataLoaded: () => {
-  handleImageError,
+      getAgentMonth()
-  getAvatarPlaceholder
+    },
-} = usePageInitializationWithConfig('BD_CENTER', {
+  })
-  needsTeamInfo: true,
-  onDataLoaded: () => {
-    getAgentMonth()
-  }
-})
-
 </script>
 
 <style scoped>
@@ -155,7 +147,7 @@ const {
   padding: 16px;
   border-radius: 12px;
   margin-bottom: 12px;
-  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
 }
 
 /* APP连接状态 */
@@ -192,7 +184,8 @@ const {
 }
 
 @keyframes pulse {
-  0%, 100% {
+  0%,
+  100% {
     opacity: 1;
   }
   50% {
@@ -210,7 +203,7 @@ const {
   width: 50px;
   height: 50px;
   border-radius: 25px;
-  background-color: #8B5CF6;
+  background-color: #8b5cf6;
   display: flex;
   align-items: center;
   justify-content: center;
@@ -254,7 +247,7 @@ const {
 
 .system-info {
   font-size: 12px !important;
-  color: #8B5CF6 !important;
+  color: #8b5cf6 !important;
   margin-top: 2px !important;
 }
 
@@ -280,8 +273,8 @@ const {
 }
 
 .bd-tag {
-  background-color: #E0E7FF;
+  background-color: #e0e7ff;
-  color: #5B21B6;
+  color: #5b21b6;
 }
 
 /* Total team salary 区域 */
@@ -290,7 +283,7 @@ const {
   padding: 16px;
   border-radius: 12px;
   margin-bottom: 12px;
-  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
 }
 
 .salary-section h3 {
@@ -327,7 +320,7 @@ const {
 .salary-separator {
   width: 1px;
   height: 40px;
-  background-color: #8B5CF6;
+  background-color: #8b5cf6;
 }
 
 /* Team Member 独立区域 */
@@ -338,7 +331,7 @@ const {
 .team-member-card {
   background-color: white;
   border-radius: 12px;
-  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
   cursor: pointer;
   transition: all 0.2s;
   border: 1px solid #e5e7eb;
@@ -358,7 +351,7 @@ const {
 .member-title {
   font-size: 16px;
   font-weight: 600;
-  color: #1F2937;
+  color: #1f2937;
 }
 
 /* 操作按钮 */
@@ -386,12 +379,12 @@ const {
 }
 
 .exchange-btn {
-  background-color: #FDE68A;
+  background-color: #fde68a;
-  color: #D97706;
+  color: #d97706;
 }
 
 .transfer-btn {
-  background-color: #8B5CF6;
+  background-color: #8b5cf6;
   color: white;
 }
 
@@ -399,6 +392,6 @@ const {
 .arrow {
   font-size: 16px;
   font-weight: bold;
-  color: #8B5CF6;
+  color: #8b5cf6;
 }
 </style>