From aea107cf514f770d9e1bb7086c24a96743eccdd4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=90=91=E6=96=87=E5=8F=AF?= <1041367524@qq.com>
Date: Fri, 10 Jun 2022 10:40:06 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E7=A7=BB=E9=99=A4=E4=BB=8A=E6=97=A5?=
 =?UTF-8?q?=E8=AE=BF=E5=AE=A2=E7=BB=9F=E8=AE=A1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/home/dateRange.vue | 25 ++++++++++++++++---------
 src/views/home/index.vue     |  2 +-
 2 files changed, 17 insertions(+), 10 deletions(-)

diff --git a/src/views/home/dateRange.vue b/src/views/home/dateRange.vue
index a4f46a1..390a537 100644
--- a/src/views/home/dateRange.vue
+++ b/src/views/home/dateRange.vue
@@ -1,14 +1,15 @@
 <template>
     <div class="date-range">
-        <el-button
-            v-for="(item, index) in opts"
-            :key="index"
-            :class="{ active: active === item.value }"
-            type="text"
-            @click="handleRange(item.value)"
-        >
-            {{ item.label }}
-        </el-button>
+        <template v-for="(item, index) in opts" :key="index">
+            <el-button
+                v-if="item.value !== 'today' || !props.hiddenToday"
+                :class="{ active: active === item.value }"
+                type="text"
+                @click="handleRange(item.value)"
+            >
+                {{ item.label }}
+            </el-button>
+        </template>
         <el-date-picker
             v-model="value"
             :clearable="false"
@@ -21,6 +22,12 @@
 
 <script setup>
     import dayjs from 'dayjs';
+    const props = defineProps({
+        hiddenToday: {
+            type: Boolean,
+            default: false,
+        },
+    });
     const opts = ref([
         {
             label: '今天',
diff --git a/src/views/home/index.vue b/src/views/home/index.vue
index 76787c6..fc0b236 100644
--- a/src/views/home/index.vue
+++ b/src/views/home/index.vue
@@ -89,7 +89,7 @@
                 </div>
                 <div class="right">
                     <div class="header flex">
-                        <date-range v-model="condition1" v-model:today="today1" />
+                        <date-range v-model="condition1" v-model:today="today1" hidden-today />
                     </div>
                     <div class="chart"></div>
                 </div>