fe_service_ebtp_frontend/src/pages/Finance/ProjectManager/RevenueRecognition/index.tsx

import { Card, Tabs } from 'antd';
import React, { useState } from 'react';
import AlreadyConfirmed from './components/AlreadyConfirmed';
import WaitConfirmed from './components/WaitConfirmed';
import '@/assets/zjl_style.less';
const RevenueRecognition: React.FC<{}> = () => {
  const [keys, setKeys] = useState<any>('1');
  const { TabPane } = Tabs;
  const onChange = (data: any) => {
    setKeys(data);
  };
  return (
    <Card
      title="收入确认审核"
      bodyStyle={{ padding: '0px 24px' }}
      style={{ borderRadius: 6 }}
      className="revenue"
    >
      <Tabs defaultActiveKey="1" tabBarGutter={48} style={{ padding: 0 }} onChange={onChange}>
        <TabPane tab="待确认" key="1">
          {keys == '1' ? <WaitConfirmed /> : null}
        </TabPane>
        <TabPane tab="已确认" key="2">
          {keys == '2' ? <AlreadyConfirmed /> : null}
        </TabPane>
      </Tabs>
    </Card>
  );
};
export default RevenueRecognition;