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

loulijun2021

2023-03-15 5c133dd7c3b9e1787dcd3be4f0f578a9d8bef540

 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;