From 02409bfbe15f22fc3b5dccadabfd860a660a49d9 Mon Sep 17 00:00:00 2001
From: 罗广辉 <guanghui.luo@foxmail.com>
Date: Sat, 11 Oct 2025 10:37:14 +0800
Subject: [PATCH] feat: 名称修改
---
src/hooks/components/EventPopUpBox.vue | 69 ++++++++++++++++++++++++----------
1 files changed, 48 insertions(+), 21 deletions(-)
diff --git a/src/hooks/components/EventPopUpBox.vue b/src/hooks/components/EventPopUpBox.vue
index a0a084f..24a4ad6 100644
--- a/src/hooks/components/EventPopUpBox.vue
+++ b/src/hooks/components/EventPopUpBox.vue
@@ -1,11 +1,28 @@
<template>
<div class="mapPopUpBox">
<div class="title">
- <span>{{ info.event_name }}</span>
- <el-icon class="header-close" @click.stop="props.detailClick"><Warning /></el-icon>
+ <el-tooltip
+ v-if="infoList.resultType === 2"
+ effect="dark"
+ :content="infoList.eventName"
+ placement="top"
+ :disabled="!shouldShowTooltip"
+ >
+ <span ref="titleSpan" class="title-text">
+ {{ infoList.eventName?infoList.eventName:'--' }}
+ </span>
+ </el-tooltip>
+ <el-tooltip v-else effect="dark" :content="infoList.nickName" placement="top" :disabled="!shouldShowTooltip">
+ <span ref="titleSpan" class="title-text" >
+ {{ infoList.nickName }}
+ </span>
+ </el-tooltip>
+ <div>
+ <el-icon class="header-close" @click.stop="props.detailClick"><Warning /></el-icon>
<el-icon class="header-close" @click.stop="props.removeLabel">
<Close />
</el-icon>
+ </div>
</div>
<div class="content">
<div class="medium">
@@ -27,6 +44,12 @@
</div>
<div class="details">
+ <div class="label" v-if="infoList.resultType === 2">事件编号：</div>
+ <div class="value point" v-if="infoList.resultType === 2">
+ {{
+ infoList?.eventNum ? infoList?.eventNum : '--'
+ }}
+ </div>
<div class="label">时间：</div>
<div class="value point">
{{
@@ -36,8 +59,8 @@
</div>
<div class="label">地点：</div>
<div class="value">
- {{ _.round(infoList?.metadata?.shootPosition?.lng, 3) }}，{{
- _.round(infoList?.metadata?.shootPosition?.lat, 3)
+ {{ _.round(infoList?.metadata?.shootPosition?.lng, 6) }}，{{
+ _.round(infoList?.metadata?.shootPosition?.lat, 6)
}}
</div>
</div>
@@ -63,6 +86,8 @@
create_time: '04/01 12:41',
});
const infoList = props.data;
+console.log('infoList',infoList);
+
const clickpanorama = val => {
// 通过事件总线发送全景参数
EventBus.emit('open-panorama', {
@@ -78,8 +103,8 @@
<style scoped lang="scss">
.mapPopUpBox {
- width: 271px;
- height: 153px;
+ width: 291px;
+ height: 183px;
// background: url('@/assets/images/dataCenter/datamap/popUpBox.png') no-repeat center / 100% 100%;
border-radius: 20px;
background-color: #fff;
@@ -92,19 +117,18 @@
font-weight: 400;
font-size: 18px;
line-height: 16px;
- background: linear-gradient(180deg, #a8e5fb 0%, #e6f8ff 100%);
- -webkit-background-clip: text;
- -webkit-text-fill-color: transparent;
- -moz-background-clip: text;
- -moz-text-fill-color: transparent;
- background-clip: text;
- text-fill-color: transparent;
margin-bottom: 10px;
display: flex;
align-items: center;
- justify-content: end;
-
- .header-close {
+ justify-content: space-between;
+
+ .title-text {
+ color: black;
+ }
+ div{
+ display: flex;
+ align-items: center;
+ .header-close {
width: 20px;
height: 100%;
line-height: 100%;
@@ -114,17 +138,19 @@
pointer-events: all;
cursor: pointer;
}
+ }
+
}
.content {
- height: 102px;
- width: 240px;
+ height: 132px;
+ // width: 240px;
display: flex;
align-items: center;
.medium {
- height: 102px;
- width: 120px;
+ height: 122px;
+ width: 140px;
margin-right: 10px;
> img,
@@ -152,10 +178,11 @@
color: black;
line-height: 16px;
margin-bottom: 2px;
+ white-space: nowrap;
}
.point {
- margin-bottom: 14px;
+ margin-bottom: 10px;
}
}
}
--
Gitblit v1.9.3