Gantt

Instalación

yarn install

Ejecución

yarn run serve

Descripción

Gráfico de Gantt desarrollado en vue, puede utilizarse para colaboración en equipo, división de tareas y otros escenarios ágiles.
Soporta agrupación
Soporta arrastrar y soltar
Soporta estiramiento
Soporta porcentaje
Soporta rangos de tiempo: día, semana, mes
Actualmente solo se ha implementado agrupación de un solo nivel. Para evitar futuras necesidades de agrupación de dos o más niveles, en la última entrega se reestructuró parte del código para soportar agrupación multinivel, pero la versión actual no la incluye.
Ventajas: Al arrastrar, estirar, modificar el progreso, etc., los datos no se actualizan en tiempo real, sino después de la operación, lo que reduce el consumo de recursos.
      Al editar, eliminar o agregar, no se modifica toda la instancia de forma recursiva, solo se agregan, eliminan o modifican las partes necesarias.
Actualmente se está reorganizando el código para modularizarlo como componente. Por ahora, para usarlo en un proyecto solo es necesario importar gant.vue de este proyecto.
Los métodos para importar y exportar datos en lote ya están escritos, ¡solo hay que copiarlos!~

Notas de actualización

• Soporta edición
• Soporta eliminación
• Corrección de bug que impedía el desplazamiento vertical (además se agregó desplazamiento bidireccional simultáneo) #4
• Corrección de bug causado por elementUI
• Sobre el tema del rango de tiempo #5
• Actualmente no es posible configurar otros rangos de tiempo, como agregar horas, solo cambiando la configuración de rango. Algunas configuraciones están fijas durante la inicialización; en el futuro esto se modificará y se ofrecerá como API.

Ver ejemplo

Ver demo

Imagen de muestra

--- Tranlated By Open Ai Tx | Last indexed: 2025-07-01 ---