甘特图编辑器

综合示例

其他方式

函数式弹框打开

javascript

<script lang="ts">
  import { defineComponent, getCurrentInstance } from 'vue';
  import { openBaseGanttEditor } from '@crami/project';

  export default defineComponent({
    setup() {
      const instance = getCurrentInstance();
      /**
        * 打开甘特图编辑器
        */
      const openEditor = () => {
        openBaseGanttEditor(instance?.appContext, {
          projectId,
          calendarsApi,
          configApi,
          dataSourceApi,
          menusApi,
          resourcesApi,
          saveDataApi,
        });
      };

      return {
        openEditor,
      };
    },
  });
</script>

字段属性

编辑器支持的字段属性参考业务甘特图数据格式说明

注意

由于时间和进度问题，部分文档描述和部分参数格式描述未详细列出，请自行参考项目工程 Dome

API

注意

甘特图编辑器是基于业务甘特图进行封装的，业务甘特图支持的传参，甘特图编辑器都支持，具体参数请参考业务甘特图，可以继续传参使用。

HBBaseGanttEditor 属性

参数	说明	类型	默认值
initialLoad	初始化是否加载数据(data 数据)	Boolean	true
calendarsApi	项目日历参数	Object	{}
configApi	列查询参数	Object	{}
dataSourceApi	数据源参数	Object	{}
menusApi	按钮数据接口	Object	{}
menusArray	按钮数据(不用过接口直接传入的)	Object	{}
resourcesApi	资源数据接口	Object	{}
resourcesData	资源数据(不用过接口直接传入的)	Object	{}
saveDataApi	数据保存接口	Object	{}
saveColumnsApi	列数据保存接口	Object	{}
projectId	项目 id	String	''
planId	计划 id	String	''
fineTuning	是否是微调	Boolean	false
bizType	所属模块	String	'EditPlan'
menuConfig	不显示的顶部按钮	Object	{}
contextMenuConfig	不显示的右键菜单按钮	Object	{}
checkProjectStart	校验根任务开始时间和项目开始时间是否一致	Boolean	false
checkMileStoneUpdate	微调模式下校验里程任务是否可以在更新数据中	Boolean	false
separateProjectStart	项目开始时间是否和根任务开始时间分离	Boolean	true

HBBaseGanttEditor 方法

方法名称	说明	类型
getCureentGanttInstance	获取甘特图编辑器当前的实例	() => any
enableBaseGanttLoading	开启 loading 显示	() => any
closeBaseGanttLoading	关闭 loading 显示	() => any
switchGanttGrid	显示或者隐藏 chart	(flag: Boolean) => any
taskIndent	任务降级	() => void
taskOutdent	任务升级	() => void
deleteSelectData	删除选中的数据	() => void
undo	撤销	() => void
redo	恢复	() => void
expandAll	展开全部	(level: Number) => void
collapseAll	收起所有	() => void
highLightCriticalPath	关键路径高亮	() => void
noLightCriticalPath	隐藏关键路径高亮	() => void
setCurrentZoom	设置视图层级	(zoom: String) => void
addRelationTaskLink	任务链接	() => void
deleteRelationTaskLink	取消链接	() => void
openColumnConfigModal	显示列配置弹框	() => void
openSearch	显示查找弹框	() => void
copy	复制	() => void
cut	剪切	() => void
paste	粘贴	() => void
insertTask	插入任务	() => void
insertChildTask	插入子任务、里程碑	(obj: object) => void
toEditTask	编辑任务、任务属性	() => void
about	显示关于	() => void
openProjectScheduleModal	打开项目时间	() => void
openFilterDrawer	开启筛选	() => void
openFreezeColumns	列冻结	() => void
cancelFreezeColumns	取消列冻结	() => void
openUpdateResource	批量更新资源	() => void
openResourceLoad	打开资源负荷弹框	() => void
checkDifferenceData	校验是否有差异化数据	() => boolean
getDifferenceData	获取差异化数据	() => any
beforeSaveBaseGanttData	差异化数据保存之前的校验	(obj) => boolean
afterSaveBaseGanttData	差异化数据保存之后操作	(obj) => void
saveDifferenceBaseGanttData	保存差异化数据(组合操作，返回校验之后的差异化数据)	（refreshFlag: boolean）=> object
switchFullScreen	是否切换全屏显示	(isFull: boolean) => void
switchBaseLine	切换基线对比	（）=> void
getAllMethods	业务甘特图对外提供的方法集合	（）=> obj
checkCanRemoveResource	校验资源是否可以移除	（ids: array）=> obj