diff --git a/ruoyi-ui/src/views/JiHeExpressway/components/Dialog/index.vue b/ruoyi-ui/src/views/JiHeExpressway/components/Dialog/index.vue index e65c5a48..ceb69809 100644 --- a/ruoyi-ui/src/views/JiHeExpressway/components/Dialog/index.vue +++ b/ruoyi-ui/src/views/JiHeExpressway/components/Dialog/index.vue @@ -4,7 +4,7 @@
@@ -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)) }, // 摄像机 可控 不可控 弹窗 回调