index.vue 719 B

123456789101112131415161718192021
  1. <template>
  2. <!-- 事件配置 -->
  3. <n-collapse class="go-mt-3" arrow-placement="right" :default-expanded-names="['1', '2']">
  4. <n-text depth="3">
  5. 组件 id:
  6. <n-text>{{ targetData.id }}</n-text>
  7. </n-text>
  8. <chart-event-base-handle></chart-event-base-handle>
  9. <chart-event-advanced-handle></chart-event-advanced-handle>
  10. </n-collapse>
  11. </template>
  12. <script setup lang="ts">
  13. import { ref } from 'vue'
  14. import { ChartEventAdvancedHandle } from './components/ChartEventAdvancedHandle'
  15. import { ChartEventBaseHandle } from './components/ChartEventBaseHandle'
  16. import { useTargetData } from '../hooks/useTargetData.hook'
  17. const { targetData } = useTargetData()
  18. const showModal = ref(false)
  19. </script>