fix: 关联添加确认操作

src/pages/Customer/Client/components/ConnectClient/index.jsx

@@ -1,4 +1,4 @@
-import { Input, Button, Spin, message } from 'antd'
+import { Input, Button, Spin, message, Popconfirm } from 'antd'
 import React, { useState, useEffect, useRef } from 'react'
 import styles from '@/pages/Customer/Company/components/ConnectCompany/index.less'
 import { SearchOutlined } from '@ant-design/icons'
@@ -130,9 +130,15 @@ const ConnectClient = ({
               <span className="w-1/6">{item.telephone}</span>
               <span className="w-1/2 flex justify-between">
                 <span>{item.companyName}</span>
-                <Button type="primary" size="small" onClick={() => connectClient(item.id)}>
-                  选择ta
-                </Button>
+                <Popconfirm
+                  title="确认选择ta"
+                  onConfirm={() => connectClient(item.id)}
+                  okText="确认"
+                  cancelText="取消">
+                  <Button type="primary" size="small">
+                    选择ta
+                  </Button>
+                </Popconfirm>
               </span>
             </div>
           ))}

src/pages/Customer/Company/components/ConnectCompany/index.jsx

@@ -1,4 +1,4 @@
-import { Input, Button, Spin, message } from 'antd'
+import { Input, Button, Spin, message, Popconfirm } from 'antd'
 import React, { useState, useEffect, useRef } from 'react'
 import styles from './index.less'
 import { SearchOutlined } from '@ant-design/icons'
@@ -110,23 +110,27 @@ const ConnectCompany = ({ dataId, onSelect, preUrl, defaultAddibleValue }) => {
           placeholder="输入单位名称搜索"
           onChange={handleInputChange}
         />
-      }
-    >
+      }>
       <div
         className={styles.modalContent}
         ref={scrollRef}
         onScroll={handleListScroll}
-        style={{ paddingBottom: 0 }}
-      >
+        style={{ paddingBottom: 0 }}>
         <Spin spinning={state.laoding}>
           {state.customer.map(item => (
             <div key={item.id} className={styles.card}>
               <div className="flex flex-1">{item.companyName}</div>
               <div className="flex flex-1 justify-between">
                 <span>{item.districtName}</span>
-                <Button type="primary" size="small" onClick={() => connectCustomer(item.id)}>
-                  关联
-                </Button>
+                <Popconfirm
+                  title="确认关联ta"
+                  onConfirm={() => connectCustomer(item.id)}
+                  okText="确认"
+                  cancelText="取消">
+                  <Button type="primary" size="small">
+                    关联
+                  </Button>
+                </Popconfirm>
               </div>
             </div>
           ))}