refactor

src/components/catalog/IntegrationAndOnlineCalc/ClimateReconDataAssim/ImageLayer.jsx

@@ -3,27 +3,25 @@ import { ImageryLayer } from "resium";
 import { WebMapServiceImageryProvider } from "cesium";
 
 const url = "http://analysis.tpdc.ac.cn/gs/geoserver/phitrellis/wms";
-const name = "phitrellis:4_5_heatmap_htmp";
 
 export default function ImageLayer({ yearRange }) {
   const tempProvider = useMemo(
     () =>
       new WebMapServiceImageryProvider({
         url: url,
-        layers: name,
+        layers: yearRange,
         parameters: {
           service: "WMS",
           format: "image/png",
           transparent: true,
         },
       }),
-    [name, url]
+    [yearRange, url]
   );
 
-  return null;
   return (
     <ImageryLayer
-      key={`ImageryLayer-${name}`}
+      key={`ImageryLayer-${yearRange}`}
       imageryProvider={tempProvider}
       show={true}
       alpha={0.6}

src/components/catalog/IntegrationAndOnlineCalc/ClimateReconDataAssim/ResultPanel.jsx

@@ -13,7 +13,7 @@ export default function ResultPanel({ setYearRange }) {
   const [loading, setLoading] = useState(true);
 
   const changeHandler = useCallback((e) => {
-    setYearRange(e.target.value.split(" ~ "));
+    setYearRange(e.target.value.split(" ~ ").join("-"));
   });
 
   setTimeout(() => {

src/components/catalog/IntegrationAndOnlineCalc/ClimateReconDataAssim/index.jsx

@@ -10,7 +10,7 @@ import styles from "./index.module.less";
 function ClimateReconDataAssim() {
   const [showResult, setShowResult] = useState(false);
   const [yearRange, setYearRange] = useState([]);
-
+  console.log(yearRange);
   return (
     <div className={styles.climateReconDataAssim}>
       <MapLayout>