From 12ab2dadb99853277dfa5d17a8090fe208a7599f Mon Sep 17 00:00:00 2001
From: shuishen <1109946754@qq.com>
Date: Thu, 05 Jan 2023 16:17:01 +0800
Subject: [PATCH] 警情相关更改
---
src/components/map/components/mapPopup.vue | 76 +++++++++++++++++++++++++-------------
1 files changed, 50 insertions(+), 26 deletions(-)
diff --git a/src/components/map/components/mapPopup.vue b/src/components/map/components/mapPopup.vue
index 0e1e7d9..8010f0d 100644
--- a/src/components/map/components/mapPopup.vue
+++ b/src/components/map/components/mapPopup.vue
@@ -16,6 +16,10 @@
详细信息
<div class="close" @click="closePopup" title="关闭"></div>
</div>
+ <div class="change-btn">
+ <div class="on">接警信息</div>
+ <div>出警信息</div>
+ </div>
<div class="label-content">
<div class="item">
<div>警情类别:</div>
@@ -89,28 +93,6 @@
</script>
<style lang="scss" scoped>
-// .item {
-// display: flex;
-// flex-direction: row;
-// width: calc(100% - 20px);
-// height: 30px;
-// line-height: 30px;
-// margin: 0 10px;
-// text-align: left;
-
-// &>div:first-child {
-// width: 100px;
-// text-align: justify;
-// display: inline-block;
-// text-align-last: justify;
-// margin-right: 20px;
-// }
-
-// &>div:nth-of-type(2) {
-// width: calc(100% - 120px);
-// }
-// }
-
.divForms-dom {
position: fixed;
left: 0;
@@ -223,6 +205,52 @@
font-size: 16px;
white-space: nowrap;
overflow: hidden;
+
+ .change-btn {
+ margin-top: 6px;
+ display: flex;
+ align-items: center;
+ justify-content: space-around;
+
+ &>div {
+ width: 36%;
+ height: 36px;
+ line-height: 36px;
+ cursor: pointer;
+ }
+
+ &>div.on {
+ border-bottom: 2px solid #1831a7;
+ }
+ }
+
+ .label-content {
+ padding: 4px 0;
+
+ .item {
+ display: flex;
+ flex-direction: row;
+ width: calc(100% - 20px);
+ height: 30px;
+ line-height: 30px;
+ margin: 0 10px;
+ text-align: left;
+
+ &>div:first-child {
+ width: 96px;
+ text-align: justify;
+ display: inline-block;
+ text-align-last: justify;
+ margin-right: 20px;
+ }
+
+ &>div:nth-of-type(2) {
+ width: calc(100% - 120px);
+ }
+ }
+
+ }
+
}
.divForms .title {
@@ -254,10 +282,6 @@
background-image: linear-gradient(135deg,
transparent 25px,
#1c309e9a 25px);
-}
-
-.divForms .label-content {
- padding: 4px 0;
}
.divForms-theme .arrow,
--
Gitblit v1.9.3