index.tsx
2.5 KB
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
87
88
89
90
91
92
93
94
95
96
97
98
99
100
import React from 'react'
import './style.less'
import NavBar from "@/components/nav-bar"
import {baseColorPrimary} from "@/utils/common";
import {hexToRgba} from "@/utils/utils";
import { useNavigate } from "react-router-dom";
const ProductionManagement: React.FC = () => {
const navigate = useNavigate();
const list = [
{
id: '1',
name: '车顶生产线A'
},
{
id: '2',
name: '车顶生产线B'
},
{
id: '3',
name: '车顶生产线C'
},
{
id: '4',
name: '车顶生产线D'
},
{
id: '5',
name: '车顶生产线E'
},
{
id: '6',
name: '车顶生产线F'
},
{
id: '7',
name: '车顶生产线G'
},
{
id: '8',
name: '车顶生产线H'
},
{
id: '9',
name: '车顶生产线I'
},
{
id: '10',
name: '车顶生产线J'
},
{
id: '11',
name: '车顶生产线K'
},
{
id: '12',
name: '车顶生车顶生车顶生产线L'
},
{
id: '13',
name: '车顶生产线M'
},
{
id: '14',
name: '车顶生产线N'
}
];
const toProductionList = (item: any) => {
console.log('toProductionList-item', item)
navigate(`/production/list?id=${item?.id}&name=${item?.name}`);
}
return (
<div className={'sxjx-content-main sxjx-layout-main-unfoot'}>
<div className={'production-management'}>
<NavBar title={'生产线管理'}/>
<div className={'production-management_list'}>
{
list?.map((item: any) => {
return <div
key={item?.id}
className={'production-management_list-item'}
style={{backgroundColor: hexToRgba(baseColorPrimary, 0.6)}}
onClick={() => toProductionList(item)}
>
{item?.name}
</div>
})
}
</div>
</div>
</div>
)
}
export default ProductionManagement;