handleSearch(pagination.toJS(),this.props,value)} onKeyUp={(e) => handleSearch(pagination.toJS(),this.props,e.target.value,'keyup')} style={{ width: 200 }} loading={loading} />
    { columnsData.map((item, index) => { return (
  • handleInputChange(e, index)} value={item.get('columnsValue')} checked={item.get('columnsValue')} className="custom-control-input" id={"lie" + index} />
  • ) }) }
  • {/* */} handleLockstoreSortField(pagination.toJS(), this.props, e)}value={sortField}> 锁号 出库时间
  • handleLockstoreSort(pagination.toJS(), this.props,e)} value={sort}> 降序 升序
handleLockstoreList(pagination,this.props)} pagination={pagination.toJS()} loading={loading} 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); // console.log(this.props); initData(); } } let delaySwitch = null; /** * store里的数据映射到这个组件里的state * @param {*} state */ const mapStateToProps = (state) => { return { dataSource: state.getIn(['lockstore', 'dataSource']), loading: state.getIn(['lockstore', 'loading']), 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']), sortField: state.getIn(['lockstore', 'sortField']), sort: state.getIn(['lockstore', 'sort']), locksotreDetail: state.getIn(['lockDetailPopups', 'locksotreDetail']), } } /** * 要改变store里的内容需要调用dispatch方法 * @param {*} dispatch */ const mapDispathToProps = (dispatch) => { return { //列隐藏显示 handleColumnsShow(index,support) { dispatch(actionCreators.toggleColumns(index,support)); }, initData(){ dispatch(actionCreators.toggleColumnsAll()); dispatch(actionCreators.toggleSorter()); }, //获得表格数据 handleLockstoreList(pagination,support){ //console.log(support) dispatch(actionCreators.changeLoading()); dispatch(actionCreators.getLockstoreList(pagination,support)); }, //排序设置 handleLockstoreSortField(pagination, support, e) { dispatch(actionCreators.changeLoading()); dispatch(actionCreators.changeSortField(e.target.value)); dispatch(actionCreators.getLockstoreList(pagination, support)); }, handleLockstoreSort(pagination, support, e) { dispatch(actionCreators.changeLoading()); dispatch(actionCreators.changeSort(e.target.value)); dispatch(actionCreators.getLockstoreList(pagination, support)); }, //搜索 handleSearch(pagination,support,searchValue,keyup){ dispatch(actionCreators.changeLoading()); 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); }, handlelockDetailPopups(key) { popupsObj.handlelockDetailPopups(key); // console.log(255); }, } } //mapStateToProps接收,mapDispathToProps发送 export default connect(mapStateToProps, mapDispathToProps)(lock_store);