1

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

@@ -4,6 +4,7 @@ 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 SO2(props) {
   const dayTrend = useSelector((state) => state.smoke?.dayTrend);
@@ -20,22 +21,56 @@ function SO2(props) {
       : period === "月"
       ? monthTrend
       : yearTrend;
-
+  const [timestr, setTimestr] = useState(
+    dayjs().subtract(7, "day").format("YYYY.MM.DD") +
+      " - " +
+      dayjs().subtract(1, "day").format("YYYY.MM.DD")
+  );
   const options = getOptions("SO2_float", period, currentTrend);
 
   function handleSwitch(v) {
     // console.log('switched ', v);
   }
 
-  function handleDateChange(v) {
-    setPeriod(v);
-    // console.log('date ', v);
+  function handleDateChange(value) {
+    setPeriod(
+      {
+        日: "day",
+        周: "week",
+        月: "month",
+        年: "year",
+      }[value]
+    );
+    setTimestr(
+      {
+        日:
+          dayjs().subtract(1, "day").format("YYYY.MM.DD") +
+          " 7点 - " +
+          dayjs().format("YYYY.MM.DD") +
+          " 7点",
+        年:
+          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="smoke"
       title="二氧化硫"
-      desc="能耗趋势图"
+      desc={`能耗趋势图  ${timestr}`}
       switchOptions={false}
       defaultSelect={period}
       onSwitch={handleSwitch}