|
@@ -2,17 +2,19 @@ import React, { PureComponent } from 'react';
|
|
|
import { connect } from 'react-redux';
|
|
|
//import { BrowserRouter, Route,Link } from 'react-router-dom';
|
|
|
import StaffHeader from '../../common/staffHeader'
|
|
|
-
|
|
|
-import { Table } from 'antd';
|
|
|
+import { Table, Pagination } from 'antd';
|
|
|
import 'antd/dist/antd.css';
|
|
|
-
|
|
|
import { actionCreators } from './store';
|
|
|
+import Search from 'antd/lib/transfer/search';
|
|
|
+
|
|
|
+
|
|
|
|
|
|
class lock_store extends PureComponent {
|
|
|
render() {
|
|
|
-
|
|
|
+ const {dataSource,columns,pagination,handleLockstoreList} = this.props;
|
|
|
+ // console.log(pagination.toJS());
|
|
|
return (
|
|
|
- <div>
|
|
|
+ <div>
|
|
|
<StaffHeader />
|
|
|
<main id="js-page-content" role="main" className="page-content">
|
|
|
<div className="row">
|
|
@@ -21,7 +23,9 @@ class lock_store extends PureComponent {
|
|
|
<div className="panel-hdr">
|
|
|
<div className="col-auto pr-0">
|
|
|
<div className="input-group input-group-sm bg-white shadow-inset-2">
|
|
|
- <input type="text" ref={(input) => { this.searchValue = input }} onKeyUp={() => handleSearch(this.searchValue)} className="form-control bg-transparent" placeholder="锁号" />
|
|
|
+ <Search
|
|
|
+ />
|
|
|
+ {/* <input type="text" ref={(input) => { this.searchValue = input }} onKeyUp={() => handleSearch(this.searchValue)} className="form-control bg-transparent" placeholder="锁号" /> */}
|
|
|
</div>
|
|
|
</div>
|
|
|
<div className="col-auto pr-0">
|
|
@@ -85,7 +89,11 @@ class lock_store extends PureComponent {
|
|
|
{/* <!--数据内容区--> */}
|
|
|
<div className="panel-content">
|
|
|
<Table
|
|
|
-
|
|
|
+ onChange={(pagination) => handleLockstoreList(pagination, this.props)}
|
|
|
+ pagination={pagination.toJS()}
|
|
|
+ bordered
|
|
|
+ dataSource={dataSource.toJS()}
|
|
|
+ columns={columns.toJS()}
|
|
|
/>
|
|
|
{/* 接口路径 */}
|
|
|
{/* <DataTable onRef={(ref) => dt = ref} url={`/contact/client`} columnBindEvent={handleColumnBindEvent} columnsData={columnsData} columns={columns.toJS()}/> */}
|
|
@@ -103,20 +111,22 @@ class lock_store extends PureComponent {
|
|
|
|
|
|
//组件即将要被挂在的时候执行的方法--
|
|
|
componentDidMount(){
|
|
|
-
|
|
|
+ const{handleLockstoreList,pagination}= this.props;
|
|
|
+ // console.log(pagination.toJS());
|
|
|
+ handleLockstoreList(pagination.toJS(),this.props);
|
|
|
}
|
|
|
-
|
|
|
}
|
|
|
|
|
|
-let delaySwitch = null;
|
|
|
+// let delaySwitch = null;
|
|
|
/**
|
|
|
* store里的数据映射到这个组件里的state
|
|
|
* @param {*} state
|
|
|
*/
|
|
|
const mapStateToProps = (state) => {
|
|
|
return {
|
|
|
-
|
|
|
-
|
|
|
+ dataSource: state.getIn(['lockstore', 'dataSource']),
|
|
|
+ columns: state.getIn(['lockstore', 'columns']),
|
|
|
+ pagination: state.getIn(['lockstore', 'pagination']),
|
|
|
}
|
|
|
}
|
|
|
|
|
@@ -126,7 +136,9 @@ const mapStateToProps = (state) => {
|
|
|
*/
|
|
|
const mapDispathToProps = (dispatch) => {
|
|
|
return {
|
|
|
-
|
|
|
+ handleLockstoreList(pagination, props){
|
|
|
+ dispatch(actionCreators.getLockstoreList(pagination, props));
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
|