🚧 developing

src/views/Album/PeopleAlbum/PeopleAlbumDetail.vue

@@ -10,7 +10,7 @@
         </AButton>
       </div>
       <div class="people-album-detail-toolbar">
-        <AAvatar shape="circle" size="default"></AAvatar>
+        <AAvatar shape="circle" size="default" :src="route.query.thumb"></AAvatar>
         <span style="font-size: 14px;color: #333333">{{ route.query.name }}</span>
       </div>
     </div>
@@ -19,7 +19,7 @@
       <span style="font-size: 14px;color: #999999">共{{ imageStore.countTotalImages(images) }}张照片</span>
     </div>
     <div class="people-album-detail-list">
-      <div style="width:100%;height:100%;" v-if="images.length !== 0">
+      <div style="width:100%;height:100%;" v-if="images &&images.length !== 0">
         <div v-for="(itemList, index) in images" :key="index">
           <span style="margin-left: 10px;font-size: 13px">{{ itemList.date }}</span>
           <AImagePreviewGroup>
@@ -49,8 +49,8 @@
           </AImagePreviewGroup>
         </div>
       </div>
-      <div v-else>
-        <AEmpty :image="empty">
+      <div v-else class="empty-content">
+        <AEmpty :image="empty" :image-style="{width: '100%', height: '100%'}">
           <template #description>
                 <span style="color: #999999;font-size: 16px;font-weight: 500;line-height: 1.5;">
                   暂无照片，快去上传吧

src/views/Album/PeopleAlbum/PeopleAlbumList.vue

@@ -50,12 +50,12 @@
       </div>
     </transition>
     <div class="people-album-container">
-      <ASpin :spinning="loading" size="large" wrapperClassName="people-album-container">
-        <div class="people-album-content">
+      <ASpin :spinning="loading" size="large" wrapperClassName="spin-container">
+        <div class="people-album-content" v-if="faceList.length !== 0">
           <CheckCard
               v-for="(item, index) in faceList"
               :key="index"
-              @click="handleClick(item.id, item.face_name)"
+              @click="handleClick(item.id, item.face_name, item.face_image)"
               class="photo-item"
               margin="0"
               border-radius="0"
@@ -115,12 +115,22 @@
           </CheckCard>
 
         </div>
+        <div v-else class="empty-content">
+          <AEmpty :image="empty" :image-style="{width: '100%', height: '100%'}">
+            <template #description>
+                <span style="color: #999999;font-size: 16px;font-weight: 500;line-height: 1.5;">
+                  暂无照片，快去上传吧
+                </span>
+            </template>
+          </AEmpty>
+        </div>
       </ASpin>
     </div>
   </div>
 </template>
 <script setup lang="ts">
 import {getFaceSamplesList, modifyFaceSampleName, modifyFaceTypeBatch} from "@/api/storage";
+import empty from "@/assets/svgs/empty.svg";
 
 
 const faceList = ref<any[]>([]);
@@ -217,9 +227,10 @@ const router = useRouter();
  *     点击人物跳转到详情页
  * @param id
  * @param name
+ * @param thumb
  */
-function handleClick(id: number, name: string | null) {
-  router.push({path: route.path + `/${id}`, query: {name: name}});
+function handleClick(id: number, name: string | null,thumb: string | null) {
+  router.push({path: route.path + `/${id}`, query: {name: name, thumb: thumb}});
 }
 
 onMounted(() => {
@@ -332,6 +343,13 @@ onMounted(() => {
     align-content: flex-start;
     flex-wrap: wrap;
 
+    .spin-container {
+      width: 100%;
+      height: 100%;
+      display: flex;
+      flex-direction: column;
+    }
+
     .people-album-content {
       width: 100%;
       height: 100%;