| | |
| | | /> |
| | | </div> |
| | | <div class="menu_second"> |
| | | <div class="upTop"> |
| | | <div |
| | | class="upTop" |
| | | v-show="item.children &&item.children.length>0 " |
| | | > |
| | | <div class="upimg"></div> |
| | | </div> |
| | | <div class="second_Box"> |
| | |
| | | } from "vue"; |
| | | import menuData from "@/assets/js/Map/menuData.js"; |
| | | import menuTool from "@/assets/js/Map/menuTool.js"; |
| | | import store from "@/store"; |
| | | const menuFlag = ref(null); |
| | | const menuOptions = ref([]); |
| | | const checkFlag = ref(null); |
| | | let checkArr = ref([]); |
| | | const setMenuClick = (res) => { |
| | | if (res.children) { |
| | | if (menuFlag.value && menuFlag.value == res.id) { |
| | |
| | | } else { |
| | | if (res.level == 1) { |
| | | checkFlag.value = null; |
| | | // console.log(res); |
| | | if (res.name == "清除") { |
| | | menuTool.clearALL(checkArr); |
| | | } |
| | | } else if (res.level == 2) { |
| | | checkFlag.value = res.id; |
| | | checkArr.value.push(res.id); |
| | | } |
| | | menuFlag.value = null; |
| | | menuTool.topTools(res); |
| | | } |
| | | }; |
| | | const setSpatialQuery = (res) => { |
| | | store.state.spatialQueryData.name = "lunarplacenane"; |
| | | store.state.spatialQueryData.hasGeom = 1; |
| | | store.state.spatialQueryData.wkt = res; |
| | | }; |
| | | onMounted(() => { |
| | | menuOptions.value = menuData.topMenu; |
| | | |
| | | window.setSpatialQuery = setSpatialQuery; |
| | | }); |
| | | </script> |
| | | |
| | |
| | | margin-right: 7px; |
| | | background: url("../assets/img/topBtn/图标bj.png") no-repeat; |
| | | background-size: 100% 100%; |
| | | opacity: 0.8; |
| | | .First_img { |
| | | width: 100%; |
| | | height: 100%; |
| | | display: flex; |
| | | justify-content: center; |
| | | align-items: center; |
| | | opacity: 1; |
| | | } |
| | | } |
| | | |