<template>
  <div id="knowledgdBase">
    <VisualizationHeader />
    <Map :serviceNos="['D9999990320240701']" />
  </div>
</template>

<script>
import HouseBuildingLeft from "@/views/c-views/visualizationPart/houseBuilding/HouseBuildingLeft/HouseBuildingLeft.vue";
import HouseBuildingRight from "@/views/c-views/visualizationPart/houseBuilding/HouseBuildingRight/HouseBuildingRight.vue";
import Map from "@/views/c-cpns/Map.vue";
import TreeMenu from "@/views/c-cpns/TreeMenu.vue";
import VisualizationHeader from "@/views/c-cpns/VisualizationHeader.vue";
import ServiceTree from "@/views/c-cpns/ServiceTree.vue";

export default {
  name: "knowledgdBase",
  components: {ServiceTree, VisualizationHeader, HouseBuildingLeft, HouseBuildingRight, TreeMenu, Map}
}
</script>

<style scoped lang="scss">
#houseBuilding {
  position: absolute;
  width: 100%;
  z-index: 2;
}
</style>
