#

Junjie

2025-02-14 ac4341ea6b66ae02427d39d35f41d42d78b2eb2e

 zy-asrs-flow/src/components/TableSearch/index.jsx

@@ -1,5 +1,6 @@
import React from 'react';
import { Input, Button, Space, Select, DatePicker } from 'antd';
import { FormattedMessage, useIntl } from '@umijs/max';
import Http from '@/utils/http';
import moment from 'moment';

@@ -7,14 +8,15 @@
const DATE_FORMAT = 'YYYY-MM-DD HH:mm:ss';

const TextFilter = (props) => {
    const intl = useIntl();
    const [condition, setCondition] = React.useState('');

    return (
        <div style={{ padding: 8 }}>
            <Input
                style={{ width: 188, marginBottom: 8, display: 'block' }}
                placeholder="请输入"
                value={props.selectedKeys[0]}
                placeholder={intl.formatMessage({ id: 'commont.enter', defaultMessage: '请输入' })}
                value={condition}
                onChange={e => {
                    props.setSelectedKeys(e.target.value ? [e.target.value] : []);
                    setCondition(e.target.value)
@@ -25,25 +27,43 @@
                    type="primary"
                    onClick={() => {
                        props.confirm();
                        props.setSearchParam(prevState => ({
                            ...prevState,
                            [props.name]: props.selectedKeys[0]
                        }));
                        if (condition === '' || condition === null || condition === undefined) {
                            props.setSearchParam(prevState => {
                                const state = { ...prevState };
                                delete state[props.name];
                                return state;
                            })
                        } else {
                            props.setSearchParam(prevState => ({
                                ...prevState,
                                [props.name]: condition
                            }));
                        }
                        props.actionRef.current?.reload();
                    }}
                    size="small"
                    style={{ width: 90 }}
                >
                    确定
                    <FormattedMessage id='common.submit' defaultMessage='确定' />
                </Button>
                <Button
                    onClick={() => {
                        props.clearFilters && props.clearFilters()
                        setCondition('')
                        props.setSelectedKeys([]);
                        props.clearFilters()

                        props.confirm();
                        props.setSearchParam(prevState => {
                            const state = { ...prevState };
                            delete state[props.name];
                            return state;
                        })
                        props.actionRef.current?.reload();
                    }}
                    size="small"
                    style={{ width: 90 }}
                >
                    重置
                    <FormattedMessage id='common.reset' defaultMessage='重置' />
                </Button>
            </Space>
        </div>
@@ -51,6 +71,7 @@
}

const SelectFilter = (props) => {
    const intl = useIntl();
    const [currentOption, setCurrentOption] = React.useState();

    return (
@@ -58,7 +79,7 @@
            <div>
                <Select
                    style={{ width: 188, marginBottom: 8, display: 'block' }}
                    placeholder="请选择"
                    placeholder={intl.formatMessage({ id: 'commont.select', defaultMessage: '请选择' })}
                    value={currentOption === NONE_OPTION ? undefined : currentOption}
                    onChange={value => {
                        setCurrentOption(value)
@@ -94,7 +115,7 @@
                    size="small"
                    style={{ width: 90 }}
                >
                    确定
                    <FormattedMessage id='common.submit' defaultMessage='确定' />
                </Button>
                <Button
                    onClick={() => {
@@ -113,7 +134,7 @@
                    size="small"
                    style={{ width: 90 }}
                >
                    重置
                    <FormattedMessage id='common.reset' defaultMessage='重置' />
                </Button>
            </Space>
        </div>
@@ -121,6 +142,7 @@
}

const DatetimeRangeFilter = (props) => {
    const intl = useIntl();
    const [dates, setDates] = React.useState([null, null]);
    const [startDate, setStartDate] = React.useState(null);
    const [endDate, setEndDate] = React.useState(null);
@@ -164,7 +186,7 @@
                            }}
                            size="small"
                        >
                            确定
                            <FormattedMessage id='common.submit' defaultMessage='确定' />
                        </Button>
                        <Button
                            onClick={() => {
@@ -184,7 +206,7 @@
                            }}
                            size="small"
                        >
                            重置
                            <FormattedMessage id='common.reset' defaultMessage='重置' />
                        </Button>
                    </Space>
                </Space>
@@ -194,11 +216,12 @@
}

const LinkFilter = (props) => {
    const intl = useIntl();
    const [currentOption, setCurrentOption] = React.useState();
    const [options, setOptions] = React.useState([]);

    const fetchData = async (value) => {
        return await Http.doPostForm(`api/${props.name}/query`, { condition: value });
        return await Http.doPostForm(`api/${props.major}/query`, { condition: value });
    }

    async function initOptions(value) {
@@ -219,7 +242,7 @@
            <div>
                <Select
                    style={{ width: 188, marginBottom: 8, display: 'block' }}
                    placeholder="请选择"
                    placeholder={intl.formatMessage({ id: 'commont.select', defaultMessage: '请选择' })}
                    value={currentOption === NONE_OPTION ? undefined : currentOption}
                    onChange={value => {
                        setCurrentOption(value)
@@ -254,7 +277,7 @@
                    size="small"
                    style={{ width: 90 }}
                >
                    确定
                    <FormattedMessage id='common.submit' defaultMessage='确定' />
                </Button>
                <Button
                    onClick={() => {
@@ -274,7 +297,7 @@
                    size="small"
                    style={{ width: 90 }}
                >
                    重置
                    <FormattedMessage id='common.reset' defaultMessage='重置' />
                </Button>
            </Space>
        </div>