1.甘特图时间分割线改动

loulijun2021

2023-03-15 5c133dd7c3b9e1787dcd3be4f0f578a9d8bef540

1.甘特图时间分割线改动

 src/lib/v-gantt-chart/lib/components/blocks/index.vue

@@ -1,6 +1,8 @@
<template>
  <div class="gantt-blocks"
       :style="{height:blockHeight+'px'}">
       :style="blocksStyle">
<!--    {{blocksStyle}}-->
<!--       :style="{height:blockHeight+'px'}">-->
    <div class="gantt-block gantt-block-top-space"
         :style="{height:calTopSpace()+'px'}">
    </div>
@@ -72,6 +74,12 @@
        return arrayKeys;
      }
      return ["gtArray"];
    },
    blocksStyle() {
      return {
        backgroundSize: `${this.cellWidth}px ${this.cellHeight}px`,
        height: `${this.blockHeight}px`
      };
    },
    blockStyle() {
      return {
@@ -153,4 +161,4 @@
    }
  }
};
</script>
</script>

 src/lib/v-gantt-chart/lib/components/time-line/index.vue

@@ -12,6 +12,7 @@
      <div
        class="gantt-timeline-day "
        :style="heightStyle"

      >
        {{ day.format('YYYY-MM-DD') }}
        {{ getDayMy(day.format('YYYY-MM-DD')) }}
@@ -19,13 +20,18 @@
      <div
        class="gantt-timeline-scale"
        :style="heightStyle"
        style="border-right: 1px solid #eee"


      >
<!--        style="border-right: 1px solid #eee"-->
        <div
          v-for="(hour,ind) in getTimeScales(day)"
          :key="ind"
          :style="cellWidthStyle"


        >
<!--          style="border-right: 1px solid #eee;"-->
          {{ hour }}
          <!-- <span v-if="hour !='01' ">{{hour}}</span> -->
        </div>
@@ -85,7 +91,12 @@
    },
    cellWidthStyle() {
      return {
        width: `${this.cellWidth}px`
        width: `${this.cellWidth}px`,

        // width: `${this.cellWidth/2}px`,


        // marginLeft:`${this.cellWidth/2}px`
      }
    },
    heightStyle() {
@@ -165,7 +176,7 @@
</script>
<style lang="scss" scoped>
.gantt-timeline-day {
  border-right: 1px solid #ebeef5;
  //border-right: 1px solid #ebeef5;
  border-bottom: 1px solid #ebeef5;
  //background: rgb(245, 245, 245);
  background: #fff;

 src/lib/v-gantt-chart/lib/gantt.scss

@@ -121,6 +121,9 @@
  }

  &-blocks {
    border: 1px solid #eee;
    background-image: linear-gradient(rgba(236, 236, 236) 1px, transparent 0),
    linear-gradient(90deg, rgba(236, 236, 236) 1px, transparent 0);
    &-wrapper {
      overflow: hidden;
    }