3.10 工程代码同步master

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

@@ -1,21 +1,27 @@
-import TabPane from '@ant-design/pro-card/lib/components/TabPane';
 import { Card, Tabs } from 'antd';
-import React from 'react';
+import React, { useState } from 'react';
 import AlreadyConfirmed from './components/AlreadyConfirmed';
 import WaitConfirmed from './components/WaitConfirmed';
-
+import '@/assets/zjl_style.less';
 const RevenueRecognition: React.FC<{}> = () => {
-  function callback(key: any) {
-    console.log(key);
-  }
+  const [keys, setKeys] = useState<any>('1');
+  const { TabPane } = Tabs;
+  const onChange = (data: any) => {
+    setKeys(data);
+  };
   return (
-    <Card bodyStyle ={{padding: "0px 24px"}}>
-      <Tabs defaultActiveKey="1" onChange={callback}>
+    <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">
-          <WaitConfirmed />
+          {keys == '1' ? <WaitConfirmed /> : null}
         </TabPane>
         <TabPane tab="已确认" key="2">
-          <AlreadyConfirmed />
+          {keys == '2' ? <AlreadyConfirmed /> : null}
         </TabPane>
       </Tabs>
     </Card>