带录入 供应商名称 点击

src/pages/supplier/informationManagement/SupplierRegisterAgent/index.tsx

@@ -1,5 +1,5 @@
 import React, {  useEffect, useState } from 'react';
-import { Table, Form, Input, Button, Row, Col, DatePicker, Tabs, Space, message } from 'antd';
+import { Table, Form, Input, Button, Row, Col, DatePicker, Tabs, Space, Tooltip } from 'antd';
 import { SearchOutlined, DeleteOutlined } from '@ant-design/icons';
 import type { ColumnsType } from 'antd/es/table';
 //组件
@@ -9,6 +9,7 @@ import SupplierExitModal from './components/SupplierExitModal';
 import { getPageAgent } from './services';
 //统一列表分页
 import tableProps from '@/utils/tableProps'
+import { useSupplierDetailModal } from '@/components/SupplierDetailModalContext/SupplierDetailModalContext';
 
 const { RangePicker } = DatePicker;
 const { TabPane } = Tabs;
@@ -33,6 +34,7 @@ const SupplierRegisterAgent: React.FC = () => {
   // 新增与修改
   const [exitModalVisible, setExitModalVisible] = useState(false);
   const [exitId, setExitId] = useState('');
+  const supplierDetailModal = useSupplierDetailModal();
 
   // 查询数据
   const fetchData = async (page = 1, pageSize = 10) => {
@@ -95,11 +97,18 @@ const SupplierRegisterAgent: React.FC = () => {
       width: 80,
       render: (_: any, __: any, idx: number) => ((pagination.current - 1) * pagination.pageSize) + idx + 1,
     },
+   
     {
-      title: '供应商名称',
-      dataIndex: 'name',
-      align: 'left',
+      title: "供应商名称", dataIndex: "name", align: "left",
+      width: 200,
       ellipsis: true,
+      render: (dom, record) => {
+        return (
+          <Tooltip title={record.name} overlayStyle={{ zIndex: 1200 }}>
+            <a onClick={() => supplierDetailModal?.(record.id)}>{record.name || ''}</a>
+          </Tooltip>
+        )
+      }
     },
     {
       title: '创建单位',