open-source/qinglong
1
0
Fork 0
mirror of https://github.com/whyour/qinglong.git synced 2025-05-23 06:46:09 +08:00
Code Issues Packages Projects Releases Wiki Activity

修改添加任务视图筛选条件交互

Browse Source
This commit is contained in:
whyour 2022-12-09 23:34:23 +08:00
parent bb2e8cb287
commit 7acf1eace3
1 changed files with 24 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
src/pages/crontab/viewCreateModal.tsx
View File

@ -23,6 +23,12 @@ const PROPERTIES = [
// { name: '标签', value: 'labels' },
];
const EOperation: any = {
Reg: '',
NotReg: '',
In: 'select',
Nin: 'select',
};
const OPERATIONS = [
{ name: '包含', value: 'Reg' },
{ name: '不包含', value: 'NotReg' },
@ -131,7 +137,7 @@ const ViewCreateModal = ({
const statusElement = (property: keyof typeof STATUS_MAP) => {
return (
<Select mode="tags" allowClear placeholder="回车输入自定义选项">
<Select mode="tags" allowClear placeholder="输入后回车增加自定义选项">
{STATUS_MAP[property]?.map((x) => (
<Select.Option key={x.name} value={x.value}>
{x.name}
@ -247,10 +253,22 @@ const ViewCreateModal = ({
<Form.Item
noStyle
shouldUpdate={(prevValues, nextValues) => {
return (
get(prevValues, ['filters', name, 'operation']) !==
get(nextValues, ['filters', name, 'operation'])
);
const preOperation =
EOperation[
get(prevValues, ['filters', name, 'operation'])
];
const nextOperation =
EOperation[
get(nextValues, ['filters', name, 'operation'])
];
const flag = preOperation !== nextOperation;
if (flag) {
form.setFieldValue(
['filters', name, 'value'],
nextOperation === 'select' ? [] : '',
);
}
return flag;
}}
>
{() => {
@ -272,7 +290,7 @@ const ViewCreateModal = ({
{ required: true, message: '请输入内容' },
]}
>
{['In', 'Nin'].includes(operate) ? (
{EOperation[operate] === 'select' ? (
statusElement(property)
) : (
<Input placeholder="请输入内容" />