登录 个人 与 零星采购

src/pages/supplier/informationRetrieval/mySupplierInquiry/index.tsx

@@ -1,10 +1,11 @@
 import React, { useEffect, useState } from "react";
 //第三方UI库/组件
-import { Form, Button, Table, Select, Input, Space, message } from 'antd';
+import { Form, Button, Table, Select, Input, Space, message, Tooltip } from 'antd';
 import { SearchOutlined, DownloadOutlined, ReloadOutlined } from '@ant-design/icons';
 //类型定义
 import type { ColumnsType, TablePaginationConfig } from 'antd/es/table';
 //umi 相关
+import { connect } from 'umi';
 //本地组件、弹窗、业务逻辑
 import SupplierViewModal from './components/SupplierViewModal';
 import SupplierDetailModal from './components/SupplierDetailModal';
@@ -24,8 +25,10 @@ interface Data {
   regTime: string;
   status: string;
 }
-
-const mySupplierInquiry: React.FC = () => {
+interface mySupplierInquiryProps {
+  dispatch: any;
+}
+const mySupplierInquiry: React.FC<mySupplierInquiryProps> = ({ dispatch }) => {
   //搜搜表单
   const [form] = Form.useForm();
   //列表数据
@@ -111,6 +114,21 @@ const mySupplierInquiry: React.FC = () => {
       dataIndex: 'name',
       key: 'name',
       align: 'center',
+      render: (dom, record) => 
+        <Tooltip title={record.name}>
+            <a
+            onClick={() => {
+              dispatch({
+                type: 'globalModal/show',
+                payload: {
+                  id: record.id,
+                },
+              });
+            }}
+          >
+            {record.name}
+          </a>
+        </Tooltip>,
     },
     {
       title: '境内/境外',
@@ -225,4 +243,4 @@ const mySupplierInquiry: React.FC = () => {
   );
 };
 
-export default mySupplierInquiry;
+export default connect()(mySupplierInquiry);