<Gantt :head="head" :data="list" ref="ganttRef">
  /**
   *
   * @param width 进度条宽度（不包含超出的宽度）
   * @param activeWidth 选中进度条宽度
   * @param surplusWidth 剩余进度条宽度
   * @param overflowWidth 超出的宽度
   * @returns 自定义进度条的宽度
   */
    <template #parentSlot="{ activeWidth, overflowWidth }">
      <div style="display: flex">
        <div :style="{ width: activeWidth + 'px' }">
          我的宽度是：{{ activeWidth }}px
        </div>
        <div :style="{ width: overflowWidth + 'px' }" v-if="overflowWidth">
          我的宽度是：{{ overflowWidth && overflowWidth.toFixed(2) }}px
        </div>
      </div>
    </template>

    <template #childrenSlot="row">
      <div style="display: flex">
        <div :style="{ width: row.width + 'px' }">{{ row.width.toFixed(0) }}px</div>
      </div>
    </template>
  </Gantt>