feat: update

This commit is contained in:
yanghao05
2025-04-18 15:50:27 +08:00
parent 847a74e73d
commit 8f494497e4

View File

@@ -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"