Ver código fonte

数据中心

wangzhe 2 anos atrás
pai
commit
16645017be
2 arquivos alterados com 54 adições e 28 exclusões
  1. 53 28
      src/assets/styles/base.scss
  2. 1 0
      src/views/eventdetailsdialog.vue

+ 53 - 28
src/assets/styles/base.scss

@@ -29,6 +29,9 @@ rgba($color: #020f2a, $alpha: 1);
 $boxBG: 180deg, rgba($color: #0d2760, $alpha: 1),
 rgba($color: #081a41, $alpha: 1);
 
+$popupBG:180deg, rgba($color: #1541a0, $alpha: 1),
+rgba($color: #3566d0, $alpha: 1);
+
 //内阴影
 $shadowList: 0 0 1rem 0 rgba($color: #0b1b25, $alpha: .8);
 $shadowTitle: 0 -0.2rem .5rem 0.3rem rgba($color: #0dc0db, $alpha: .09) inset;
@@ -228,6 +231,40 @@ ul {
   height: 100vh;
 }
 
+ //超图气泡
+ .leaflet-popup-content-wrapper {
+  // padding: 15px 20px !important;
+  background-image: -moz-linear-gradient($popupBG)!important;
+  background-image: -webkit-linear-gradient($popupBG) !important;
+  background-image: linear-gradient($popupBG)!important;
+  box-shadow: $shadowTitle !important;
+  color: #3cd7ef !important;
+
+
+}
+.leaflet-popup-tip{
+  background: #3061c9 !important;
+  color: #333;
+  box-shadow:none !important;
+}
+ //超图气泡内插槽
+  .map-tip {
+    .d-l-con {
+      width: 100%;
+      box-shadow: none;
+
+      .d-l-l-text {
+        width: 100%;
+        //white-space: nowrap;
+
+        h4 {
+          // display: flex;
+          color:$white;
+        }
+      }
+    }
+  }
+
 div::-webkit-scrollbar {
   display: none;
 }
@@ -822,8 +859,8 @@ div::-webkit-scrollbar {
 
           .el-collapse-item__arrow {
             color: $inBlue;
-            position: relative;
-            left: -20.5rem;
+            position: absolute;
+            left: 1rem;
             margin: 0;
           }
 
@@ -1127,8 +1164,8 @@ div::-webkit-scrollbar {
 
           .el-collapse-item__arrow {
             color: $inBlue;
-            position: relative;
-            left: -20.5rem;
+            position: absolute;
+            left: 1rem;
             margin: 0;
           }
 
@@ -1346,33 +1383,18 @@ div::-webkit-scrollbar {
   background: linear-gradient($conBg);
   position: absolute;
 
-  .el-input__inner {
-    border: 1px $searchBorder;
-    background-color: $searchBG;
-    color: $inBlue;
-  }
   // 2.5D地图显示
   .cesium-infoBox{
     z-index: 9999 !important;
 
   }
-  .map-tip {
-    .d-l-con {
-      width: 100%;
-      box-shadow: none;
-
-      .d-l-l-text {
-        width: 100%;
-        white-space: nowrap;
-
-        h4 {
-          display: flex;
-          color: #ffffff;
-        }
-      }
-    }
+  .el-input__inner {
+    border: 1px $searchBorder;
+    background-color: $searchBG;
+    color: $inBlue;
   }
 
+
   //收起展开
   .mascot {
     position: fixed;
@@ -1796,8 +1818,8 @@ div::-webkit-scrollbar {
 
     .el-collapse-item__arrow {
       color: $inBlue;
-      position: relative;
-      left: -20.5rem;
+      position: absolute;
+      left: 1rem;
       margin: 0;
     }
 
@@ -2164,13 +2186,16 @@ div::-webkit-scrollbar {
     max-width: 90%;
   }
 
+
   .d-l-l-text {
     display: flex;
     align-items: center;
     flex: 1;
     color: $fListTitle;
     padding: .2rem;
-
+    .el-tooltip__popper{
+		width: 100px;
+	}
     h4 {
       font-size: .7rem;
       margin: 0;
@@ -2514,7 +2539,7 @@ div::-webkit-scrollbar {
         width: fit-content;
         background-color: $eventStateColor-qr;
         color: $white;
-        padding:0.25rem 0.4rem;
+		    padding:0.25rem 0.4rem;
         margin-left: -.5rem;
         margin-bottom: .2rem;
         border-radius: .2rem;

+ 1 - 0
src/views/eventdetailsdialog.vue

@@ -1633,6 +1633,7 @@ export default {
           this.$refs.supermapDialog.clearMByType(type)
         }, 1000)
       } else {
+        console.log("消防资源落点")
         // 消防资源落点
         let param = { longitude: this.longitude, latitude: this.latitude, type: type, radius: this.radius }
         if (type != 'sxt') {