import React from 'react';
import './index.less';
import { formatTimeStamp } from '@zenview/micro-utils';
/**
 * @desc 隐匿车辆任务完成通知卡片
 * @param {array} data 卡片数据 [{info,icon,label}]
 */
const TaskOverNoticeCard = (props) => {
  const {
    height,
    data: { queryTime, crimeDate },
  } = props;
  console.log('TaskOverNoticeCard---------props', props);
  return (
    <div className="notice-card" style={{ height: height + 'px' }}>
      <div className="card-logo"></div>
      <div className="card-content">
        <p className="txt">隐匿车辆&nbsp;&nbsp;查询已完成</p>
        <p className="txt">
          请进入<span className="mark-txt">隐匿车辆-查询记录</span>中查看
        </p>
      </div>
      <div className="card-detail">
        <div className="detail-content">
          <p class="title">查询详情：</p>
          <p class="txt">查询时间：{formatTimeStamp(+queryTime)}</p>
          <p class="txt">案发时间: {crimeDate}</p>
        </div>
      </div>
    </div>
  );
};

export default TaskOverNoticeCard;
