import AttachmentTable from '@/components/AttachmentTable';
import { Card, Row, Col, Table } from 'antd';
import { useRequest, useNavigate } from '@umijs/max';

const CadOADetail = (props) => {
  let navigate = useNavigate();
  const { data, fileList } = props;

  const cadData = data?.cad_path?.split(',').map((item) => {
    return { path: item };
  });

  const columns = [
    {
      title: '图纸',
      dataIndex: 'path',
      key: 'path',
    },
    {
      title: '操作',
      render: (record) => (
        <a
          onClick={() =>
            navigate('/cad/detail', {
              state: {
                path: record.name,
              },
            })
          }
        >
          查看
        </a>
      ),
    },
  ];

  return (
    <Card title="图纸信息">
      <div>所属项目:{data.project_name}</div>
      <div>图纸名称:{data.name}</div>
      <div>版本:{data.version}</div>
      <Row gutter={20}>
        <Col span={12}>
          <Table dataSource={cadData} columns={columns} />
        </Col>
        <Col span={12}>
          <AttachmentTable excelFileList={fileList} />
        </Col>
      </Row>
    </Card>
  );
};
export default CadOADetail;