feat:事件地图点弹窗图片加后缀显示缩略图

shuishen

2025-04-17 55f48c32742ac1d005276b02987930737e26b66a

feat:事件地图点弹窗图片加后缀显示缩略图

 src/hooks/components/EventPopUpBox.vue

@@ -31,7 +31,7 @@
    </div>
</template>
<script setup>
import { ElImage } from 'element-plus'
import { ElImage, ElIcon } from 'element-plus'

// src="@/assets/images/home/useEventOperate/eventErr.png"
import { Close } from '@element-plus/icons-vue'
@@ -54,10 +54,20 @@
    loading.value = true
    const res = await getEventDetails({ id: props.data.eventId })
    info.value = res.data.data

    info.value.url = import.meta.env.VITE_APP_AIRLINE_URL + info.value.url
    info.value.url = disposeUrl(info.value)
    loading.value = false
})

const disposeUrl = ({ url, media_type }) => {
    if (media_type == 'PHOTO_TYPE') {
        const parts = url.split('.')
        parts[parts.length - 2] += '_small' // 在最后一个点前插入 _small

        return import.meta.env.VITE_APP_AIRLINE_URL + parts.join('.')
    }

    return import.meta.env.VITE_APP_AIRLINE_URL + url
}
</script>

<style scoped lang="scss">