feat:数据中心地图，编辑文件名

张含笑

2025-06-12 81701042c720dbf040d5b3820b363f0a656df46b

 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;