1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
| import React, { useState, useRef, useEffect, useMemo, useCallback } from "react";
| import { Card, useTheme, List, CardContent, Input, InputAdornment, IconButton, TextField } from "@mui/material";
| import { useForm } from 'react-hook-form';
| import Warehouse from "./warehouse";
| import { Filter, SearchInput, useListContext,useTranslate } from 'react-admin';
| import request from '@/utils/request';
|
| const WhMatListAside = () => {
| const theme = useTheme();
| const translate = useTranslate();
| const [searchVal, setSearchVal] = useState('');
| const { control, getValues } = useForm();
| const [map, setMap] = useState([
| {
| id: 1,
| name: '仓库1',
| code: 'WH1',
| icon: 'Warehouse',
| locCount: 350,
| },
| {
| id: 2,
| name: '仓库2',
| code: 'WH1',
| icon: 'Warehouse',
| locCount: 237,
| },
| {
| id: 3,
| name: '仓库3',
| code: 'WH1',
| icon: 'Warehouse',
| locCount: 590,
| }
| ]);
|
| const handleInput = (value) => {
| console.log(value);
| setSearchVal(value);
| }
| React.useEffect(() => {
| request.post('/matnrGroup/tree', {})
| .then(res => {
| if (res?.data?.code === 200) {
| let data = res.data.data;
| console.log(data);
|
| } else {
| notify(res.data.msg);
| }
| })
| .catch(error => {
| notify('Error fetching tree data');
| });
| }, [searchVal])
|
| return (
| <Card
| sx={{
| order: -1,
| mr: 2,
| mt: 4,
| width: 250
| }}
| >
| <CardContent>
| <div>
| <TextField
| label={translate('ra.action.search')}
| value={searchVal}
| onChange={(e) => handleInput(e.target.value)}
|
| />
| </div>
| <List>
| {map.map(record => (
| <Warehouse key={record.id} record={record} />
| ))}
| </List>
| </CardContent>
|
| </Card>
| )
| }
|
| export default WhMatListAside;
|
|
