import React from "react";
import { Card, Descriptions, Table } from "antd";

const TechnicalReviewContent = () => (
  <Card title="技术审核">
    <Descriptions bordered column={2}>
      <Descriptions.Item label="审核版本">V1.4</Descriptions.Item>
      <Descriptions.Item label="技术负责人">陈志强</Descriptions.Item>
      <Descriptions.Item label="专业匹配">化工安全</Descriptions.Item>
      <Descriptions.Item label="备案校验">有效</Descriptions.Item>
    </Descriptions>
    <Table
      dataSource={[
        { id: 1, dim: "资料有效性", focus: "现场资料和检测报告齐全有效", result: "符合", opinion: "资料有效" },
        { id: 2, dim: "危险辨识", focus: "辨识充分、规律准确", result: "符合", opinion: "辨识充分" },
        { id: 3, dim: "评价方法", focus: "选型合理、计算正确", result: "需修改", opinion: "补充事故模拟参数来源" },
      ]}
      columns={[
        { title: "审核维度", dataIndex: "dim" },
        { title: "技术审核重点", dataIndex: "focus" },
        { title: "结论", dataIndex: "result" },
        { title: "技术意见", dataIndex: "opinion" },
      ]}
      rowKey="id"
      pagination={false}
      className="pf-table-mt"
    />
  </Card>
);

export default TechnicalReviewContent;