From 13fb1b878736d216d2d65e422e6ac65c908be9be Mon Sep 17 00:00:00 2001
From: huxuejian <huxuejian@youkang.com>
Date: Fri, 3 Apr 2026 11:24:59 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E9=A1=B5=E9=9D=A2=E6=A0=B7=E5=BC=8F?=
 =?UTF-8?q?=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/group-avatar.vue | 18 +++++++-----------
 pages/home/home.vue         |  6 +++---
 pages/home/team-head.vue    |  2 +-
 pages/team/team-detail.vue  | 20 +++++++++++++++-----
 4 files changed, 26 insertions(+), 20 deletions(-)

diff --git a/components/group-avatar.vue b/components/group-avatar.vue
index 6d8ab1d..38d6915 100644
--- a/components/group-avatar.vue
+++ b/components/group-avatar.vue
@@ -1,6 +1,7 @@
 <template>
-  <view :class="['flex', 'flex-col', 'items-center', 'justify-center', 'overflow-hidden', 'bg-gray', 'border', { 'rounded-circle': classType === 'circle' }]"
-    :style="`width:${size.lg}rpx; height: ${size.lg}rpx;`" @click="reGenerate()">
+  <view class="flex flex-col items-center justify-center overflow-hidden bg-gray border"
+    :class="classType === 'circle' ? 'rounded-circle' : 'rounded-square'"
+    :style="`width:${size.lg}rpx; height: ${size.lg}rpx;`">
     <view v-for="(item, index) in groups.list" :key="index" class="flex justify-center">
       <image v-for="(url, idx) in item" :key="idx" :src="url" :style="groups.style"></image>
     </view>
@@ -60,18 +61,13 @@ const groups = computed(() => {
   return { list: [list.value.slice(0, 1)], style: `width: ${size.value.lg}rpx; height: ${size.value.lg}rpx;` }
 })
 
-function reGenerate() {
-  console.log(list.value)
-  console.log(groups.value)
-}
-
-function getList(size = 9) {
-  return new Array(size).fill(1).map((_, idx) => `https://picsum.photos/100/100?${Date.now()}_${idx}`)
-}
-
 </script>
 <style scoped>
 .rounded-circle {
   border-radius: 50%;
 }
+
+.rounded-square {
+  border-radius: 16rpx;
+}
 </style>
diff --git a/pages/home/home.vue b/pages/home/home.vue
index 1b526c1..6315bfe 100644
--- a/pages/home/home.vue
+++ b/pages/home/home.vue
@@ -1,9 +1,9 @@
 <template>
   <page-loading v-if="loading && teams.length === 0" />
   <full-page v-else-if="teams.length && team" class="home-container" :pageStyle="pageStyle">
-    <template #header>
-      <team-head :team="team" :teams="teams" @changeTeam="changeTeam" />
-    </template>
+    <!-- <template #header> -->
+    <team-head :team="team" :teams="teams" @changeTeam="changeTeam" />
+    <!-- </template> -->
     <view class="home-section home-section--first">
       <customer-archive ref="archiveRef" :corpId="corpId" :corpUserIds="corpUserIds" :team="team"
         @update:customers="handleCustomersUpdate" />
diff --git a/pages/home/team-head.vue b/pages/home/team-head.vue
index 2d2e269..0bb5484 100644
--- a/pages/home/team-head.vue
+++ b/pages/home/team-head.vue
@@ -3,7 +3,7 @@
     <view :style="{ height: statusBarHeight }" class="status-bar"></view>
     <view class="relative z-3 flex items-center px-15 py-12 header-bar">
       <view class="flex-shrink-0 mr-5" @click="toTeamDetail">
-        <group-avatar :size="120" :avatarList="currentTeam ? currentTeam.avatarList : []" />
+        <group-avatar classType="square" :size="120" :avatarList="currentTeam ? currentTeam.avatarList : []" />
       </view>
       <view class="w-0 flex-grow">
         <view class="flex items-center mb-10">
diff --git a/pages/team/team-detail.vue b/pages/team/team-detail.vue
index f850cc6..24ec31c 100644
--- a/pages/team/team-detail.vue
+++ b/pages/team/team-detail.vue
@@ -4,7 +4,7 @@
       <view class="linear-bg">
         <view class="flex items-center pt-15 px-15">
           <view class="flex-shrink-0 mr-10">
-            <group-avatar :size="128" :avatarList="avatarList" />
+            <group-avatar classType="square" :size="128" :avatarList="avatarList" />
           </view>
           <view class="w-0 flex-grow">
             <view class="name-title font-semibold text-dark truncate">{{ team.name }}</view>
@@ -21,8 +21,8 @@
           <view class="ablum text-center p-10 flex flex-col items-center rounded-sm"
             :class="friendlyMember[i.userid] ? 'ablum-pb' : ''" @click="toHomePage(i.userid)">
             <image class="avatar mb-10" :src="i.avatar || '/static/default-avatar.png'"></image>
-            <view class="text-lg text-dark font-semibold">{{ i.anotherName }}</view>
-            <view class="mt-5 text-base text-gray">
+            <view class="w-full h-name text-base text-dark font-semibold truncate">{{ i.anotherName }}</view>
+            <view class="w-full h-job text-sm text-gray truncate">
               {{ memberJob[i.userid] }}
             </view>
             <view v-if="friendlyMember[i.userid]" class="friend-bottom" @click.stop="toFriend(i.userid)">
@@ -39,8 +39,8 @@
             class="ablum ablum--member text-center p-10 flex flex-col items-center rounded-sm"
             :class="friendlyMember[i.userid] ? 'ablum-pb' : ''" @click="toHomePage(i.userid)">
             <image class="avatar mb-10" :src="i.avatar || '/static/default-avatar.png'"></image>
-            <view class="w-full text-lg text-dark font-semibold truncate px-10">{{ i.anotherName }}</view>
-            <view class="w-full mt-5 text-base text-gray truncate px-10">
+            <view class="h-name w-full text-base text-dark font-semibold truncate px-10">{{ i.anotherName }}</view>
+            <view class="h-job w-full text-sm text-gray truncate px-10">
               {{ memberJob[i.userid] }}
             </view>
             <view v-if="friendlyMember[i.userid]" class="friend-bottom" @click.stop="toFriend(i.userid)">
@@ -226,4 +226,14 @@ page {
 .mt-30 {
   margin-top: 60rpx;
 }
+
+.h-name {
+  height: 20px;
+  line-height: 20px;
+}
+
+.h-job {
+  height: 17px;
+  line-height: 17px;
+}
 </style>
\ No newline at end of file