|
@@ -1,11 +1,12 @@
|
|
-import React, { useState, useEffect } from 'react';
|
|
|
|
|
|
+import React, { useState, useEffect, useCallback } from 'react';
|
|
import styles from './index.less';
|
|
import styles from './index.less';
|
|
import commonStyles from '../common.less';
|
|
import commonStyles from '../common.less';
|
|
import { equipImageMap } from '@/config/image.js';
|
|
import { equipImageMap } from '@/config/image.js';
|
|
import AnSwitch from '../anSwitch';
|
|
import AnSwitch from '../anSwitch';
|
|
-const { lamp_open, expend_down, expend_up } = equipImageMap;
|
|
|
|
|
|
+const { lamp_open, lamp_close, expend_down, expend_up } = equipImageMap;
|
|
export default () => {
|
|
export default () => {
|
|
const [isMore, setIsMore] = useState(true);
|
|
const [isMore, setIsMore] = useState(true);
|
|
|
|
+ const [isOpen, setIsOpen] = useState(true); // 12 开, 10关
|
|
|
|
|
|
const lampArr = [
|
|
const lampArr = [
|
|
{ id: '1', title: '主灯', sta: true },
|
|
{ id: '1', title: '主灯', sta: true },
|
|
@@ -17,6 +18,9 @@ export default () => {
|
|
setFlagSvg(!flagSvg);
|
|
setFlagSvg(!flagSvg);
|
|
}
|
|
}
|
|
|
|
|
|
|
|
+ function changeSwitch(val, type) {
|
|
|
|
+ setIsOpen(val);
|
|
|
|
+ }
|
|
return (
|
|
return (
|
|
<div className={commonStyles.box}>
|
|
<div className={commonStyles.box}>
|
|
<div className={commonStyles.content}>
|
|
<div className={commonStyles.content}>
|
|
@@ -34,11 +38,16 @@ export default () => {
|
|
)}
|
|
)}
|
|
</div>
|
|
</div>
|
|
<div className={commonStyles.envRight}>
|
|
<div className={commonStyles.envRight}>
|
|
- <img className={commonStyles.roomEqImg} src={lamp_open} />
|
|
|
|
|
|
+ <img className={commonStyles.roomEqImg} src={isOpen ? lamp_open : lamp_close} />
|
|
</div>
|
|
</div>
|
|
{!flagSvg && (
|
|
{!flagSvg && (
|
|
- <div className={commonStyles.eqBtn}>
|
|
|
|
- <AnSwitch isOpen={true} />
|
|
|
|
|
|
+ <div
|
|
|
|
+ className={commonStyles.eqBtn}
|
|
|
|
+ onClick={() => {
|
|
|
|
+ changeSwitch(!isOpen, 'total');
|
|
|
|
+ }}
|
|
|
|
+ >
|
|
|
|
+ <AnSwitch isOpen={isOpen} />
|
|
</div>
|
|
</div>
|
|
)}
|
|
)}
|
|
</div>
|
|
</div>
|
|
@@ -48,7 +57,11 @@ export default () => {
|
|
return (
|
|
return (
|
|
<div className={`${styles.lampChild} ${commonStyles.flexBetween}`} key={item.id}>
|
|
<div className={`${styles.lampChild} ${commonStyles.flexBetween}`} key={item.id}>
|
|
<div className={commonStyles.eqTitle}>{item.title}</div>
|
|
<div className={commonStyles.eqTitle}>{item.title}</div>
|
|
- <div>
|
|
|
|
|
|
+ <div
|
|
|
|
+ onClick={() => {
|
|
|
|
+ changeSwitch(!item.sta, 'child');
|
|
|
|
+ }}
|
|
|
|
+ >
|
|
<AnSwitch isOpen={item.sta}></AnSwitch>
|
|
<AnSwitch isOpen={item.sta}></AnSwitch>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|