diff --git a/src/pages/crontab/index.less b/src/pages/crontab/index.less index 9dfa9cbb..0fc9239a 100644 --- a/src/pages/crontab/index.less +++ b/src/pages/crontab/index.less @@ -161,6 +161,14 @@ } } +.view-create-modal-sorts { + display: flex; + + .ant-space-item:nth-child(2) { + flex: 1; + } +} + tr.drop-over-downward td { border-bottom: 2px dashed #1890ff; } diff --git a/src/pages/crontab/viewCreateModal.tsx b/src/pages/crontab/viewCreateModal.tsx index ae95e9d1..8fea2c65 100644 --- a/src/pages/crontab/viewCreateModal.tsx +++ b/src/pages/crontab/viewCreateModal.tsx @@ -101,9 +101,9 @@ const ViewCreateModal = ({ ); - const propertyElement = (props: any) => { + const propertyElement = (props: any, style: React.CSSProperties = {}) => { return ( - {props.map((x) => ( {x.name} @@ -114,7 +114,7 @@ const ViewCreateModal = ({ }; const typeElement = ( - {SORTTYPES.map((x) => ( {x.name} @@ -170,6 +170,7 @@ const ViewCreateModal = ({ label={index === 0 ? '筛选条件' : ''} key={key} style={{ marginBottom: 0 }} + required > - {propertyElement(PROPERTIES)} + {propertyElement(PROPERTIES, { width: 120 })} - + - {propertyElement(PROPERTIES)} + {propertyElement(PROPERTIES, { width: 240 })} {typeElement} - {index !== 0 && ( - remove(name)} /> - )} + remove(name)} /> ))}