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, Input,Radio } from 'antd';
import 'antd/dist/antd.css';
import { actionCreators } from './store';
//import { AudioOutlined } from '@ant-design/icons';
const radioStyle = {
display: 'block',
height: '30px',
lineHeight: '30px',
};
const { Search } = Input;
class lock_store extends PureComponent {
render() {
const {dataSource,columns,pagination,handleLockstoreList,handleSearch,columnsData,columnsNum,handleInputChange,handleColumnsShow} = this.props;
return (
handleSearch(pagination.toJS(),this.props,value)}
onKeyUp={(e) => handleSearch(pagination.toJS(),this.props,e.target.value,'keyup')}
style={{ width: 200 }}
/>
handleLockstoreList(pagination,this.props)}
pagination={pagination.toJS()}
bordered
dataSource={dataSource.toJS()}
columns={columns.toJS()}
/>
{/* popupsObj = ref} /> */}
{/* */}
);
}
//组件即将要被挂在的时候执行的方法--
componentDidMount(){
const{handleLockstoreList,pagination,initData}= this.props;
// console.log(pagination.toJS());
handleLockstoreList(pagination.toJS(),this.props);
initData();
}
}
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']),
searchValue: state.getIn(['lockstore', 'searchValue']),
columnsData: state.getIn(['lockstore', 'columnsData']),
columnsNum:state.getIn(['lockstore', 'columnsNum']),
}
}
/**
* 要改变store里的内容需要调用dispatch方法
* @param {*} dispatch
*/
const mapDispathToProps = (dispatch) => {
return {
handleColumnsShow(index) {
// console.log('kkk');
dispatch(actionCreators.toggleColumns(index));
},
initData(){
dispatch(actionCreators.toggleColumnsAll());
},
handleLockstoreList(pagination,support){
dispatch(actionCreators.getLockstoreList(pagination,support));
},
handleSearch(pagination,support,searchValue,keyup){
if(keyup === 'keyup'){
if(delaySwitch != null){
clearTimeout(delaySwitch);
}
delaySwitch = setTimeout(() => {
dispatch(actionCreators.getLockstoreList(pagination, support, searchValue));
},350);
}
else{
dispatch(actionCreators.getLockstoreList(pagination,support,searchValue));
}
},
handleInputChange(e, index){
// dispatch(actionCreators.changeInputValue(columnsNum));
// dt.handleColumnVisible(index, e.target.value);
},
// handleColumnsAllShow() {
// dispatch(actionCreators.toggleColumnsAll(dt));
// },
}
}
export default connect(mapStateToProps, mapDispathToProps)(lock_store);