feat: 软件锁详情,服务记录中 "联系人"可点击查看详情

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

@@ -6,11 +6,14 @@ import { apiSoftwareAddLonglelog } from '@/services/lock'
 import { ProductLabel } from '@/pages/Product/Lock/LockStore'
 import { lockTypeEnum } from './LockModal'
 import LockModal from './LockModal'
+import ClientDetail from '@/pages/Customer/Client/components/ClientDetail'
 import { servicelogEnum, showProductsStatus, showNewLongleStatus, showMarkStatus } from './consts'
 import { useDispatch } from 'dva'
+import { useModal } from '@/components/Modal'
 
 const LockTabList = props => {
-  const { longleLog, longleId, keyNum } = props
+  const { longleLog, longleId, keyNum, clientId } = props
+  const { toggleDrawer, setDrawerProps } = useModal()
   const dispatch = useDispatch()
   const [state, setState] = useState({
     visible: false
@@ -43,6 +46,20 @@ const LockTabList = props => {
     })
   }
 
+  const handleClientClick = () => {
+    toggleDrawer()
+    setDrawerProps({
+      closable: true,
+      onClose: () => toggleDrawer(),
+      bodyStyle: {
+        height: '100vh',
+        overflowY: 'hidden'
+      },
+      children: <ClientDetail dataId={clientId} />
+    })
+    toggleDrawer()
+  }
+
   return (
     <div>
       <div className="pl-4">
@@ -60,7 +77,10 @@ const LockTabList = props => {
                   <List.Item>
                     <Row className="w-full">
                       <Col span="8">
-                        {servicelogEnum[item.status]} <a>{item.client}</a>
+                        {servicelogEnum[item.status]}{' '}
+                        <span className="textPurple" onClick={handleClientClick}>
+                          {item.client}
+                        </span>
                         <br />
                         <a>@{item.operator}</a>{' '}
                         <span className="text-gray-500">

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

@@ -83,7 +83,7 @@ const Index = props => {
             <LockTabList
               longleLog={state.longleLog}
               longleId={state.longle.id}
-              // clientId={state.longle.clientId}
+              clientId={state.longle.clientId}
               keyNum={state.longle.keyNum}
               status={state.longle.status}
             />