增加审核页面跳转`编辑`; style:

src/components/SecondHeaderWrapper.jsx

@@ -10,21 +10,21 @@ const HeaderWrapper = ({ children, header, loading, ...props }) => {
   } = theme.useToken();
   return (
     <>
-      <Layout className=' bg-white'>
+      <Spin spinning={loading || false}>
-        <Spin spinning={loading || false}>
+        <Layout className=' bg-white'>
-        <Header className='header px-6 h-10 ' style={{ background: 'white' }}>
+          <Header className='header px-6 h-10 ' style={{ background: 'white' }}>
-          <Flex justify={'space-between'} align={'center'} className='h-full'>
+            <Flex justify={'space-between'} align={'center'} className='h-full'>
-            {/* {header} */}
+              {/* {header} */}
-            <div className="grow h-full">{header}</div>
+              <div className='grow h-full'>{header}</div>
-            <BackBtn />
+              <BackBtn />
-          </Flex>
+            </Flex>
-        </Header>
+          </Header>
-        <hr />
+          <Divider className='my-2' />
-        <Content className='' style={{ backgroundColor: colorBgContainer }}>
+          <Content className='' style={{ backgroundColor: colorBgContainer }}>
-          {children || <Outlet />}
+            {children || <Outlet />}
-        </Content>
+          </Content>
-        </Spin>
+        </Layout>
-      </Layout>
+      </Spin>
     </>
   );
 };

src/views/products/Audit.jsx

@@ -1,5 +1,5 @@
 import { useEffect, useState } from 'react';
-import { useParams } from 'react-router-dom';
+import { useParams, Link } from 'react-router-dom';
 import { App, Button, Collapse, Table, Space, Divider } from 'antd';
 import { useProductsTypes, useProductsAuditStatesMapVal } from '@/hooks/useProductsSets';
 import SecondHeaderWrapper from '@/components/SecondHeaderWrapper';
@@ -9,7 +9,7 @@ import { isEmpty } from '@/utils/commons';
 // import PrintContractPDF from './PrintContractPDF';
 
 const Header = ({ title, agency, refresh, ...props }) => {
-  const {  use_year,  } = useParams();
+  const { travel_agency_id, use_year, audit_state  } = useParams();
   const { t } = useTranslation();
   const [activeAgency] = useProductsStore((state) => [state.activeAgency]);
   const { message, notification } = App.useApp();
@@ -35,10 +35,11 @@ const Header = ({ title, agency, refresh, ...props }) => {
   return (
     <div className='flex justify-end items-center gap-4 h-full'>
       <div className='grow'>
-        <h2 className='m-0 leading-tight'>{title}<Divider type={'vertical'} />{use_year}</h2>
+        <h2 className='m-0 leading-tight'>{title}<Divider type={'vertical'} />{(use_year || '').replace('all', '')}</h2>
       </div>
       {/* <Button size='small'>{t('Copy')}</Button> */}
       {/* <Button size='small'>{t('Import')}</Button> */}
+      <Link className='px-2' to={`/products/${travel_agency_id}/${use_year}/${audit_state}/edit`}>{t('Edit')}</Link>
       <Button size='small' type={'primary'} onClick={() => handleAuditItem('2', agency)}>
         {t('products:auditStateAction.Published')}
       </Button>