import { ProDescriptions } from '@ant-design/pro-components';
import { Divider } from 'antd';
import React, { useState, useEffect } from 'react';
const DetailNode = (props) => {
  const { data, index, columns, hasTable = false, operationType } = props;
  console.log(props);
  return (
    <>
      <div className="fault-detail">
        <div style={{ flex: 1, display: 'flex', flexDirection: 'row' }}>
          <div className="fault-index">{Number(index) + 1}</div>
          <div style={{ display: 'flex', flexDirection: 'column' }}>
            <label style={{ width: '80px', fontSize: 18, fontWeight: 600 }}>
              {data?.operationTypeName}
            </label>
            <span>{data?.updateUserName}</span>
            <span>{data?.updateTime}</span>
          </div>
        </div>
        <div style={{ flex: 6 }}>
          <div>
            <h2 className="page-title" style={{ marginBottom: 16 }}>
              {operationType == 0 ? '基础信息' : data?.operationTypeName}
            </h2>
          </div>
          <ProDescriptions dataSource={data} columns={columns} />
          {hasTable ? props.children : null}
          <Divider />
        </div>
      </div>
    </>
  );
};

export default DetailNode;