| | |
|---|
| | | <template> |
|---|
| | | <div class="project-layer-wrapper"> |
|---|
| | | <div class="project-layer-wrapper height-100"> |
|---|
| | | <div style="height: 50px; line-height: 50px; border-bottom: 1px solid #4f4f4f; font-weight: 450;"> |
|---|
| | | <a-row> |
|---|
| | | <a-col :span="1"></a-col> |
|---|
| | | <a-col :span="22">Annotations</a-col> |
|---|
| | | <a-col :span="22">标注</a-col> |
|---|
| | | <a-col :span="1"></a-col> |
|---|
| | | </a-row> |
|---|
| | | </div> |
|---|
| | | <div class="scrollbar" :style="{ height: scorllHeight + 'px'}"> |
|---|
| | | <LayersTree |
|---|
| | | :layer-data="mapLayers" |
|---|
| | | class="project-layer-content" |
|---|
| | |
|---|
| | | v-model:selectedKeys="selectedKeys" |
|---|
| | | v-model:checkedKeys="checkedKeys" |
|---|
| | | /> |
|---|
| | | </div> |
|---|
| | | <a-drawer |
|---|
| | | title="Map Element" |
|---|
| | | title="地图元素" |
|---|
| | | placement="right" |
|---|
| | | :closable="true" |
|---|
| | | v-model:visible="visible" |
|---|
| | |
|---|
| | | |
|---|
| | | const root = getRoot() |
|---|
| | | const store = useMyStore() |
|---|
| | | let useGMapCoverHook = useGMapCover(store) |
|---|
| | | console.log('store', store) |
|---|
| | | const useGMapCoverHook = useGMapCover(store) |
|---|
| | | const mapLayers = ref(store.state.Layers) |
|---|
| | | const checkedKeys = ref<string[]>([]) |
|---|
| | | const selectedKeys = ref<string[]>([]) |
|---|
| | |
|---|
| | | { id: 5, name: 'RED', color: '#E23C39', selected: false }, |
|---|
| | | { id: 6, name: 'NAME_DEFAULT', color: '#212121', selected: false } |
|---|
| | | ]) |
|---|
| | | const scorllHeight = ref() |
|---|
| | | |
|---|
| | | async function getAllElement () { |
|---|
| | | getElementGroups('init') |
|---|
| | | setTimeout(() => { |
|---|
| | | useGMapCoverHook = useGMapCover() |
|---|
| | | // useGMapCoverHook = useGMapCover() |
|---|
| | | initMapCover() |
|---|
| | | }, 1000) |
|---|
| | | } |
|---|
| | |
|---|
| | | } |
|---|
| | | } |
|---|
| | | onMounted(() => { |
|---|
| | | getAllElement() |
|---|
| | | const element = document.getElementsByClassName('scrollbar').item(0) as HTMLDivElement |
|---|
| | | const parent = element?.parentNode as HTMLDivElement |
|---|
| | | scorllHeight.value = parent.clientHeight - parent.firstElementChild!.clientHeight |
|---|
| | | // getAllElement() |
|---|
| | | }) |
|---|
| | | function closeDrawer () { |
|---|
| | | store.commit('SET_DRAW_VISIBLE_INFO', false) |
|---|
| | |
|---|
| | | margin-bottom: 10px; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | .scrollbar { |
|---|
| | | overflow: auto; |
|---|
| | | } |
|---|
| | | </style> |
|---|
