From 81701042c720dbf040d5b3820b363f0a656df46b Mon Sep 17 00:00:00 2001
From: 张含笑 <zhx18749296735@163.com>
Date: Thu, 12 Jun 2025 17:56:02 +0800
Subject: [PATCH] feat:数据中心地图，编辑文件名
---
src/hooks/components/EventPopUpBox.vue | 32 +++++++++++++++-----------------
1 files changed, 15 insertions(+), 17 deletions(-)
diff --git a/src/hooks/components/EventPopUpBox.vue b/src/hooks/components/EventPopUpBox.vue
index 36953d4..2eecb86 100644
--- a/src/hooks/components/EventPopUpBox.vue
+++ b/src/hooks/components/EventPopUpBox.vue
@@ -1,8 +1,8 @@
<template>
<div class="mapPopUpBox">
<div class="title">
- <span>222</span>
-
+ <span>{{ info.event_name }}</span>
+<el-icon class="header-close" @click.stop="props.detailClick"><Warning /></el-icon>
<el-icon class="header-close" @click.stop="props.removeLabel">
<Close />
</el-icon>
@@ -11,8 +11,8 @@
<div class="medium">
<el-image
class="eventImage"
- :src="infoList?.smallUrl"
- :preview-src-list="[infoList?.smallUrl]"
+ :src="getSmallImg(infoList?.link)"
+ :preview-src-list="[getSmallImg(infoList?.link)]"
fit="cover"
preview-teleported
></el-image>
@@ -21,11 +21,16 @@
<div class="details">
<div class="label">时间：</div>
<div class="value point">
- 11
+ {{
+ infoList?.create_time?.slice(5, 16).replace('-', '/') ||
+ infoList?.createTime?.slice(5, 16).replace('-', '/')
+ }}
</div>
<div class="label">地点：</div>
<div class="value">
- 22
+ {{ _.round(infoList?.metadata?.shootPosition?.lng, 3) }}，{{
+ _.round(infoList?.metadata?.shootPosition?.lat, 3)
+ }}
</div>
</div>
</div>
@@ -33,12 +38,10 @@
</template>
<script setup>
import { ElImage, ElIcon } from 'element-plus'
-import { Close } from '@element-plus/icons-vue'
-// import { getEventDetails } from '@/api/home/aggregation'
+import { Close,Warning } from '@element-plus/icons-vue'
import _ from 'lodash'
-import { getSmallImg } from '@/utils/util'
-
-const props = defineProps(['data', 'removeLabel'])
+import { getShowImg, getSmallImg } from '@/utils/util';
+const props = defineProps(['data', 'removeLabel','detailClick'])
const loading = ref(true)
const info = ref({
@@ -50,12 +53,7 @@
create_time: '04/01 12:41',
})
const infoList = props.data
-
onMounted(async () => {})
-
-const disposeUrl = ({ url }) => {
- return getSmallImg(url)
-}
</script>
<style scoped lang="scss">
@@ -81,7 +79,7 @@
margin-bottom: 10px;
display: flex;
align-items: center;
- justify-content: space-between;
+ justify-content: end;
.header-close {
width: 20px;
--
Gitblit v1.9.3