feat:更新图片模块

src/components/Food/Data/FoodRecordData.vue

@@ -12,9 +12,8 @@
           <el-card class="record-card">
             <span class="record-content">完成人：{{ item.person }}</span>
             <el-image v-if="item.imageUrl"
-                      :src="AListUrl + item.imageUrl"
-                      :preview-src-list="[AListUrl + item.imageUrl]"
-                      fit="contain" alt="暂无图片" class="record-image"/>
+                      :src="AListUrl + item.imageUrl" fit="cover" alt="暂无图片"
+                      @click="viewImageClick(item)" class="record-image"/>
           </el-card>
         </el-timeline-item>
       </el-timeline>
@@ -27,6 +26,13 @@
 import { useFoodStore } from '@/store/food.ts'
 import { AListUrl } from '@/utils'
 import { SvgIcon } from 'vue3-common'
+import { IFoodRecord } from '@/types/food.ts'
+import { showImagePreview } from 'vant'
 
 const foodStore = useFoodStore()
+
+const viewImageClick = (item: IFoodRecord) => {
+  const imageList = [AListUrl + item.imageUrl]
+  showImagePreview({ images: imageList, closeable: true })
+}
 </script>