31 lines
964 B
TypeScript
31 lines
964 B
TypeScript
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;
|