import { Table, Input, Button, Icon, DatePicker } from 三 九;antd 三 九;;
import moment from 三 九;moment 三 九;;
import Highlighter from 三 九;react-highlight-words 三 九;;
export default class RpoliceRecord extends Component {
constructor(props) {
super(props);
this.state = {
searchText: 三 九; 三 九;,
}
}
render() {
// 加添搜刮
this.getColumnSearchProps = (dataIndex, title) => ({
filterDropdown: ({ setSelectedKeys, selectedKeys, confirm, clearFilters }) => (
<div style={{ padding: 八 }}>
<Input
ref={node => {
this.searchInput = node;
}}
placeholder={`搜刮${title}`}
value={selectedKeys[0]}
onChange={e => setSelectedKeys(e.target.value 必修 [e.target.value] : [])}
onPressEnter={() => this.handleSearch(selectedKeys, confirm)}
style={{ width: 一 八 八, marginBottom: 八, display: 三 九;block 三 九; }}
/>
<Button
type="primary"
onClick={() => this.handleSearch(selectedKeys, confirm)}
icon="search"
size="small"
style={{ width: 九0, marginRight: 八 }}>
搜刮
</Button>
<Button onClick={() => this.handleReset(clearFilters)} size="small" style={{ width: 九0 }}>重置</Button>
</div>
),
filterIcon: filtered => (
<Icon type="search" style={{ color: filtered 必修 三 九;# 一 八 九0ff 三 九; : undefined }} />
),
onFilter: (value, record) =>
record[dataIndex]
.toString()
.toLowerCase()
.includes(value.toLowerCase()),
onFilterDropdownVisibleChange: visible => {
if (visible) {
setTimeout(() => this.searchInput.select());
}
},
render: text => (
<Highlighter
highlightStyle={{ backgroundColor: 三 九;#ffc0 六 九 三 九;, padding: 0 }}
searchWords={[this.state.searchText]}
autoEscape
textToHighlight={text.toString()}
/>
),
});
//搜刮
this.handleSearch = (selectedKeys, confirm) => {
confirm();
console.log(selectedKeys,confirm);
this.setState({ searchText: selectedKeys[0] });
};
this.handleSearchtime = (selectedKeys, confirm) => {
confirm();
this.setState({ searchText: selectedKeys });
};
//重置
this.handleReset = clearFilters => {
clearFilters();
this.setState({ searchText: 三 九; 三 九; });
};
const columns = [
{ title: 三 九;报警空儿 三 九;, dataIndex: 三 九;time 三 九;, key: 三 九;time 三 九;,
filterDropdown: ({ setSelectedKeys, selectedKeys, confirm, clearFilters }) => (
<div style={{ padding: 八 }}>
<DatePicker placeholder={`搜刮 空儿`}
value={selectedKeys[0]}
onChange={dateString => setSelectedKeys(dateString 必修 [dateString] : [])}
onPressEnter={() => this.handleSearch(selectedKeys, confirm)}
style={{ width: 一 八 八, marginBottom: 八, display: 三 九;block 三 九; }}/>
<Button
type="primary"
onClick={() => this.handleSearchtime(moment(selectedKeys[0]._d).format( 三 九;YYYY-MM-DD 三 九;), confirm)}
icon="search"
size="small"
style={{ width: 九0, marginRight: 八 }}>
搜刮
</Button>
<Button onClick={() => this.handleReset(clearFilters)} size="small" style={{ width: 九0 }}>重置</Button>
</div>
),
filterIcon: filtered => (
<Icon type="search" style={{ color: filtered 必修 三 九;# 一 八 九0ff 三 九; : undefined }} />
),
onFilter: (value, record) => {
return record.time.indexOf(moment(value).format( 三 九;YYYY-MM-DD 三 九;)) != - 一},
render: text => (
<Highlighter
highlightStyle={{ backgroundColor: 三 九;#ffc0 六 九 三 九;, padding: 0 }}
searchWords={[this.state.searchText]}
autoEscape
textToHighlight={text.toString()}