feat(avatar-management): 优化头像模型界面，添加下载图片功能和显示模型ID

pages/generation/avatar-models.vue

@@ -72,19 +72,19 @@ const columns = [
               <UBadge color="white" variant="solid" icon="tabler:user-screen">{{ avatar.name }}</UBadge>
             </div>
             <div
-              class="absolute inset-0 flex justify-center items-center bg-white/50 opacity-0 group-hover:opacity-100 transition-opacity">
+              class="absolute inset-0 flex flex-col justify-center items-center bg-white/50 dark:bg-neutral-800/50 backdrop-blur opacity-0 group-hover:opacity-100 transition-opacity">
               <UButtonGroup>
-                <UButton color="gray" icon="tabler:download" label="下载图片" variant="soft" @click="() => {
+                <UButton color="black" icon="tabler:download" label="下载图片"  @click="() => {
                   const { download } = useDownload(avatar.avatar, `数字人_${avatar.name}.png`)
                   download()
-                }"></UButton>
+                }"/>
               </UButtonGroup>
+              <span class="text-xs font-medium text-neutral-400 dark:text-neutral-300 pt-4">ID: {{ avatar.model_id }}</span>
             </div>
           </div>
         </div>
         <div v-else>
           <div class="flex flex-col gap-4">
-            <pre>{{ userAvatarList?.data.items }}</pre>
             <UTable :rows="userAvatarList?.data.items" :columns="columns" :loading="userAvatarStatus === 'pending'"
               :progress="{ color: 'amber', animation: 'carousel' }" class="border dark:border-neutral-800 rounded-md">
               <template #avatar-data="{ row }">