GHHub/src/views/products/Audit.jsx

import { createContext, useContext, useEffect, useState } from 'react';
import { Button, Table, Tabs } from 'antd';
import { useProductsTypes } from '@/hooks/useProductsSets';
import SecondHeaderWrapper from '@/components/SecondHeaderWrapper';

const Header = () => {
  return (
    <div className='flex justify-end gap-4 '>
      <div className='flex-auto'></div>
      <Button size='small'>导入合同</Button>
      <Button size='small'>导出PDF</Button>
    </div>
  );
};

const TypesTabs = () => {
  const productsTypes = useProductsTypes();
  return (
    <Tabs items={productsTypes} type='card' />
  )
}

const Audit = ({ ...props }) => {
  return (
    <>
      <SecondHeaderWrapper header={<Header />}>
        <TypesTabs />
      </SecondHeaderWrapper>
    </>
  );
};
export default Audit;