From 8f494497e40c6007bdec00356afa413a3cb360ab Mon Sep 17 00:00:00 2001
From: yanghao05 <yanghao05@qianxin.com>
Date: Fri, 18 Apr 2025 15:50:27 +0800
Subject: [PATCH] feat: update

---
 frontend/admin/src/pages/PostCreatePage.vue | 15 ++++++++++++---
 1 file changed, 12 insertions(+), 3 deletions(-)

diff --git a/frontend/admin/src/pages/PostCreatePage.vue b/frontend/admin/src/pages/PostCreatePage.vue
index 1442f42..b57d859 100644
--- a/frontend/admin/src/pages/PostCreatePage.vue
+++ b/frontend/admin/src/pages/PostCreatePage.vue
@@ -111,6 +111,10 @@ const onMediaPage = (event) => {
 const confirmMediaSelection = () => {
     if (selectedMediaItems.value.length) {
         if (mediaSelectionTarget.value === 'headImages') {
+            if (selectedMediaItems.value.length > 3) {
+                toast.add({ severity: 'warn', summary: '提示', detail: '展示图片最多选择3张', life: 3000 });
+                return;
+            }
             post.head_images = [...selectedMediaItems.value];
             errors.head_images = '';
             loadHeadImagePreviews();
@@ -275,7 +279,9 @@ const loadHeadImagePreviews = async () => {
             <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
                 <!-- Add Head Images Selection before Title -->
                 <div class="col-span-2">
-                    <label class="block text-sm font-medium text-gray-700 mb-1">展示图片</label>
+                    <label class="block text-sm font-medium text-gray-700 mb-1">
+                        展示图片 <span class="text-gray-500 text-xs">(最多3张)</span>
+                    </label>
                     <div class="p-4 border border-gray-200 rounded-md">
                         <div v-if="post.head_images.length === 0"
                             class="flex justify-center items-center flex-col space-y-3 py-6">
@@ -285,9 +291,12 @@ const loadHeadImagePreviews = async () => {
                             <small v-if="errors.head_images" class="text-red-500">{{ errors.head_images }}</small>
                         </div>
                         <div v-else>
-                            <div class="mb-4">
+                            <div class="mb-4 flex justify-between items-center">
                                 <Button label="更换图片" icon="pi pi-plus" @click="openMediaDialog('headImages')"
-                                    outlined />
+                                    :disabled="post.head_images.length >= 3" outlined />
+                                <span class="text-sm text-gray-500">
+                                    {{ post.head_images.length }}/3
+                                </span>
                             </div>
                             <div class="grid grid-cols-2 md:grid-cols-3 gap-4">
                                 <div v-for="(media, index) in post.head_images" :key="media.id"