|
@@ -45,10 +45,10 @@ const DeviceManager = () => {
|
|
} = useRequest(() => queryMonitorOnlineCount(projectId));
|
|
} = useRequest(() => queryMonitorOnlineCount(projectId));
|
|
|
|
|
|
useEffect(() => {
|
|
useEffect(() => {
|
|
- if (data?.list && tab == '1') UnityAction.sendMsg('doorData', data?.list);
|
|
|
|
- if (dataVList?.list && tab == '2')
|
|
|
|
|
|
+ if (data?.list && tab == '2') UnityAction.sendMsg('doorData', data?.list);
|
|
|
|
+ if (dataVList?.list && tab == '1')
|
|
UnityAction.sendMsg('camData', dataVList?.list);
|
|
UnityAction.sendMsg('camData', dataVList?.list);
|
|
- }, [data, dataVList, tab]);
|
|
|
|
|
|
+ }, [data, dataVList]);
|
|
|
|
|
|
const handleTabChange = (tab) => {
|
|
const handleTabChange = (tab) => {
|
|
setTab(tab);
|
|
setTab(tab);
|
|
@@ -155,8 +155,12 @@ const Video = ({ projectId, data, dataOnline, loading }) => {
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<Space direction="vertical" className={styles.sparePart}>
|
|
<Space direction="vertical" className={styles.sparePart}>
|
|
- {data?.map((item) => (
|
|
|
|
- <div className="card-box" style={{ padding: '10px' }}>
|
|
|
|
|
|
+ {data?.map((item, idx) => (
|
|
|
|
+ <div
|
|
|
|
+ key={`video_${idx}`}
|
|
|
|
+ className="card-box"
|
|
|
|
+ style={{ padding: '10px' }}
|
|
|
|
+ >
|
|
{renderRed(item)}
|
|
{renderRed(item)}
|
|
</div>
|
|
</div>
|
|
))}
|
|
))}
|
|
@@ -282,8 +286,12 @@ const Door = ({ data, dataOver, loading, projectId }) => {
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<Space direction="vertical" className={styles.sparePart}>
|
|
<Space direction="vertical" className={styles.sparePart}>
|
|
- {data?.map((item) => (
|
|
|
|
- <div className="card-box" style={{ padding: '10px' }}>
|
|
|
|
|
|
+ {data?.map((item, idx) => (
|
|
|
|
+ <div
|
|
|
|
+ key={`door_${idx}`}
|
|
|
|
+ className="card-box"
|
|
|
|
+ style={{ padding: '10px' }}
|
|
|
|
+ >
|
|
{renderRed(item)}
|
|
{renderRed(item)}
|
|
</div>
|
|
</div>
|
|
))}
|
|
))}
|