react+antd pro中获取后台数据传参

react+antd pro中获取后台数据传参

获取后台数据并渲染到页面中

// 这个是前端渲染
render: (convertStatusName: any, item: MailExtListItem) => {
        const menuDetail = (
          <Menu onClick={({ domEvent, key }: any) => {
            console.log('domEvent:',domEvent,'item:',key)
            // key 为什么是mailUkid convertAction？？？？
            domEvent.stopPropagation();
            this.onConvertClick(item.mailUkid, key)
          }}>
            {this.state.typeList.map((actionItem) => {
              return <Menu.Item key={actionItem.definedCode}>{actionItem.definedName}</Menu.Item>;
            })}
          </Menu>
        );
        return (
          <Dropdown overlay={menuDetail}>
            <a
              onClick={(e) => {
                e.stopPropagation();
              }}
            >
              转化
              <DownOutlined style={{margin: 4}}/>
            </a>
          </Dropdown>
        );
      }

 onConvertClick = (mailUkid: string, convertAction: string) => {
    console.log('mailUkid convertAction:::', mailUkid, convertAction);
    this.sendDoConvertRequest({
      mailUkid,
      convertAction
    })
  };

  sendDoConvertRequest = async (params: {
    mailUkid: string,
    convertAction: string,
  }) => {
    try {
      const res = await doConvertRequest({ ...params, convertActionSrc: 'CUSTOM' });
      if (res.success) {
        this.ref.reload();
      }

    } catch (error) {
      console.error(error);
    }
  };

// 这个是后台的接口
export async function doConvertRequest(params: {
  mailUkid: string,
  convertAction: string,
  convertActionSrc: string
}) {
  return request<API_OBJ.ResponseDataType<undefined>>('/billapi/eMail/doConvert', {
    method: 'POST',
    data: params,
  });
}

// 这个是命名空间的
declare namespace API_OBJ {
  interface ResponseDataType<T> {
    data: T;
    errorCode: number;
    errorMessage: string;
    success: boolean;
  }

  type ResponsePageDataType<T> = ResponseDataType<{
    list: T[];
    current?: number;
    pageSize?: number;
    total?: number;
  }>;

  type QueryPageParamType1 = {
    baseQuery: {
      current: string;
      pageSize: string;
    };
  };

// 这个是定义了后台需求column的类型
export type MailExtListItem = {
  sender: string;
  receiverGroup: string;
  emailTitle: string;
  emailContent: string;
  attatchmentNum: number;
  sendTime: string;
  receivedTime: string;
  timeSpent: string;
  mailTitle: string;
  convertStatus: number;
  convertStatusName: string;
  mailUkid: string;   // 后端要的数据
  convertAction: string; // 后端要的数据
  convertActionSrc: string; // 后端要的数据
};