From 6025ea83fbccf6f95f4e504434a605b68ac76907 Mon Sep 17 00:00:00 2001
From: hzj <1304805162@qq.com>
Date: Sun, 28 Sep 2025 19:08:35 +0800
Subject: [PATCH] =?UTF-8?q?style(=E5=9B=A2=E9=98=9F=E6=88=90=E5=91=98?=
 =?UTF-8?q?=E9=A1=B5):=20=E6=A0=B7=E5=BC=8F=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/icon/trash.png    | Bin 0 -> 641 bytes
 src/views/TeamMemberView.vue |  95 ++++++++++++++++++++++-------------
 2 files changed, 59 insertions(+), 36 deletions(-)
 create mode 100644 src/assets/icon/trash.png

diff --git a/src/assets/icon/trash.png b/src/assets/icon/trash.png
new file mode 100644
index 0000000000000000000000000000000000000000..ffc5b6ff4f5fd073ed3d379b2db3ce77089e4ce8
GIT binary patch
literal 641
zcmeAS@N?(olHy`uVBq!ia0vp^9w5xY1|&n@ZgvM!oCO|{#S9FJ79h;%I?XTvD9BhG
z<nF|<?wrg^AcrO0(btiIVPik{pF~y$1|~627srqa#<z1G<{mN-XpLX}PhYu$#jU_R
zf%(RQS1e0~7x)EOIqqh>%V5^Pdy6;2Z%NRs2+KJZ+l2S}TL~&nwuqN`u3*NX*dkyQ
zmM1VjQgB(#*QWtT_|>{NZi;-2J+jk%&%)Vv)=Xr+wRrxFtT%>+o|lTwH756RUi`kP
zs5PhfLs&`s!;KkoC$a_Se@G5IlKk{<e0u$X6B{$;)pFP8EO=W{$bE^6Rdb0@N&mzL
zlReKDzEt7;Gh^!fwMANo+bw6!t(|@*>Xd!yje6~%jmn4auL?eTRrAo+=`-foHott3
zb#<?~h0CVtT75e<vHtw#IQy2>^_dg0Z9+e#UC4R)wa#l=yuivnG0sWb#l$#b=C6F}
zc(7hOY0(M?M=p^iFhY~%q<GxPQ>wFT<rdV0Mf^}rI~G_cwqeiF6T+^KBh2|D>@40i
zi)eT>HW5cCZd;(Y_~0a==nI_x+xMOP6n@~-!A`>od%CuCv@3<}usK!9A7f{&^GQlR
z<={uh!i5T~TtP3iPn1fVdAOHNezU~stKUcFmp2Z*kE|0Z%LvQr{GlWJ^~OSV#ZL++
zeRFc}Zi^9D&YvizbhtiNJ+<4XVCy0ox6A3xj&YM?`%V<(bvnvT+B79Nwbf)%%KU7W
wec8M}uZtX9F0-}3=>ca^i-6OKA3s_1PHg-#JK(kqFvT!<y85}Sb4q9e09(Wh=>Px#

literal 0
HcmV?d00001

diff --git a/src/views/TeamMemberView.vue b/src/views/TeamMemberView.vue
index b82511c..b398e35 100644
--- a/src/views/TeamMemberView.vue
+++ b/src/views/TeamMemberView.vue
@@ -41,6 +41,7 @@
 
       <!-- 团队信息 -->
       <div
+        v-if="isFromBdCenter"
         style="
           background-color: white;
           padding: 16px;
@@ -92,7 +93,8 @@
             justify-content: space-between;
           "
         >
-          <div style="width: 70%; display: flex; align-items: center">
+          <!-- 用户信息 -->
+          <div style="flex: 1; display: flex; align-items: center">
             <div
               style="
                 position: relative;
@@ -149,25 +151,40 @@
               </div>
             </div>
           </div>
-          <div style="width: 30%" v-if="member.hostQuantity || member.billBalance">
-            <div v-if="member.billBalance" style="color: rgba(0, 0, 0, 0.4); font-weight: 510">
-              ${{ member.billBalance }}
-            </div>
+          <!-- bd展示信息 -->
+          <div v-if="isFromBdCenter" style="width: 25%; display: flex; justify-content: flex-end">
             <div
-              style="
-                color: rgba(0, 0, 0, 0.4);
-                font-weight: 510;
-                white-space: nowrap;
-                overflow: hidden;
-                text-overflow: ellipsis;
-                width: 100%;
-                font-size: 0.9em;
-              "
-              v-if="member.hostQuantity"
+              v-if="member.hostQuantity || member.billBalance"
+              style="display: flex; flex-direction: column"
             >
-              Host number:{{ member.hostQuantity }}
+              <div v-if="member.billBalance" style="color: rgba(0, 0, 0, 0.4); font-weight: 510">
+                ${{ member.billBalance }}
+              </div>
+              <div
+                style="
+                  color: rgba(0, 0, 0, 0.4);
+                  font-weight: 510;
+                  white-space: nowrap;
+                  overflow: hidden;
+                  text-overflow: ellipsis;
+                  width: 100%;
+                  font-size: 0.9em;
+                "
+                v-if="member.hostQuantity"
+              >
+                Host number:{{ member.hostQuantity }}
+              </div>
             </div>
           </div>
+          <!-- agency展示按钮 -->
+          <img
+            v-else
+            src="/src/assets/icon/trash.png"
+            alt=""
+            width="30px"
+            style="display: block"
+            @click="trash(member)"
+          />
         </div>
 
         <!-- 加载提示 -->
@@ -203,20 +220,19 @@
     <div v-if="showDeleteModal" class="modal-overlay" @click="closeDeleteModal">
       <div class="delete-modal-content" @click.stop>
         <div class="modal-header">
-          <h3>Confirm Delete</h3>
+          <h3>Tips</h3>
         </div>
 
         <div class="modal-body">
           <p>
-            Are you sure you want to remove
-            <strong>{{ memberToDelete?.userProfile?.userNickname }}</strong> from the team?
+            Are you sure you want to remove ID:{{ formatAccount(memberToDelete.userProfile) }} from
+            the team?
           </p>
-          <p class="warning-text">This action cannot be undone.</p>
         </div>
 
         <div class="modal-actions">
           <button class="cancel-btn" @click="closeDeleteModal">Cancel</button>
-          <button class="confirm-btn" @click="confirmDelete">Delete</button>
+          <button class="confirm-btn" @click="confirmDelete">Confirm</button>
         </div>
       </div>
     </div>
@@ -245,6 +261,8 @@ const showDeleteModal = ref(false)
 const memberToDelete = ref(null)
 const memberListRef = ref(null)
 
+const targetUserId = ref('') //搜索目标id
+
 // 分页相关状态
 const loadingMore = ref(false)
 const noMoreData = ref(false)
@@ -350,6 +368,12 @@ const handleImageError = (event) => {
   // event.target.nextElementSibling.style.display = 'flex'
 }
 
+// 点击删除
+const trash = (member) => {
+  showDeleteModal.value = true
+  memberToDelete.value = member
+}
+
 // 关闭删除模态框
 const closeDeleteModal = () => {
   showDeleteModal.value = false
@@ -442,12 +466,14 @@ const getAgentMonth = async () => {
 onMounted(async () => {
   console.log('Component mounted')
 
-  getAgentMonth()
-
   // 检查是否来自BD Center
   isFromBdCenter.value = route.query.source === 'bd-center'
   membersTotal.value = parseInt(route.query.members)
 
+  if (isFromBdCenter.value) {
+    getAgentMonth()
+  }
+
   await fetchTeamMembers()
 
   // 添加滚动监听
@@ -711,27 +737,24 @@ input::placeholder {
   border: none;
   border-radius: 8px;
   font-size: 14px;
-  font-weight: 500;
+  font-weight: 700;
   cursor: pointer;
   transition: all 0.2s;
 }
 
 .cancel-btn {
-  background-color: #f3f4f6;
-  color: #374151;
-}
-
-.cancel-btn:hover {
-  background-color: #e5e7eb;
+  border: 1px solid #e6e6e6;
+  background-color: #fff;
+  color: rgba(0, 0, 0, 0.4);
 }
 
 .confirm-btn {
-  background-color: #dc2626;
-  color: white;
-}
-
-.confirm-btn:hover {
-  background-color: #b91c1c;
+  color: rgba(255, 255, 255, 0.8);
+  background: linear-gradient(
+    152deg,
+    rgba(198, 112, 255, 0.6) 7.01%,
+    rgba(119, 38, 255, 0.6) 92.99%
+  );
 }
 
 .cancel-btn:active,