
@@ -86,27 +86,11 @@ export default {
.dialog {
max-width: 72vw;
- // background: linear-gradient(180deg, rgba(14, 69, 92, 0.9) 0%, rgba(20, 89, 119, 0.9) 100%);
opacity: 1;
background-clip: padding-box;
- // clip-path: polygon(calc(100% - var(--clip-width)) 0, 100% var(--clip-width), 100% 100%, var(--clip-width) 100%, 0 calc(100% - var(--clip-width)), 0 0);
position: relative;
box-sizing: border-box;
margin: calc(var(--border-width) / 2);
- border: 2px solid;
- border-image: linear-gradient(180deg, rgba(78, 174, 204, .6), rgba(78, 174, 204, 0)) 2 2;
-
- // &::before {
- // content: "";
- // position: absolute;
- // background: rgba(78, 174, 204, .6);
- // height: 2px;
- // // width: calc(sqrt(pow(var(--clip-width-num), 2) * 2) * 1px);
- // right: calc(var(--clip-width) / -2);
- // top: -2px;
- // transform-origin: top left;
- // transform: rotate(45deg);
- // }
.dialog-title {
position: relative;
diff --git a/ruoyi-ui/src/views/JiHeExpressway/components/InputSearch/index.vue b/ruoyi-ui/src/views/JiHeExpressway/components/InputSearch/index.vue
index 0d50b427..c11c1665 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/components/InputSearch/index.vue
+++ b/ruoyi-ui/src/views/JiHeExpressway/components/InputSearch/index.vue
@@ -1,42 +1,111 @@
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/RoadAndEvents/index.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/RoadAndEvents/index.vue
index becad40a..d05658eb 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/RoadAndEvents/index.vue
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/RoadAndEvents/index.vue
@@ -74,6 +74,22 @@ export default {
this.layerData = layerData;
this.tabContentData = layerData[defaultActive].children || [];
this.active = layerData[defaultActive].title;
+
+ this.minLayers = 3;
+ },
+ mounted() {
+ // 获取原始 Layer
+ const getMinMapLayers = (time = 0) => {
+ setTimeout(() => {
+ const { mapIns } = this.getMap();
+
+ if (!mapIns) return getMinMapLayers(150);
+
+ this.minLayers = mapIns.getLayers().length - 1;
+ }, time);
+ }
+
+ getMinMapLayers();
},
methods: {
handleClick(item) {
@@ -102,7 +118,7 @@ export default {
}
// mapIns.clearMap();
- mapIns.getLayers().forEach((layer, index) => index > 1 && mapIns.remove(layer))
+ mapIns.getLayers().forEach((layer, index) => index > this.minLayers && mapIns.remove(layer))
},
// 摄像机 可控 不可控 弹窗 回调