优化商品管理筛选功能

frontend/src/shared/components/business/AuthImage.vue

@@ -14,6 +14,7 @@ const props = withDefaults(
     decoding?: 'async' | 'sync' | 'auto'
     previewSrcList?: string[]
     previewTeleported?: boolean
+    previewInitialIndex?: number
     fit?: 'fill' | 'contain' | 'cover' | 'none' | 'scale-down'
     imageStyle?: any
   }>(),
@@ -25,6 +26,7 @@ const props = withDefaults(
     loading: 'lazy',
     decoding: 'async',
     previewTeleported: true,
+    previewInitialIndex: 0,
   }
 )
 
@@ -105,11 +107,14 @@ onBeforeUnmount(cleanup)
 <template>
   <el-image
     v-if="imageURL && usePreview"
+    :class="imageClass"
     :src="imageURL"
+    :alt="alt"
     :fit="fit"
     :style="imageStyle"
     :preview-src-list="previewURLs"
     :preview-teleported="previewTeleported"
+    :initial-index="previewInitialIndex"
   />
   <img
     v-else-if="imageURL"