Update NoteTimeline.vue

修复图片预览层级
2026-05-08 16:07:57 +08:00
parent 623bda2ecb
commit 33fb055bfe
1 changed files with 5 additions and 0 deletions
@@ -47,6 +47,7 @@
                                :src="getImageUrl(url)"
                                :preview-src-list="note.tongue_images.map(getImageUrl)"
                                :initial-index="idx"
+                                :z-index="IMAGE_PREVIEW_Z_INDEX"
                                fit="cover"
                                class="timeline-thumb"
                                preview-teleported
@@ -66,6 +67,7 @@
                                    :src="getImageUrl(url)"
                                    :preview-src-list="getImagePreviewList(note.report_files)"
                                    :initial-index="getImagePreviewIndex(note.report_files, idx)"
+                                    :z-index="IMAGE_PREVIEW_Z_INDEX"
                                    fit="cover"
                                    class="timeline-thumb"
                                    preview-teleported
@@ -128,6 +130,9 @@ const reportModel = ref<string[]>([])
 const prevTongueCount = ref(0)
 const prevReportCount = ref(0)

+/** 高于诊单抽屉（最高 4000）与多层弹窗叠加后的遮罩，避免预览被挡住 */
+const IMAGE_PREVIEW_Z_INDEX = 8000
+
 const IMAGE_EXTENSIONS = ['jpg', 'jpeg', 'png', 'gif', 'bmp', 'webp', 'svg']

 const isImageFile = (url: string): boolean => {