月球大数据地理空间分析展示平台-【前端】-月球2期前端
1
Surpriseplus
2023-07-07 12ce6b636a5e83176ad09838d180adb11257077e
src/components/topBtn.vue
@@ -15,7 +15,10 @@
          />
        </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">
@@ -82,9 +85,11 @@
} 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) {
@@ -96,15 +101,27 @@
  } 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>
@@ -128,12 +145,14 @@
      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;
      }
    }