1

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

@@ -1,7 +1,7 @@
 import React, { useState, useEffect } from 'react'
 import { Modal, Form, Select, Input, Spin, Button } from 'antd'
 import styles from './index.less'
-import { SearchOutlined, CloseOutlined } from '@ant-design/icons'
+import { SearchOutlined } from '@ant-design/icons'
 import { queryContact } from '@/services/contact'
 import { queryLock } from '@/services/lock'
 import consts from '@/basic/consts'
@@ -66,10 +66,15 @@ const LockModal = props => {
       initData({ page: 1, size: 10 })
     }
     // initData({ page: 1, size: 10 })
-  }, [])
+  }, [type])
   const onChange = e => {
     const { value = '' } = e.target || e.currentTarget
-    initData({ search: value, page: state.page, size: state.size })
+    if (type !== lockTypeEnum.UPDATE) {
+      initData({ search: value, page: state.page, size: state.size })
+    }
+    if (type !== lockTypeEnum.SALE) {
+      initData({ search: value, page: state.page, size: state.size })
+    }
   }
 
   const { run: handleInputChange } = useDebounceFn(onChange)
@@ -130,9 +135,11 @@ const LockModal = props => {
         <div className={[styles.modalContainer].join(' ')}>
           <div className={styles.modalContent}>
             <Spin spinning={state.laoding}>
-              {state.longle.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">
@@ -149,8 +156,8 @@ const LockModal = props => {
         <div className={[styles.modalContainer].join(' ')}>
           <div className={styles.modalContent}>
             <Spin spinning={state.laoding}>
-              {state.longle.map(item => (
-                <div key={item.id} className={styles.card}>
+              {state.longle.map((item, index) => (
+                <div key={index} className={styles.card}>
                   <div className="zh-flex-sub">{item.keyNum}</div>
                   <div className="zh-flex-sub zh-justify-between">
                     <span>{item.product}</span>