github/DB-GPT
1
0
Fork 0
mirror of https://github.com/csunny/DB-GPT.git synced 2025-09-11 22:09:44 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: formDialog style changed

Browse Source
This commit is contained in:
lhwan
2024-08-23 15:30:02 +08:00
parent 89ce2d9681
commit 8dc6f45e2a
1 changed files with 11 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
web/components/database/form-dialog.tsx
View File

@@ -121,13 +121,13 @@ function FormDialog({ open, choiceDBType, dbTypeList, editValue, dbNames, onClos
const lockDBType = useMemo(() => !!editValue || !!choiceDBType, [editValue, choiceDBType]); const lockDBType = useMemo(() => !!editValue || !!choiceDBType, [editValue, choiceDBType]);
return ( return (
<Modal open={open} width={400} title={editValue ? t('Edit') : t('create_database')} maskClosable={false} footer={null} onCancel={onClose}> <Modal open={open} width={800} title={editValue ? t('Edit') : t('create_database')} maskClosable={false} footer={null} onCancel={onClose}>
<Form form={form} className="pt-2" labelCol={{ span: 6 }} labelAlign="left" onFinish={onFinish}> <Form form={form} className="pt-2" labelCol={{ span: 6 }} labelAlign="left" onFinish={onFinish}>
<Form.Item name="db_type" label="DB Type" className="mb-3" rules={[{ required: true }]}> <Form.Item name="db_type" label="DB Type" className="mb-6" rules={[{ required: true }]}>
<Select aria-readonly={lockDBType} disabled={lockDBType} options={dbTypeList} /> <Select aria-readonly={lockDBType} disabled={lockDBType} options={dbTypeList} />
</Form.Item> </Form.Item>
{form.getFieldValue('db_type') === 'omc' ? ( {form.getFieldValue('db_type') === 'omc' ? (
<Form.Item name="db_name" label="DB Name" className="mb-3" rules={[{ required: true }]}> <Form.Item name="db_name" label="DB Name" className="mb-6" rules={[{ required: true }]}>
<Select <Select
optionRender={(option, { index }) => { optionRender={(option, { index }) => {
const item = omcDBList[index] as any; const item = omcDBList[index] as any;
@@ -166,37 +166,37 @@ function FormDialog({ open, choiceDBType, dbTypeList, editValue, dbNames, onClos
/> />
</Form.Item> </Form.Item>
) : ( ) : (
<Form.Item name="db_name" label="DB Name" className="mb-3" rules={[{ required: true }]}> <Form.Item name="db_name" label="DB Name" className="mb-6" rules={[{ required: true }]}>
<Input readOnly={!!editValue} disabled={!!editValue} /> <Input readOnly={!!editValue} disabled={!!editValue} />
</Form.Item> </Form.Item>
)} )}
{fileDb === true && ( {fileDb === true && (
<Form.Item name="db_path" label="Path" className="mb-3" rules={[{ required: true }]}> <Form.Item name="db_path" label="Path" className="mb-6" rules={[{ required: true }]}>
<Input /> <Input />
</Form.Item> </Form.Item>
)} )}
{fileDb === false && form.getFieldValue('db_type') !== 'omc' && ( {fileDb === false && form.getFieldValue('db_type') !== 'omc' && (
<> <>
<Form.Item name="db_user" label="Username" className="mb-3" rules={[{ required: true }]}> <Form.Item name="db_user" label="Username" className="mb-6" rules={[{ required: true }]}>
<Input /> <Input />
</Form.Item> </Form.Item>
<Form.Item name="db_pwd" label="Password" className="mb-3" rules={[{ required: false }]}> <Form.Item name="db_pwd" label="Password" className="mb-6" rules={[{ required: false }]}>
<Input type="password" /> <Input type="password" />
</Form.Item> </Form.Item>
<Form.Item name="db_host" label="Host" className="mb-3" rules={[{ required: true }]}> <Form.Item name="db_host" label="Host" className="mb-6" rules={[{ required: true }]}>
<Input /> <Input />
</Form.Item> </Form.Item>
<Form.Item name="db_port" label="Port" className="mb-3" rules={[{ required: true }]}> <Form.Item name="db_port" label="Port" className="mb-6" rules={[{ required: true }]}>
<InputNumber min={1} step={1} max={65535} /> <InputNumber min={1} step={1} max={65535} />
</Form.Item> </Form.Item>
</> </>
)} )}
{form.getFieldValue('db_type') === 'omc' && ( {form.getFieldValue('db_type') === 'omc' && (
<Form.Item name="db_arn" label="Arn" className="mb-3" rules={[{ required: true }]}> <Form.Item name="db_arn" label="Arn" className="mb-6" rules={[{ required: true }]}>
<Input /> <Input />
</Form.Item> </Form.Item>
)} )}
<Form.Item name="comment" label="Remark" className="mb-3"> <Form.Item name="comment" label="Remark" className="mb-6">
<Input /> <Input />
</Form.Item> </Form.Item>
<Form.Item className="flex flex-row-reverse pt-1 mb-0"> <Form.Item className="flex flex-row-reverse pt-1 mb-0">