|
@@ -8,7 +8,7 @@ import {
|
|
} from '@/services/safety';
|
|
} from '@/services/safety';
|
|
import { UnityAction } from '@/utils/utils';
|
|
import { UnityAction } from '@/utils/utils';
|
|
import { useNavigate, useParams, useRequest } from '@umijs/max';
|
|
import { useNavigate, useParams, useRequest } from '@umijs/max';
|
|
-import { Button, Space, Spin } from 'antd';
|
|
|
|
|
|
+import { Button, Spin } from 'antd';
|
|
import { useEffect, useState } from 'react';
|
|
import { useEffect, useState } from 'react';
|
|
import styles from './index.less';
|
|
import styles from './index.less';
|
|
const doorIcon = require('@/assets/deviceManager/doorIcon.png');
|
|
const doorIcon = require('@/assets/deviceManager/doorIcon.png');
|
|
@@ -119,12 +119,12 @@ const Video = ({ data, dataOnline, loading }) => {
|
|
return (
|
|
return (
|
|
<Spin spinning={loading}>
|
|
<Spin spinning={loading}>
|
|
<div className="content-tab">
|
|
<div className="content-tab">
|
|
- <Space direction="vertical" size={16} className={styles.sparePart}>
|
|
|
|
- <div className={`card-box ${styles.titleContent}`}>
|
|
|
|
|
|
+ <div className={styles.sparePart}>
|
|
|
|
+ <div className={styles.titleContent}>
|
|
<div className={styles.titleLeft}>
|
|
<div className={styles.titleLeft}>
|
|
<img className={styles.img} src={videoIcon} />
|
|
<img className={styles.img} src={videoIcon} />
|
|
<div className={styles.textCon}>
|
|
<div className={styles.textCon}>
|
|
- <div className={styles.num}>{dataOnline?.total || 0}</div>
|
|
|
|
|
|
+ <div className="value-number">{dataOnline?.total || 0}</div>
|
|
<div className={styles.text}>在库数量(个)</div>
|
|
<div className={styles.text}>在库数量(个)</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@@ -143,13 +143,17 @@ const Video = ({ data, dataOnline, loading }) => {
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
-
|
|
|
|
- {data?.map((item, idx) => (
|
|
|
|
- <div key={`video_${idx}`} className="card-box">
|
|
|
|
- {renderRed(item)}
|
|
|
|
- </div>
|
|
|
|
- ))}
|
|
|
|
- </Space>
|
|
|
|
|
|
+ <div className={styles.listContent}>
|
|
|
|
+ {data?.map((item, idx) => (
|
|
|
|
+ <div
|
|
|
|
+ key={`video_${idx}`}
|
|
|
|
+ className={`card-box ${styles.listItem}`}
|
|
|
|
+ >
|
|
|
|
+ {renderRed(item)}
|
|
|
|
+ </div>
|
|
|
|
+ ))}
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
</div>
|
|
</div>
|
|
</Spin>
|
|
</Spin>
|
|
);
|
|
);
|
|
@@ -175,13 +179,13 @@ const Door = ({ data, dataOver, loading, projectId }) => {
|
|
return (
|
|
return (
|
|
<Spin spinning={loading}>
|
|
<Spin spinning={loading}>
|
|
<div className="content-tab">
|
|
<div className="content-tab">
|
|
- <Space direction="vertical" size={16} className={styles.doorPart}>
|
|
|
|
|
|
+ <div className={styles.doorPart}>
|
|
<div className={styles.titleContent}>
|
|
<div className={styles.titleContent}>
|
|
- <div className={`card-box ${styles.cardLeft}`}>
|
|
|
|
|
|
+ <div className={styles.cardLeft}>
|
|
<div className={styles.up}>
|
|
<div className={styles.up}>
|
|
<img className={styles.img} src={doorIcon} />
|
|
<img className={styles.img} src={doorIcon} />
|
|
<div className={styles.textCon}>
|
|
<div className={styles.textCon}>
|
|
- <div className={styles.num}>{dataOver?.total}</div>
|
|
|
|
|
|
+ <div className="value-number">{dataOver?.total}</div>
|
|
<div className={styles.text}>门禁数量(个)</div>
|
|
<div className={styles.text}>门禁数量(个)</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@@ -196,7 +200,7 @@ const Door = ({ data, dataOver, loading, projectId }) => {
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
- <div className={`card-box ${styles.cardRight}`}>
|
|
|
|
|
|
+ <div className={styles.cardRight}>
|
|
<div className={styles.textContent}>
|
|
<div className={styles.textContent}>
|
|
<div className={styles.in} />
|
|
<div className={styles.in} />
|
|
<span className={styles.text}>
|
|
<span className={styles.text}>
|
|
@@ -214,12 +218,17 @@ const Door = ({ data, dataOver, loading, projectId }) => {
|
|
</Button>
|
|
</Button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
- {data?.map((item, idx) => (
|
|
|
|
- <div key={`door_${idx}`} className="card-box">
|
|
|
|
- {renderRed(item)}
|
|
|
|
- </div>
|
|
|
|
- ))}
|
|
|
|
- </Space>
|
|
|
|
|
|
+ <div className={styles.listContent}>
|
|
|
|
+ {data?.map((item, idx) => (
|
|
|
|
+ <div
|
|
|
|
+ key={`door_${idx}`}
|
|
|
|
+ className={`card-box ${styles.listItem}`}
|
|
|
|
+ >
|
|
|
|
+ {renderRed(item)}
|
|
|
|
+ </div>
|
|
|
|
+ ))}
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
</div>
|
|
</div>
|
|
</Spin>
|
|
</Spin>
|
|
);
|
|
);
|