|  |  | 
 |  |  |     const [maktx, setMaktx] = useState(''); | 
 |  |  |     const pakinId = record.id; | 
 |  |  |  | 
 |  |  |     useEffect(() => { | 
 |  |  |         debouncedHttp({ maktx }); | 
 |  |  |     }, [pakinId, maktx]); | 
 |  |  |  | 
 |  |  |     const http = async (parmas) => { | 
 |  |  |         const res = await request.post('/WaitPakinLog/page', { ...parmas, pakinId }); | 
 |  |  |         const res = await request.post('/waitPakinItemLog/page', { ...parmas, pakinId }); | 
 |  |  |         if (res?.data?.code === 200) { | 
 |  |  |             setRows(res.data.data.records) | 
 |  |  |         } else { | 
 |  |  | 
 |  |  |         }}> | 
 |  |  |  | 
 |  |  |             <div style={{ display: 'flex', justifyContent: 'space-between', marginBottom: '4px', alignItems: 'center' }}> | 
 |  |  |                 <TextField value={maktx} onChange={(e) => maktxChange(e.target.value)} label="搜索物料" variant="outlined" sx={{ width: '300px' }} /> | 
 |  |  |                 <TextField value={maktx} onChange={(e) => maktxChange(e.target.value)} label="搜索物料" variant="outlined" sx={{ width: '300px' }} size="small" /> | 
 |  |  |  | 
 |  |  |                 <div style={{ display: 'flex', gap: '10px' }}> | 
 |  |  |                 </div> |