используя диаграмму Ганта с laravel и vue js - PullRequest
Новая
       53

используя диаграмму Ганта с laravel и vue js

0 голосов
/ 19 марта 2020

Привет, я хочу использовать диаграмму Ганта в своем проекте, поэтому я попытался использовать htmlxGantt в своем проекте laravel vue, поэтому я создал компонентный вызов Ганта и маршрутизатор, но проблема, которая возникает в диаграмме Ганта во всех страница, и это не полностью показано какое-либо решение, ребята ?? это мой Гант. vue: 

<template>
 <div >
 <div id="gantt_here" style="position:relative;"></div>
 </div>

</template>

<script>
 export default {
    created(){
   gantt.init("gantt_here");
    },
    mounted() {
        console.log('Component mounted.')
    }
 }
 </script>

и это пи c диаграммы Ганта, как это было показано в моем проекте: enter image description here

и как и где я хочу, чтобы он был показан: enter image description here

и это ссылка на маршрутизатор компонента Ганта в home.blade. php: 

       <li class="nav-item">
    <router-link to="/gantt" class="nav-link">
   <i class="fas fa-tasks" style="color:#05dfd7" ></i>
  <p>
   Gantt

  </p>
</router-link>

Ps: все мои компоненты показаны в home.blade. php это код: 

div class="content-wrapper">
<!-- Content Header (Page header) -->

<!-- /.content-header -->

<!-- Main content -->
<div class="content">
  <div class="container-fluid">
    <router-view ></router-view>
  </div>
</div>
...