功能：招标快讯详情

src/pages/resourceManage/tenderManage/detail/index.tsx

+import React from 'react';
+
+const TenderManageDetail = () => {
+  return <div>TenderManageDetail</div>;
+};
+
+export default TenderManageDetail;

src/pages/resourceManage/tenderManage/index.tsx

@@ -7,6 +7,8 @@ import { CommonAPI } from '~/api';
 import { InterListType, InterReqListType } from '~/api/interface';
 import { releaseTenderNews } from '~/api/interface/commonType';
 import AddEditModal from './comp/addEditModal';
+import qs from 'query-string';
+import { useNavigate } from 'react-router-dom';
 // 列表类型
 type TableType = InterListType<releaseTenderNews>;
 // 请求的参数
@@ -16,6 +18,8 @@ let query: ReqType = {};
 
 const TenderManageView = () => {
   const { confirm } = Modal;
+  // 路由钩子
+  const navigate = useNavigate();
   // 新增弹窗
   const [addModalVisible, setAddModalVisible] = useState<boolean>(false);
   // 需要编辑的数据
@@ -76,6 +80,13 @@ const TenderManageView = () => {
       },
     });
   };
+  // 跳转详情
+  const handleDetail = (record: TableType[0]) => {
+    const search = {
+      id: record.id,
+    };
+    navigate(`/resourceManage/tenderManage/detail?${qs.stringify(search)}`);
+  };
   // componentDidMount
   useEffect(() => {
     query = {};
@@ -110,7 +121,9 @@ const TenderManageView = () => {
       fixed: 'right',
       render: (_text, record) => (
         <>
-          <Button type={'link'}>详情</Button>
+          <Button type={'link'} onClick={() => handleDetail(record)}>
+            详情
+          </Button>
           <Button
             type={'link'}
             onClick={() => {

src/router/router.tsx

@@ -94,6 +94,7 @@ const DirectoryManage = React.lazy(() => import('~/pages/categoryManage/director
 // 系统管理
 import AccountManageView from '~/pages/systemManage/accountManage';
 import TenderManageView from '~/pages/resourceManage/tenderManage';
+import TenderManageDetail from '~/pages/resourceManage/tenderManage/detail';
 
 // const IndustryListView = React.lazy(() => import('~/pages/mallManage/industryManage/industryList')); //行业列表
 // const IndustryDetailView = React.lazy(
@@ -239,6 +240,16 @@ export const routerList: Array<RouteObjectType> = [
           icon: <CoffeeOutlined />,
         },
       },
+      {
+        path: '/resourceManage/tenderManage/detail',
+        element: withLoadingComponent(<TenderManageDetail />),
+        meta: {
+          id: 30200,
+          title: '招标快讯详情',
+          icon: <CoffeeOutlined />,
+          hidden: true,
+        },
+      },
     ],
   },
   {