feat: 公共锁库列表联系人弹窗

config/routes.js

@@ -104,12 +104,12 @@ export default [
                         path: '/product/lock/lockstore',
                         name: 'lockstore',
                         component: './Product/Lock/LockStore'
-                      },
-                      {
-                        path: '/product/lock/lockcount',
-                        name: 'lockcount',
-                        component: './Product/Lock/LockCount'
                       }
+                      // {
+                      //   path: '/product/lock/lockcount',
+                      //   name: 'lockcount',
+                      //   component: './Product/Lock/LockCount'
+                      // }
                     ]
                   },
                   {

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

@@ -230,8 +230,8 @@ const LockModal = props => {
             <Spin spinning={state.laoding}>
               {state.longle.map(item => (
                 <div key={item.id} className={styles.card}>
-                  <div className="flex flex-1">{item.keyNum}</div>
-                  <div className="flex flex-1 justify-between">
+                  <div className="w-1/3">{item.keyNum}</div>
+                  <div className="w-2/3 flex justify-between">
                     <span>{item.product}</span>
                     <Button type="primary" size="small" onClick={() => connectLongle(item.id)}>
                       更换

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

@@ -4,6 +4,7 @@ import ProTable from '@ant-design/pro-table'
 import consts from '@/consts'
 import { queryLock } from '@/services/lock'
 import LocksDetail from '@/pages/Product/Lock/LockStore/components/LocksDetail'
+import ContactDetail from '@/pages/Customer/Client/components/ContactDetail'
 import { useModal } from '@/components/Modal'
 import { useTableScroll } from '@/hooks/useAutoTable'
 
@@ -62,6 +63,19 @@ const LockStore = () => {
     })
     toggleDrawer()
   }
+  // 展示drawer
+  const showDrawerClient = id => {
+    setDrawerProps({
+      closable: true,
+      onClose: () => toggleDrawer(),
+      bodyStyle: {
+        height: '100vh',
+        overflowY: 'hidden'
+      },
+      children: <ContactDetail dataId={id} orderIds={state.orderIds} />
+    })
+    toggleDrawer()
+  }
   const columns = [
     {
       title: '锁号',
@@ -121,7 +135,14 @@ const LockStore = () => {
       title: '联系人',
       dataIndex: 'client',
       key: 'client',
-      width: 150
+      width: 150,
+      render: (client, record) => (
+        <span
+          onClick={() => showDrawerClient(record.clientId)}
+          className="text-primary cursor-pointer hover:text-[#967bbd]">
+          {client}
+        </span>
+      )
     }
   ]
   const { getScrollRef, redoHeight } = useTableScroll(columns, selectKeys)