From edddd9d128ba6e7f38faf5f3aa06cd262fb74576 Mon Sep 17 00:00:00 2001
From: jeremyjone <jeremyjone@qq.com>
Date: Tue, 2 May 2023 18:32:45 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E2=9C=A8=E6=B7=BB=E5=8A=A0=E5=91=A8?=
 =?UTF-8?q?=E6=9C=AB?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/common/GanttBody.vue | 24 ++++++++++++++----------
 src/components/slider/index.vue     |  6 ++++++
 src/models/param/date.ts            |  9 +++++++++
 3 files changed, 29 insertions(+), 10 deletions(-)

diff --git a/src/components/common/GanttBody.vue b/src/components/common/GanttBody.vue
index 891b221..a39c842 100644
--- a/src/components/common/GanttBody.vue
+++ b/src/components/common/GanttBody.vue
@@ -9,16 +9,18 @@
       </RowVue>
     </template>
 
-    <div
-      v-for="(l, i) in [5, 6, 10, 11]"
-      :key="i"
-      class="xg-gantt-body-date-line weekend"
-      :style="{
-        width: `${ganttColumnWidth}px`,
-        left: `${ganttColumnWidth * l}px`,
-        backgroundColor: '#ccc'
-      }"
-    ></div>
+    <template v-for="(date, i) in ganttHeader.dates">
+      <div
+        v-if="date.isWeekend()"
+        :key="i"
+        class="xg-gantt-body-date-line weekend"
+        :style="{
+          width: `${ganttColumnWidth}px`,
+          left: `${ganttColumnWidth * i}px`,
+          backgroundColor: '#ccc'
+        }"
+      ></div>
+    </template>
 
     <div
       v-if="showToday"
@@ -35,6 +37,7 @@
 </template>
 
 <script lang="ts" setup>
+import useGanttHeader from '@/composables/useGanttHeader';
 import useGanttWidth from '@/composables/useGanttWidth';
 import useInView from '@/composables/useInView';
 import useSlotsBox from '@/composables/useSlotsBox';
@@ -47,6 +50,7 @@ const { bodyHeight } = useStyle();
 const { ganttWidth, ganttColumnWidth } = useGanttWidth();
 const { inView } = useInView();
 const { todayLeft, showToday } = useToday();
+const { ganttHeader } = useGanttHeader();
 </script>
 
 <style lang="scss" scoped>
diff --git a/src/components/slider/index.vue b/src/components/slider/index.vue
index 9c27972..fc09948 100644
--- a/src/components/slider/index.vue
+++ b/src/components/slider/index.vue
@@ -87,6 +87,12 @@ onDrag(sliderRef, {
   border-radius: 4px;
   font-size: 12px;
   top: math.div(100% - $h, 2);
+
+  &:hover {
+    filter: brightness(1.2);
+    border: 2px solid #aaa;
+    top: calc(math.div(100% - $h, 2) - 2px);
+  }
 }
 
 .xg-slider.xg-slider-drag {
diff --git a/src/models/param/date.ts b/src/models/param/date.ts
index f610291..98df35d 100644
--- a/src/models/param/date.ts
+++ b/src/models/param/date.ts
@@ -114,4 +114,13 @@ export class XDate {
   clone() {
     return new XDate(this.date);
   }
+
+  /**
+   * 该日期是否为周末
+   * @returns
+   */
+  isWeekend() {
+    const d = day(this.date).day();
+    return d === 6 || d === 0;
+  }
 }