pc-admin/src/pages/broker/list/detail.jsx

import { getBrokerDetails } from '@/services/apis';
import { useEffect } from 'react';
import React from 'react';
import { Avatar, Row, Col } from 'antd';
import apis from '@/services/apis';
import request from '@/utils/request';

function agentDeal (props) {
  const { detail, personId } = props;
  // const formRef = useRef();

  // useEffect(() => {
  //   if (personId) {
  //     getBrokerDetails(personId).then((res) => {
  //       res; console.log('方方', res)
  //     });
  //   }

  // }, [personId]);

  useEffect(() => {
    request({
      ...apis.broker.getBrokerDetails, params: { personId: detail.personId }
    }).then((res) => {
      res; console.log('res', res)
    });
  });


  const list = [
    {
      title: '姓名',
      render: detail.name,
    },
    {
      title: '手机号',
      render: detail.phone,
    },
    {
      title: '身份证号',
      render: detail.idNo,
    },
    {
      title: '银行卡号',
      // render: detail.personId,
    },
  ];
  return (
    <>
      <Row>
        {list.map((x, index) => {
          return (
            <div key={index} style={{ marginBottom: '20px', display: 'flex' }}>
              <Col span={7}>{x.title}:</Col>
              <Col span={17}>{x.render || '--'}</Col>
            </div>
          );
        })}
      </Row>
    </>
  );
}

export default agentDeal;