月球大数据地理空间分析展示平台-【前端】-月球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,6 +85,7 @@
} 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);
@@ -99,7 +103,7 @@
      checkFlag.value = null;
      // console.log(res);
      if (res.name == "清除") {
        menuTool.clearALL(res);
        menuTool.clearALL(checkArr);
      }
    } else if (res.level == 2) {
      checkFlag.value = res.id;
@@ -109,8 +113,15 @@
    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>
@@ -134,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;
      }
    }