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>
  )
}