fix ui

src/components/Common/CurrentTemp/index.jsx

@@ -53,7 +53,9 @@ function WindFrequence(props) {
 
   useEffect(() => {
     setCurrentLineTemp(
-      (currentTempList && currentTempList[1+lines.indexOf(dataSource)+'#']) || []
+      (currentTempList &&
+        currentTempList[1 + lines.indexOf(dataSource) + "#"]) ||
+        []
     );
   }, [dataSource]);
 
@@ -70,65 +72,113 @@ function WindFrequence(props) {
         <SmallBox>
           <h1 className={cls.areaName}>A1区板上</h1>
           <div className={cls.areaContent}>
-            <span className={cls.areaValue}>{currentLineTemp[0] || 0} ℃</span>
-            <span className={cls.areaValue}>{currentLineTemp[1] || 0} ℃</span>
-            <span className={cls.areaValue}>{currentLineTemp[2] || 0} ℃</span>
+            <span className={cls.areaValue}>
+              {(+currentLineTemp[0]).toFixed(2) || 0} ℃
+            </span>
+            <span className={cls.areaValue}>
+              {(+currentLineTemp[1]).toFixed(2) || 0} ℃
+            </span>
+            <span className={cls.areaValue}>
+              {(+currentLineTemp[2]).toFixed(2) || 0} ℃
+            </span>
           </div>
         </SmallBox>
         <SmallBox>
           <h1 className={cls.areaName}>A2区板上</h1>
           <div className={cls.areaContent}>
-            <span className={cls.areaValue}>{currentLineTemp[6] || 0} ℃</span>
-            <span className={cls.areaValue}>{currentLineTemp[7] || 0} ℃</span>
-            <span className={cls.areaValue}>{currentLineTemp[8] || 0} ℃</span>
+            <span className={cls.areaValue}>
+              {(+currentLineTemp[6]).toFixed(2) || 0} ℃
+            </span>
+            <span className={cls.areaValue}>
+              {(+currentLineTemp[7]).toFixed(2) || 0} ℃
+            </span>
+            <span className={cls.areaValue}>
+              {(+currentLineTemp[8]).toFixed(2) || 0} ℃
+            </span>
           </div>
         </SmallBox>
         <SmallBox>
           <h1 className={cls.areaName}>B区板上</h1>
           <div className={cls.areaContent}>
-            <span className={cls.areaValue}>{currentLineTemp[12] || 0} ℃</span>
-            <span className={cls.areaValue}>{currentLineTemp[13] || 0} ℃</span>
-            <span className={cls.areaValue}>{currentLineTemp[14] || 0} ℃</span>
+            <span className={cls.areaValue}>
+              {(+currentLineTemp[12]).toFixed(2) || 0} ℃
+            </span>
+            <span className={cls.areaValue}>
+              {(+currentLineTemp[13]).toFixed(2) || 0} ℃
+            </span>
+            <span className={cls.areaValue}>
+              {(+currentLineTemp[14]).toFixed(2) || 0} ℃
+            </span>
           </div>
         </SmallBox>
         <SmallBox>
           <h1 className={cls.areaName}>C区板上</h1>
           <div className={cls.areaContent}>
-            <span className={cls.areaValue}>{currentLineTemp[18] || 0} ℃</span>
-            <span className={cls.areaValue}>{currentLineTemp[19] || 0} ℃</span>
-            <span className={cls.areaValue}>{currentLineTemp[20] || 0} ℃</span>
+            <span className={cls.areaValue}>
+              {(+currentLineTemp[18]).toFixed(2) || 0} ℃
+            </span>
+            <span className={cls.areaValue}>
+              {(+currentLineTemp[19]).toFixed(2) || 0} ℃
+            </span>
+            <span className={cls.areaValue}>
+              {(+currentLineTemp[20]).toFixed(2) || 0} ℃
+            </span>
           </div>
         </SmallBox>
         <SmallBox>
           <h1 className={cls.areaName}>A1区板下</h1>
           <div className={cls.areaContent}>
-            <span className={cls.areaValue}>{currentLineTemp[3] || 0} ℃</span>
-            <span className={cls.areaValue}>{currentLineTemp[4] || 0} ℃</span>
-            <span className={cls.areaValue}>{currentLineTemp[5] || 0} ℃</span>
+            <span className={cls.areaValue}>
+              {(+currentLineTemp[3]).toFixed(2) || 0} ℃
+            </span>
+            <span className={cls.areaValue}>
+              {(+currentLineTemp[4]).toFixed(2) || 0} ℃
+            </span>
+            <span className={cls.areaValue}>
+              {(+currentLineTemp[5]).toFixed(2) || 0} ℃
+            </span>
           </div>
         </SmallBox>
         <SmallBox>
           <h1 className={cls.areaName}>A2区板下</h1>
           <div className={cls.areaContent}>
-            <span className={cls.areaValue}>{currentLineTemp[9] || 0} ℃</span>
-            <span className={cls.areaValue}>{currentLineTemp[10] || 0} ℃</span>
-            <span className={cls.areaValue}>{currentLineTemp[11] || 0} ℃</span>
+            <span className={cls.areaValue}>
+              {(+currentLineTemp[9]).toFixed(2) || 0} ℃
+            </span>
+            <span className={cls.areaValue}>
+              {(+currentLineTemp[10]).toFixed(2) || 0} ℃
+            </span>
+            <span className={cls.areaValue}>
+              {(+currentLineTemp[11]).toFixed(2) || 0} ℃
+            </span>
           </div>
         </SmallBox>
         <SmallBox>
           <h1 className={cls.areaName}>B区板下</h1>
           <div className={cls.areaContent}>
-            <span className={cls.areaValue}>{currentLineTemp[15] || 0} ℃</span>
-            <span className={cls.areaValue}>{currentLineTemp[16] || 0} ℃</span>
-            <span className={cls.areaValue}>{currentLineTemp[17] || 0} ℃</span>
+            <span className={cls.areaValue}>
+              {(+currentLineTemp[15]).toFixed(2) || 0} ℃
+            </span>
+            <span className={cls.areaValue}>
+              {(+currentLineTemp[16]).toFixed(2) || 0} ℃
+            </span>
+            <span className={cls.areaValue}>
+              {(+currentLineTemp[17]).toFixed(2) || 0} ℃
+            </span>
           </div>
         </SmallBox>
         <SmallBox>
           <h1 className={cls.areaName}>C区板下</h1>
           <div className={cls.areaContent}>
-            <span className={cls.areaValue}>{currentLineTemp[21] || 0} ℃</span>
-            <span className={cls.areaValue}>{currentLineTemp[22] || 0} ℃</span>
-            <span className={cls.areaValue}>{currentLineTemp[23] || 0} ℃</span>
+            <span className={cls.areaValue}>
+              {(+currentLineTemp[21]).toFixed(2) || 0} ℃
+            </span>
+            <span className={cls.areaValue}>
+              {(+currentLineTemp[22]).toFixed(2) || 0} ℃
+            </span>
+            <span className={cls.areaValue}>
+              {(+currentLineTemp[23]).toFixed(2) || 0} ℃
+            </span>
           </div>
         </SmallBox>
         <SmallBox split={false} style={{ position: "relative" }}>
@@ -146,14 +196,14 @@ function WindFrequence(props) {
                 ></Button>
               </Tooltip>
             </div>
-            <span className={cls.areaPureValue}>
-              {currentLineTemp[26] || 0} ℃
+            <span className={cls.areaPureValue} style={{ fontSize: "12px" }}>
+              {(+currentLineTemp[26]).toFixed(2) || 0}℃
             </span>
-            <span className={cls.areaPureValue}>
-              {currentLineTemp[27] || 0} ℃
+            <span className={cls.areaPureValue} style={{ fontSize: "12px" }}>
+              {(+currentLineTemp[27]).toFixed(2) || 0}℃
             </span>
-            <span className={cls.areaPureValue}>
-              {currentLineTemp[28] || 0} ℃
+            <span className={cls.areaPureValue} style={{ fontSize: "12px" }}>
+              {(+currentLineTemp[28]).toFixed(2) || 0}℃
             </span>
           </div>
         </SmallBox>
@@ -173,27 +223,31 @@ function WindFrequence(props) {
                 ></Button>
               </Tooltip>
             </div>
-            <span className={cls.areaPureValue}>
-              {currentLineTemp[29] || 0} ℃
+            <span className={cls.areaPureValue} style={{ fontSize: "12px" }}>
+              {(+currentLineTemp[29]).toFixed(2) || 0}℃
             </span>
-            <span className={cls.areaPureValue}>
-              {currentLineTemp[30] || 0} ℃
+            <span className={cls.areaPureValue} style={{ fontSize: "12px" }}>
+              {(+currentLineTemp[30]).toFixed(2) || 0}℃
             </span>
-            <span className={cls.areaPureValue}>
-              {currentLineTemp[31] || 0} ℃
+            <span className={cls.areaPureValue} style={{ fontSize: "12px" }}>
+              {(+currentLineTemp[31]).toFixed(2) || 0}℃
             </span>
           </div>
         </SmallBox>
         <SmallBox>
           <h1 className={cls.areaName}>RET1区</h1>
           <div className={cls.areaContent}>
-            <span className={cls.areaValue}>{currentLineTemp[24] || 0} ℃</span>
+            <span className={cls.areaValue}>
+              {(+currentLineTemp[24]).toFixed(2) || 0} ℃
+            </span>
           </div>
         </SmallBox>
         <SmallBox>
           <h1 className={cls.areaName}>RET2区</h1>
           <div className={cls.areaContent}>
-            <span className={cls.areaValue}>{currentLineTemp[25] || 0} ℃</span>
+            <span className={cls.areaValue}>
+              {(+currentLineTemp[25]).toFixed(2) || 0} ℃
+            </span>
           </div>
         </SmallBox>
       </div>