31 lines
1.1 KiB
JavaScript
31 lines
1.1 KiB
JavaScript
|
import React from 'react'
|
||
|
|
import { Image } from 'antd'
|
||
|
|
export default function Card({record}) {
|
||
|
|
return (
|
||
|
|
<div className='card-box' style={{border:"1px solid #fff",boxShadow:"0 0 10px #c0c0c0",padding:10,marginBottom:10,marginLeft:10}}>
|
||
|
|
<Image
|
||
|
|
src={record?.imgPath}
|
||
|
|
style={{width:360,height:220}}
|
||
|
|
></Image>
|
||
|
|
<div style={{display:"flex",alignItems:"center",columnGap:5}}>
|
||
|
|
<span style={{
|
||
|
|
padding: "4px 2px",
|
||
|
|
backgroundColor: "#fff7e6",
|
||
|
|
color: "#fbaa50",
|
||
|
|
border: "1px solid #ffe3b6",
|
||
|
|
margin: "5px 0",
|
||
|
|
borderRadius:4
|
||
|
|
}}>{record.type == 1 ? "人员闯入" :
|
||
|
|
record.type == 2 ? "工程车辆识别" :
|
||
|
|
record.type == 3 ? "漂浮物识别" :
|
||
|
|
record.type == 4 ? "游泳识别" : ''
|
||
|
|
}</span>
|
||
|
|
<span>{record?.tm}</span>
|
||
|
|
</div>
|
||
|
|
<div>
|
||
|
|
{record?.name}
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
)
|
||
|
|
}
|