1

src/pages/Product/Lock/Lockstore/components/LocksDetail/LockModal.jsx

@@ -6,6 +6,7 @@ import { queryContact } from '@/services/contact'
 import { queryLock } from '@/services/lock'
 import consts from '@/basic/consts'
 import { useDebounceFn } from 'ahooks'
+import { apiSoftwareAddLonglelog } from '@/services/lock'
 
 export const lockTypeEnum = {
   SALE: 3,
@@ -28,7 +29,7 @@ const LockModal = props => {
   const [form] = Form.useForm()
   const { Option } = Select
   const scrollRef = useRef()
-  const { visible, onCancel, onConfirm, loading, type, longleId, keyNum, status } = props
+  const { visible, onCancel, onConfirm, loading, type, longleId, keyNum, status, clientId } = props
   const layout = {
     layout: 'vertical'
   }
@@ -100,17 +101,27 @@ const LockModal = props => {
     })
   }
 
+  // 关联联系人
+  const connectClient = async values => {
+    const { code = -1 } = await apiSoftwareAddLonglelog({
+      ...values,
+      clientId,
+      status,
+      longleId
+    })
+    if (code === consts.RET_CODE.SUCCESS) {
+      onCancel()
+    }
+  }
+
   const handleListScroll = () => {
-    // console.log('fasfasf')
     // 未滚动到底部
-    if (type === lockTypeEnum.SALE || type === lockTypeEnum.CHANGE) {
-      if (
-        scrollRef.current.scrollHeight - scrollRef.current.clientHeight <=
-        scrollRef.current.scrollTop
-      ) {
-        // 已到底部
-        initData({ page: state.page + 1, size: state.size })
-      }
+    if (
+      scrollRef.current.scrollHeight - scrollRef.current.clientHeight <=
+      scrollRef.current.scrollTop
+    ) {
+      // 已到底部
+      initData({ page: state.page + 1, size: state.size })
     }
   }
 
@@ -152,17 +163,17 @@ const LockModal = props => {
         )
       }>
       {type === lockTypeEnum.SALE ? (
-        <div className={styles.modalContainer} onScroll={handleListScroll}>
+        <div className={styles.modalContainer} ref={scrollRef} onScroll={handleListScroll}>
           <div className={styles.modalContent}>
             <Spin spinning={state.laoding}>
-              {state.client.map(item => (
-                <div key={item.id} className={styles.card}>
+              {state.client.map((item, index) => (
+                <div key={index} className={styles.card}>
                   <div className="zh-flex-sub">{item.clientName}</div>
                   <div className="zh-flex-sub">{item.position}</div>
                   <div className="zh-flex-sub">{item.telephone}</div>
                   <div className="zh-flex-sub zh-justify-between">
                     <span>{item.companyName}</span>
-                    <Button type="primary" size="small">
+                    <Button type="primary" size="small" onClick={() => connectClient(item.id)}>
                       选择ta
                     </Button>
                   </div>