<template>
  <PageWrapper dense contentFullHeight fixedHeight contentClass="flex">
    <LeftView class="w-1/2 xl:w-1/2" :itemData="viewData" v-if="viewData" @delView="delViewData" />
    <LeftTable class="w-1/2 xl:w-1/2" @viewHandle="viewHandle" v-else />
    <Map class="w-1/2 xl:w-1/2" />
  </PageWrapper>
</template>
<script setup lang="ts">
  import { ref } from 'vue';
  import { PageWrapper } from '@/components/Page';
  import { LeftTable, Map, LeftView } from './index';

  const viewData = ref(null);
  const viewHandle = (data: any) => {
    console.log(data);
    viewData.value = data;
  };
  const delViewData = () => {
    viewData.value = null;
  };
</script>
<style lang="scss" scoped></style>
