1

src/components/Modules/EnergyCostAnalysis/ElectricityCost/index.jsx

@@ -4,11 +4,16 @@ import ReactECharts from "echarts-for-react";
 import { useSelector } from "react-redux";
 import { useState } from "react";
 import * as echarts from "echarts";
+import dayjs from "dayjs";
 
 function ElecCost(props) {
   const elecTrend = useSelector((state) => state.energy.trend.elec);
   const [period, setPeriod] = useState("周");
-
+  const [timestr, setTimestr] = useState(
+    dayjs().subtract(7, "day").format("YYYY.MM.DD") +
+      " - " +
+      dayjs().subtract(1, "day").format("YYYY.MM.DD")
+  );
   const options = getOptions(
     { 周: "week", 月: "month", 年: "year" }[period],
     elecTrend ?? { week: [], month: [], year: [] }
@@ -18,15 +23,32 @@ function ElecCost(props) {
     // console.log('switched ', v);
   }
 
-  function handleDateChange(v) {
-    setPeriod(v);
+  function handleDateChange(value) {
+    setPeriod(value);
+    setTimestr(
+      {
+        年:
+          dayjs().subtract(1, "year").endOf("year").format("YYYY.MM.") +
+          "29 - " +
+          dayjs().endOf("year").format("YYYY.MM.") +
+          "28",
+        周:
+          dayjs().subtract(7, "day").format("YYYY.MM.DD") +
+          " - " +
+          dayjs().subtract(1, "day").format("YYYY.MM.DD"),
+        月:
+          dayjs().subtract(1, "month").format("YYYY.MM.") +
+          "29 - " +
+          dayjs().format("YYYY.MM.") +
+          "28",
+      }[value]
+    );
   }
-
   return (
     <GraphBase
       icon="battery"
       title="电耗能"
-      desc="能耗趋势图"
+      desc={`能耗趋势图  ${timestr}`}
       switchOptions={false}
       onSwitch={handleSwitch}
       defaultSelect={period}