|
@@ -120,11 +120,11 @@ const Video = ({ data, dataOnline, loading }) => {
|
|
|
<Spin spinning={loading}>
|
|
|
<div className="content-tab">
|
|
|
<Space direction="vertical" size={16} className={styles.sparePart}>
|
|
|
- <div className={`card-box ${styles.titleContent}`}>
|
|
|
+ <div className={styles.titleContent}>
|
|
|
<div className={styles.titleLeft}>
|
|
|
<img className={styles.img} src={videoIcon} />
|
|
|
<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>
|
|
|
</div>
|
|
@@ -143,12 +143,16 @@ const Video = ({ data, dataOnline, loading }) => {
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
-
|
|
|
- {data?.map((item, idx) => (
|
|
|
- <div key={`video_${idx}`} className="card-box">
|
|
|
- {renderRed(item)}
|
|
|
- </div>
|
|
|
- ))}
|
|
|
+ <div className={styles.listContent}>
|
|
|
+ {data?.map((item, idx) => (
|
|
|
+ <div
|
|
|
+ key={`video_${idx}`}
|
|
|
+ className={`card-box ${styles.listItem}`}
|
|
|
+ >
|
|
|
+ {renderRed(item)}
|
|
|
+ </div>
|
|
|
+ ))}
|
|
|
+ </div>
|
|
|
</Space>
|
|
|
</div>
|
|
|
</Spin>
|
|
@@ -177,11 +181,11 @@ const Door = ({ data, dataOver, loading, projectId }) => {
|
|
|
<div className="content-tab">
|
|
|
<Space direction="vertical" size={16} className={styles.doorPart}>
|
|
|
<div className={styles.titleContent}>
|
|
|
- <div className={`card-box ${styles.cardLeft}`}>
|
|
|
+ <div className={styles.cardLeft}>
|
|
|
<div className={styles.up}>
|
|
|
<img className={styles.img} src={doorIcon} />
|
|
|
<div className={styles.textCon}>
|
|
|
- <div className={styles.num}>{dataOver?.total}</div>
|
|
|
+ <div className="value-number">{dataOver?.total}</div>
|
|
|
<div className={styles.text}>门禁数量(个)</div>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -196,7 +200,7 @@ const Door = ({ data, dataOver, loading, projectId }) => {
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div className={`card-box ${styles.cardRight}`}>
|
|
|
+ <div className={styles.cardRight}>
|
|
|
<div className={styles.textContent}>
|
|
|
<div className={styles.in} />
|
|
|
<span className={styles.text}>
|
|
@@ -214,11 +218,16 @@ const Door = ({ data, dataOver, loading, projectId }) => {
|
|
|
</Button>
|
|
|
</div>
|
|
|
</div>
|
|
|
- {data?.map((item, idx) => (
|
|
|
- <div key={`door_${idx}`} className="card-box">
|
|
|
- {renderRed(item)}
|
|
|
- </div>
|
|
|
- ))}
|
|
|
+ <div className={styles.listContent}>
|
|
|
+ {data?.map((item, idx) => (
|
|
|
+ <div
|
|
|
+ key={`door_${idx}`}
|
|
|
+ className={`card-box ${styles.listItem}`}
|
|
|
+ >
|
|
|
+ {renderRed(item)}
|
|
|
+ </div>
|
|
|
+ ))}
|
|
|
+ </div>
|
|
|
</Space>
|
|
|
</div>
|
|
|
</Spin>
|