AccountSettlementContainer.js
2.07 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
'use strict';
import React, { Component } from 'react';
import Immutable, {List, Record} from 'immutable';
import AccountSettlement from '../components/AccountSettlement'
import {
StyleSheet,
View,
Text,
ListView,
}
from 'react-native';
import {bindActionCreators} from 'redux';
import {connect} from 'react-redux';
import {Map} from 'immutable';
import * as accountSettlementActions from '../reducers/accountSettlement/accountSettlementActions';
const actions = [
accountSettlementActions,
];
function mapStateToProps(state) {
return {
...state
}
};
function mapDispatchToProps(dispatch) {
const creators = Map()
.merge(...actions)
.filter(value => typeof value === 'function')
.toObject();
return {
actions: bindActionCreators(creators, dispatch),
dispatch
};
}
export default class AccountSettlementContainer extends Component {
constructor(props) {
super(props);
this.fetchNextPage = this.fetchNextPage.bind(this);
}
componentDidMount() {
this.fetchNextPage();
}
fetchNextPage() {
let params = {
page: this.props.actStmt.currentPage+1,
size: 20,
brandId: this.props.home.get('brandId'),
}
this.props.actions.nextPageOfDataRequest(params);
}
render() {
let dataBlob = {
'SECTION_HEADER':[{title:'累计结算金额(元)',content:`${this.props.actStmt.sum}`}],
'SECTION_SEPORATOR':[{}],
'SECTION_TITLE':[{}],
'SECTION_CONTENT':this.props.actStmt.jsonData,
};
let mapBlob = Immutable.fromJS(dataBlob);
let end = this.props.actStmt.currentPage>=this.props.actStmt.pageCount;
return (
<AccountSettlement
dataBlob={mapBlob}
fetchNextPage={this.fetchNextPage}
isFetching={this.props.actStmt.isFetching}
hideLoadingFooter={this.props.actStmt.currentPage<1}
reachEnd={end}
/>
);
}
}
export default connect(mapStateToProps, mapDispatchToProps)(AccountSettlementContainer);