From 224e56672dac0e515ac738a60cfc97be9a574b4f Mon Sep 17 00:00:00 2001
From: afc163 <afc163@gmail.com>
Date: Tue, 24 Oct 2017 19:02:29 +0800
Subject: [PATCH] active date selection

---
 src/routes/Dashboard/Analysis.js   | 27 +++++++++++++++++++++++----
 src/routes/Dashboard/Analysis.less |  3 +++
 2 files changed, 26 insertions(+), 4 deletions(-)

diff --git a/src/routes/Dashboard/Analysis.js b/src/routes/Dashboard/Analysis.js
index f025825f..75f85791 100644
--- a/src/routes/Dashboard/Analysis.js
+++ b/src/routes/Dashboard/Analysis.js
@@ -75,6 +75,17 @@ export default class Analysis extends Component {
     });
   }
 
+  isActive(type) {
+    const { rangePickerValue } = this.state;
+    const value = getTimeDistance(type);
+    if (!rangePickerValue[0] || !rangePickerValue[1]) {
+      return;
+    }
+    if (rangePickerValue[0].isSame(value[0], 'day') && rangePickerValue[1].isSame(value[1], 'day')) {
+      return styles.currentDate;
+    }
+  }
+
   render() {
     const { rangePickerValue, salesType, currentTabKey } = this.state;
     const { chart } = this.props;
@@ -104,10 +115,18 @@ export default class Analysis extends Component {
     const salesExtra = (
       <div className={styles.salesExtraWrap}>
         <div className={styles.salesExtra}>
-          <a onClick={() => this.selectDate('today')}>今日</a>
-          <a onClick={() => this.selectDate('week')}>本周</a>
-          <a onClick={() => this.selectDate('month')}>本月</a>
-          <a onClick={() => this.selectDate('year')}>全年</a>
+          <a className={this.isActive('today')} onClick={() => this.selectDate('today')}>
+            今日
+          </a>
+          <a className={this.isActive('week')} onClick={() => this.selectDate('week')}>
+            本周
+          </a>
+          <a className={this.isActive('month')} onClick={() => this.selectDate('month')}>
+            本月
+          </a>
+          <a className={this.isActive('year')} onClick={() => this.selectDate('year')}>
+            全年
+          </a>
         </div>
         <RangePicker
           value={rangePickerValue}
diff --git a/src/routes/Dashboard/Analysis.less b/src/routes/Dashboard/Analysis.less
index ac76bc85..2f10383b 100644
--- a/src/routes/Dashboard/Analysis.less
+++ b/src/routes/Dashboard/Analysis.less
@@ -55,6 +55,9 @@
     &:hover {
       color: @primary-color;
     }
+    &.currentDate {
+      color: @primary-color;
+    }
   }
 }
 
-- 
GitLab