@@ -182,7 +182,7 @@ export default function CollectionTaskCreate() {
182182 } ) ;
183183
184184 return (
185- < div className = "grid grid-cols-1 md:grid-cols-2 gap-x-6 " >
185+ < div className = "grid grid-cols-1 md:grid-cols-2 gap-x-4 gap-y-2 " >
186186 { items }
187187 </ div >
188188 ) ;
@@ -211,10 +211,11 @@ export default function CollectionTaskCreate() {
211211 </ div >
212212
213213 < div className = "flex-overflow-auto border-card" >
214- < div className = "flex-1 overflow-auto p-6 " >
214+ < div className = "flex-1 overflow-auto p-4 " >
215215 < Form
216216 form = { form }
217217 layout = "vertical"
218+ className = "[&_.ant-form-item]:mb-3 [&_.ant-form-item-label]:pb-1"
218219 initialValues = { newTask }
219220 onValuesChange = { ( _ , allValues ) => {
220221 setNewTask ( { ...newTask , ...allValues } ) ;
@@ -223,33 +224,36 @@ export default function CollectionTaskCreate() {
223224 { /* 基本信息 */ }
224225 < h2 className = "font-medium text-gray-900 text-lg mb-2" > 基本信息</ h2 >
225226
226- < Form . Item
227- label = "名称"
228- name = "name"
229- rules = { [ { required : true , message : "请输入任务名称" } ] }
230- >
231- < Input placeholder = "请输入任务名称" />
232- </ Form . Item >
233- < Form . Item label = "描述" name = "description" >
234- < TextArea placeholder = "请输入任务描述" rows = { 3 } />
235- </ Form . Item >
227+ < div className = "grid grid-cols-1 md:grid-cols-2 gap-x-4 gap-y-2" >
228+ < Form . Item
229+ label = "名称"
230+ name = "name"
231+ rules = { [ { required : true , message : "请输入任务名称" } ] }
232+ >
233+ < Input placeholder = "请输入任务名称" />
234+ </ Form . Item >
236235
237- < Form . Item
238- label = "超时时间(秒)"
239- name = "timeoutSeconds"
240- rules = { [ { required : true , message : "请输入超时时间" } ] }
241- initialValue = { 3600 }
242- >
243- < InputNumber
244- className = "w-full"
245- min = { 1 }
246- precision = { 0 }
247- placeholder = "默认 3600"
248- />
249- </ Form . Item >
236+ < Form . Item
237+ label = "超时时间(秒)"
238+ name = "timeoutSeconds"
239+ rules = { [ { required : true , message : "请输入超时时间" } ] }
240+ initialValue = { 3600 }
241+ >
242+ < InputNumber
243+ className = "w-full"
244+ min = { 1 }
245+ precision = { 0 }
246+ placeholder = "默认 3600"
247+ />
248+ </ Form . Item >
249+
250+ < Form . Item className = "md:col-span-2" label = "描述" name = "description" >
251+ < TextArea placeholder = "请输入任务描述" rows = { 2 } />
252+ </ Form . Item >
253+ </ div >
250254
251255 { /* 同步配置 */ }
252- < h2 className = "font-medium text-gray-900 pt-6 mb-2 text-lg" >
256+ < h2 className = "font-medium text-gray-900 pt-2 mb-1 text-lg" >
253257 同步配置
254258 </ h2 >
255259 < Form . Item name = "syncMode" label = "同步方式" >
@@ -275,7 +279,7 @@ export default function CollectionTaskCreate() {
275279 rules = { [ { required : true , message : "请输入Cron表达式" } ] }
276280 >
277281 < SimpleCronScheduler
278- className = "px-2 rounded"
282+ className = "px-2 py-1 rounded"
279283 value = { scheduleExpression }
280284 onChange = { ( value ) => {
281285 setScheduleExpression ( value ) ;
@@ -289,7 +293,7 @@ export default function CollectionTaskCreate() {
289293 ) }
290294
291295 { /* 模板配置 */ }
292- < h2 className = "font-medium text-gray-900 pt-6 mb-2 text-lg" >
296+ < h2 className = "font-medium text-gray-900 pt-4 mb-2 text-lg" >
293297 模板配置
294298 </ h2 >
295299
@@ -372,7 +376,7 @@ export default function CollectionTaskCreate() {
372376 ) : null }
373377 </ Form >
374378 </ div >
375- < div className = "flex gap-2 justify-end border-top p-6 " >
379+ < div className = "flex gap-2 justify-end border-top p-4 " >
376380 < Button onClick = { ( ) => navigate ( "/data/collection" ) } > 取消</ Button >
377381 < Button type = "primary" onClick = { handleSubmit } >
378382 创建任务
0 commit comments