feat: 预览展示ai框

罗广辉

2026-06-09 d9b82a48e7cd5e35b8a6d147b1a5ab5213bba35d

 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('分享链接失效')
   }