From c5480cdf06e2112e0a707efbedafebc079a5fee5 Mon Sep 17 00:00:00 2001
From: z <hy@zdeMacBook-Air.local>
Date: Mon, 4 May 2026 00:34:22 +0800
Subject: [PATCH] fix: constrain week star user avatars

---
 .../src/views/resident-activity/week-star.vue | 29 ++++++++++++-------
 1 file changed, 18 insertions(+), 11 deletions(-)

diff --git a/apps/src/views/resident-activity/week-star.vue b/apps/src/views/resident-activity/week-star.vue
index 3f960b2..e6ddd6b 100644
--- a/apps/src/views/resident-activity/week-star.vue
+++ b/apps/src/views/resident-activity/week-star.vue
@@ -228,6 +228,11 @@ function statusColor(status: string) {
   }
 }
 
+function avatarBackgroundStyle(url?: string) {
+  const avatarUrl = String(url || '').trim();
+  return avatarUrl ? { backgroundImage: `url(${JSON.stringify(avatarUrl)})` } : {};
+}
+
 function assignForm(next: Record<string, any>) {
   Object.assign(form, createEmptyForm(selectedSysOrigin.value), next);
 }
@@ -775,11 +780,10 @@ watch(
         <template #bodyCell="{ column, record }">
           <template v-if="column.key === 'user'">
             <div class="user-cell">
-              <Image
+              <div
                 v-if="record.userAvatar"
-                :preview="false"
-                :src="record.userAvatar"
                 class="avatar"
+                :style="avatarBackgroundStyle(record.userAvatar)"
               />
               <div v-else class="avatar placeholder">U</div>
               <div class="user-meta">
@@ -829,11 +833,10 @@ watch(
         <template #bodyCell="{ column, record }">
           <template v-if="column.key === 'user'">
             <div class="user-cell">
-              <Image
+              <div
                 v-if="record.userAvatar"
-                :preview="false"
-                :src="record.userAvatar"
                 class="avatar"
+                :style="avatarBackgroundStyle(record.userAvatar)"
               />
               <div v-else class="avatar placeholder">U</div>
               <div class="user-meta">
@@ -901,11 +904,10 @@ watch(
         <template #bodyCell="{ column, record }">
           <template v-if="column.key === 'user'">
             <div class="user-cell">
-              <Image
+              <div
                 v-if="record.userAvatar"
-                :preview="false"
-                :src="record.userAvatar"
                 class="avatar"
+                :style="avatarBackgroundStyle(record.userAvatar)"
               />
               <div v-else class="avatar placeholder">U</div>
               <div class="user-meta">
@@ -1202,8 +1204,7 @@ watch(
   font-size: 12px;
 }
 
-.thumb,
-.avatar {
+.thumb {
   border-radius: 8px;
   height: 48px;
   object-fit: cover;
@@ -1211,7 +1212,13 @@ watch(
 }
 
 .avatar {
+  background-position: center;
+  background-repeat: no-repeat;
+  background-size: cover;
   border-radius: 999px;
+  flex: 0 0 40px;
+  height: 40px;
+  width: 40px;
 }
 
 .placeholder {