diff --git a/src/pages/crontab/index.less b/src/pages/crontab/index.less index 77a979ca..37d84d8b 100644 --- a/src/pages/crontab/index.less +++ b/src/pages/crontab/index.less @@ -176,3 +176,9 @@ tr.drop-over-upward td { padding-top: 10px; } } + +.view-filters-container.active { + .filter-item > div > .ant-form-item-control { + padding-left: 40px; + } +} diff --git a/src/pages/crontab/viewCreateModal.tsx b/src/pages/crontab/viewCreateModal.tsx index 38a2fa4e..f75ec394 100644 --- a/src/pages/crontab/viewCreateModal.tsx +++ b/src/pages/crontab/viewCreateModal.tsx @@ -164,57 +164,91 @@ const ViewCreateModal = ({ {(fields, { add, remove }) => ( - <> - {fields.map(({ key, name, ...restField }, index) => ( - - - 1 ? 'active' : ''}`}> + { + fields.length > 1 && ( +
+ +
+ ) + } +
+ {fields.map(({ key, name, ...restField }, index) => ( + + + + {propertyElement(PROPERTIES, { width: 120 })} + + + {operationElement} + + + {['In', 'Nin'].includes( + form.getFieldValue(['filters', index, 'operation']), + ) ? ( + statusElement + ) : ( + + )} + + {index !== 0 && ( + remove(name)} /> )} - - {index !== 0 && ( - remove(name)} /> - )} - + + + ))} + + add({ property: 'command', operation: 'Reg' })} + > + + 新增筛选条件 + - ))} - - add({ property: 'command', operation: 'Reg' })} - > - - 新增筛选条件 - - - +
+ )}