From ac4341ea6b66ae02427d39d35f41d42d78b2eb2e Mon Sep 17 00:00:00 2001
From: Junjie <fallin.jie@qq.com>
Date: 星期五, 14 二月 2025 10:08:32 +0800
Subject: [PATCH] #
---
zy-asrs-flow/src/components/TableSearch/index.jsx | 90 +++++++++++++++++++++++++++++++++++---------
1 files changed, 71 insertions(+), 19 deletions(-)
diff --git a/zy-asrs-flow/src/components/TableSearch/index.jsx b/zy-asrs-flow/src/components/TableSearch/index.jsx
index fec61cd..2da0dcf 100644
--- a/zy-asrs-flow/src/components/TableSearch/index.jsx
+++ b/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,18 @@
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] : [])
+ props.setSelectedKeys(e.target.value ? [e.target.value] : []);
+ setCondition(e.target.value)
}}
/>
<Space>
@@ -22,23 +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()}
+ onClick={() => {
+ 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>
@@ -46,6 +71,7 @@
}
const SelectFilter = (props) => {
+ const intl = useIntl();
const [currentOption, setCurrentOption] = React.useState();
return (
@@ -53,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)
@@ -89,18 +115,26 @@
size="small"
style={{ width: 90 }}
>
- 纭畾
+ <FormattedMessage id='common.submit' defaultMessage='纭畾' />
</Button>
<Button
onClick={() => {
setCurrentOption(NONE_OPTION)
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>
@@ -108,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);
@@ -151,7 +186,7 @@
}}
size="small"
>
- 纭畾
+ <FormattedMessage id='common.submit' defaultMessage='纭畾' />
</Button>
<Button
onClick={() => {
@@ -160,10 +195,18 @@
setEndDate(null);
props.setSelectedKeys([]);
props.clearFilters();
+
+ props.confirm();
+ props.setSearchParam(prevState => {
+ const nextState = { ...prevState };
+ delete nextState[props.name + 'Range'];
+ return nextState;
+ });
+ props.actionRef.current?.reload();
}}
size="small"
>
- 閲嶇疆
+ <FormattedMessage id='common.reset' defaultMessage='閲嶇疆' />
</Button>
</Space>
</Space>
@@ -173,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) {
@@ -198,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)
@@ -233,7 +277,7 @@
size="small"
style={{ width: 90 }}
>
- 纭畾
+ <FormattedMessage id='common.submit' defaultMessage='纭畾' />
</Button>
<Button
onClick={() => {
@@ -241,11 +285,19 @@
props.setSelectedKeys([]);
props.clearFilters();
initOptions()
+
+ 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>
--
Gitblit v1.9.1