feat(components): 添加图片预览点击模态框隐藏功能

- 在女模特图片预览中添加 hide-on-click-modal 属性
- 在男模特图片预览中添加 hide-on-click-modal 属性
- 在摄影处理页面的图片预览中添加 hide-on-click-modal 属性
- 优化图片预览用户体验，点击模态框可直接关闭

frontend/src/components/ModelGeneration/index.vue

@@ -10,7 +10,7 @@
           <h2>女模特</h2>
           <div class="model-display">
             <el-image v-if="selectedFemaleModel" :src="selectedFemaleModel.image_url" :alt="selectedFemaleModel.name"
-              class="selected-model-image" lazy :preview-src-list="[selectedFemaleModel.image_url]" fit="cover" />
+              class="selected-model-image" lazy :preview-src-list="[selectedFemaleModel.image_url]" hide-on-click-modal fit="cover" />
             <div v-else class="placeholder-image">
               <span>请在下方列表选择</span>
             </div>
@@ -22,7 +22,7 @@
           <h2>男模特</h2>
           <div class="model-display">
             <el-image v-if="selectedMaleModel" :src="selectedMaleModel.image_url" :alt="selectedMaleModel.name"
-              class="selected-model-image" lazy :preview-src-list="[selectedMaleModel.image_url]" fit="cover" />
+              class="selected-model-image" lazy :preview-src-list="[selectedMaleModel.image_url]"  hide-on-click-modal fit="cover" />
             <div v-else class="placeholder-image">
               <span>请在下方列表选择</span>
             </div>
@@ -556,4 +556,4 @@ watch(dialogVisible, (newValue) => {
     font-weight: 600;
     color: #303133;
   }
-}</style>
+}</style>

frontend/src/views/Photography/processImage.vue

@@ -62,6 +62,7 @@
                     v-if="image.PhotoRecord.image_path"
                     :src="getFilePath(image.PhotoRecord.image_path)"
                     :preview-src-list="getPreviewImageList(item)"
+                    hide-on-click-modal
                     :initial-index="getPreviewIndex(item, index)"
                     class="preview-image"
                     fit="contain"