anxiaoxia 2 éve
szülő
commit
0fc6466ce3
1 módosított fájl, 33 hozzáadás és 38 törlés
  1. 33 38
      src/pages/Equipment/components/deviceModal/airEq/index.jsx

+ 33 - 38
src/pages/Equipment/components/deviceModal/airEq/index.jsx

@@ -133,7 +133,6 @@ export default ({ spaceId, projectId }) => {
 
       // console.log('changeLoading', changeLoading);
       setChangeLoading({ ...changeLoading, [itemId]: true });
-
       changeAirHttp(paramsObj)
         .then((res) => {
           setChangeLoading({ ...changeLoading, [itemId]: false });
@@ -160,42 +159,6 @@ export default ({ spaceId, projectId }) => {
     };
   }, []);
 
-  const AirExpend = () => {
-    if (isOpen) {
-      return (
-        <>
-          <div className={styles.expend}>
-            {airExpend.map((items, idx) => {
-              return (
-                <div className={styles.item} key={idx}>
-                  <div>{items.title}</div>
-                  <div className={styles.itemRight}>
-                    <div className={styles.itemBg} onClick={() => changeAir(items.downType)}>
-                      {changeLoading[items.downType] ? (
-                        <Spin indicator={<LoadingOutlined style={{ fontSize: 20 }} spin />} />
-                      ) : (
-                        <img className={styles.itemImg} src={items.leftImg} />
-                      )}
-                    </div>
-                    <div className={styles.itemBg} onClick={() => changeAir(items.upType)}>
-                      {changeLoading[items.upType] ? (
-                        <Spin indicator={<LoadingOutlined style={{ fontSize: 20 }} spin />} />
-                      ) : (
-                        <img className={styles.itemImg} src={items.rightImg} />
-                      )}
-                    </div>
-                  </div>
-                </div>
-              );
-            })}
-          </div>
-        </>
-      );
-    } else {
-      return <></>;
-    }
-  };
-
   return (
     <div className={styles.box}>
       <div className={styles.content}>
@@ -215,6 +178,7 @@ export default ({ spaceId, projectId }) => {
           <div className={styles.envRight}>
             <img className={styles.roomAirImg} src={isOpen ? airOpen : airClose} />
           </div>
+
           <div
             onClick={() => {
               changeSwitch(!isOpen);
@@ -226,7 +190,38 @@ export default ({ spaceId, projectId }) => {
           </div>
         </div>
       </div>
-      <AirExpend></AirExpend>
+      {isOpen && (
+        <div className={styles.expend}>
+          {airExpend.map((items, idx) => {
+            return (
+              <div className={styles.item} key={idx}>
+                <div>{items.title}</div>
+                <div className={styles.itemRight}>
+                  <div
+                    className={styles.itemBg}
+                    onClick={(e) => {
+                      changeAir(items.downType);
+                    }}
+                  >
+                    {changeLoading[items.downType] ? (
+                      <Spin indicator={<LoadingOutlined style={{ fontSize: 20 }} spin />} />
+                    ) : (
+                      <img className={styles.itemImg} src={items.leftImg} />
+                    )}
+                  </div>
+                  <div className={styles.itemBg} onClick={() => changeAir(items.upType)}>
+                    {changeLoading[items.upType] ? (
+                      <Spin indicator={<LoadingOutlined style={{ fontSize: 20 }} spin />} />
+                    ) : (
+                      <img className={styles.itemImg} src={items.rightImg} />
+                    )}
+                  </div>
+                </div>
+              </div>
+            );
+          })}
+        </div>
+      )}
     </div>
   );
 };