From d9b82a48e7cd5e35b8a6d147b1a5ab5213bba35d Mon Sep 17 00:00:00 2001
From: 罗广辉 <guanghui.luo@foxmail.com>
Date: Tue, 09 Jun 2026 14:32:16 +0800
Subject: [PATCH] feat: 预览展示ai框
---
applications/mobile-web-view/src/appPages/work/workDetail/index.vue | 17 ++++++++++-------
1 files changed, 10 insertions(+), 7 deletions(-)
diff --git a/applications/mobile-web-view/src/appPages/work/workDetail/index.vue b/applications/mobile-web-view/src/appPages/work/workDetail/index.vue
index 56e9f74..d2dc91c 100644
--- a/applications/mobile-web-view/src/appPages/work/workDetail/index.vue
+++ b/applications/mobile-web-view/src/appPages/work/workDetail/index.vue
@@ -3,7 +3,7 @@
<div class="detailTop">
<div class="image-container">
<van-swipe :autoplay="3000" indicator-color="#4C85FF">
- <van-swipe-item v-for="(img, index) in getImageList" :key="index">
+ <van-swipe-item v-for="(img, index) in [imgSrc]" :key="index">
<van-image class="detailImage" :src="img" fit="cover" width="100%" height="235px"
@click="openPreview(index)" preview-visible="false" />
</van-swipe-item>
@@ -59,6 +59,7 @@
import { showToast, showNotify, showImagePreview } from 'vant'
import { getShowImg, getSmallImg } from '@/utils/util'
import { useRoute,useRouter } from 'vue-router'
+import { getAiImg } from '@ztzf/utils'
const keyword = ref('')
const route = useRoute()
const router = useRouter()
@@ -75,11 +76,9 @@
}
return imageArr
})
-const openPreview = index => {
- const detail = workDetailData.value
- const showUrl = detail.eventImageUrl
+const openPreview = () => {
showImagePreview({
- images: [showUrl],
+ images: [imgSrc.value],
startPosition: 0,
})
}
@@ -88,16 +87,20 @@
router.push({
path: '/webViewWrapper/mapWork',
query: {
- currentItem: JSON.stringify(item)
+ currentItem: JSON.stringify(item)
}
})
}
-
+const imgSrc = ref('')
onMounted(async () => {
keyword.value = JSON.parse(route.query.workDetailData)
try {
const res = await getSharingDetailsApi({ cacheKey: keyword.value })
workDetailData.value = res.data.data
+ const {eventImageUrl,geojson} = workDetailData.value
+ if (eventImageUrl){
+ imgSrc.value = geojson ? await getAiImg(eventImageUrl,geojson) : eventImageUrl
+ }
} catch (error) {
showToast('分享链接失效')
}
--
Gitblit v1.9.3