blob: 6e0edb8d5645c66596aade591449de689ff28034 (
plain)
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
|
import React from 'react';
// import './index.css';
import ResultFilter from 'component/result-filter/index.jsx';
import RecordTable from 'util/record-table/index.jsx';
import MachineService from 'service/machine-service.jsx'
import MachineTable from 'util/machine-table/index.jsx';
import PGUtil from 'util/util.jsx'
const _util = new PGUtil();
const _machine = new MachineService();
class Machine extends React.Component {
constructor(props) {
super(props);
this.state = {
isLoading: false,
currentPage: 1,
total: 3,
machines: [],
},
this.loadMachineList = this.loadMachineList.bind(this);
}
componentDidMount() {
this.loadMachineList();
}
loadMachineList(page = 1) {
_machine.getMachineList(page).then(res => {
this.setState({
machines: res.results,
total: res.count,
isLoading: false
});
}, errMsg => {
_util.errorTips(errMsg);
});
}
render() {
return (
<div id="page-wrapper">
<h1>machine page</h1>
<p>
Shown here is the latest status of each farm member for each branch it has reported on in the last
30 days.
Use the farm member link for history of that member on the relevant branch.
</p>
<MachineTable list={this.state.machines} total={this.state.total} current={this.state.currentPage}
loadfunc={this.loadMachineList}/>
</div>
)
}
}
export default Machine;
|
