From b520e8aaaff455b96c63e7f903dc17b9cbaacf92 Mon Sep 17 00:00:00 2001
From: guanqb <18720758508@163.com>
Date: Thu, 02 Mar 2023 16:21:06 +0800
Subject: [PATCH] 警员警车鼠标移入提示框
---
src/components/map/components/activityPolicePopup.vue | 48 +++++++++++++++++++++++++++++++++++++++++-------
1 files changed, 41 insertions(+), 7 deletions(-)
diff --git a/src/components/map/components/activityPolicePopup.vue b/src/components/map/components/activityPolicePopup.vue
index e2c4f7f..287bbb3 100644
--- a/src/components/map/components/activityPolicePopup.vue
+++ b/src/components/map/components/activityPolicePopup.vue
@@ -14,9 +14,28 @@
<div style="transform: translate(-50%, 0);">
<!-- 样式自己修改 -->
<div class="content" :class="{ 'scale-dom': scaleDomFlag }">
- 5464564556555
- <br>
- 5566556565656
+ <div class="data-box" v-if="activityPolicePopupData.label !='none'">
+ <div class="line">
+ <div class="name">警车编号：</div>
+ <div class="value">{{ activityPolicePopupData.label }}</div>
+ </div>
+ <div class="line">
+ <div class="name">警车型号：</div>
+ <div class="value"> {{ activityPolicePopupData.carType }}</div>
+ </div>
+ </div>
+
+ <div class="data-box" v-if="activityPolicePopupData.policeStationName !='none'">
+ <div class="line">
+ <div class="name">所属派出所：</div>
+ <div class="value">{{ activityPolicePopupData.policeStationName }}</div>
+ </div>
+ <div class="line">
+ <div class="name">警员姓名：</div>
+ <div class="value"> {{ activityPolicePopupData.policeData.name}}</div>
+ </div>
+ </div>
+
</div>
</div>
</div>
@@ -39,7 +58,8 @@
computed: {
...mapGetters([
- 'activityPolicePopup'
+ 'activityPolicePopup',
+ 'activityPolicePopupData'
])
},
@@ -72,10 +92,24 @@
}
.content {
- width: 320px;
- height: 480px;
+ width: 200px;
+ height: 60px;
background: $bg-color;
- border-radius: 10px;
+ border-radius: 4px;
+ color: #fff;
+
+ .data-box{
+ padding: 10px;
+ .line {
+ display: flex;
+ justify-self: start;
+ .name{
+ width: 90px;
+ text-align: justify;
+ }
+ }
}
+ }
+
}
</style>
\ No newline at end of file
--
Gitblit v1.9.3