|
@@ -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>
|
|
|
);
|
|
|
};
|