<template>
  <div class="container"><HuaxinGantt class="left-container" :tasks="tasks"></HuaxinGantt></div>
</template>

<script setup lang="ts">
  import { ref } from 'vue';
  import HuaxinGantt from './gantt.vue';
  import GanttData from './ganttData'
  const tasks = ref(GanttData);
  defineOptions({
    name: 'Task',
  });
</script>

<style lang="less" scoped>
  .container {
    height: 100%;
    width: 100%;
  }
  .left-container {
    overflow: hidden;
    position: relative;
    height: 100%;
  }
</style>
