opensource/plus-ui
2
0
Fork 0
mirror of https://gitee.com/JavaLionLi/plus-ui.git synced 2026-09-15 08:25:10 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

update 优化 代码生成 编辑页样式

Browse Source
This commit is contained in:
疯狂的狮子Li 2026-06-03 16:32:53 +08:00
parent 5b7df709f1
commit f9e9055a3f
1 changed files with 115 additions and 92 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

207
src/pages/tool/gen/components/GenInfoForm.tsx
View File

@ -47,25 +47,6 @@ export default function GenInfoForm({ form, columns, menuOptions }: GenInfoFormP
/> />
</Form.Item> </Form.Item>
</Col> </Col>
<Col xs={24} md={12}>
<Form.Item
name="frontendType"
label={
<span>
前端模板{' '}
<Tooltip title="对应后端 resources/vm 下的模板目录，例如 vue、react">
<QuestionCircleOutlined />
</Tooltip>
</span>
}
rules={[
{ required: true, message: '请选择前端模板' },
{ pattern: /^[A-Za-z0-9_-]+$/, message: '仅支持字母、数字、下划线和中划线' }
]}
>
<Radio.Group options={frontendTypeOptions} />
</Form.Item>
</Col>
<Col xs={24} md={12}> <Col xs={24} md={12}>
<Form.Item name="packageName" label="生成包路径" rules={[{ required: true, message: '请输入生成包路径' }]}> <Form.Item name="packageName" label="生成包路径" rules={[{ required: true, message: '请输入生成包路径' }]}>
<Input /> <Input />
@ -98,89 +79,131 @@ export default function GenInfoForm({ form, columns, menuOptions }: GenInfoFormP
/> />
</Form.Item> </Form.Item>
</Col> </Col>
<Col xs={24} md={12}>
<Form.Item
name="frontendType"
label={
<span>
前端模板{' '}
<Tooltip title="对应后端 resources/vm 下的模板目录，例如 vue、react">
<QuestionCircleOutlined />
</Tooltip>
</span>
}
rules={[
{ required: true, message: '请选择前端模板' },
{ pattern: /^[A-Za-z0-9_-]+$/, message: '仅支持字母、数字、下划线和中划线' }
]}
>
<Radio.Group options={frontendTypeOptions} />
</Form.Item>
</Col>
</Row> </Row>
<h4 className="form-header">增强选项</h4>
<Row gutter={16}> <Row gutter={16}>
<Col xs={24} md={8}> <Col xs={24}>
<Form.Item name="enableExport" label="导出能力" valuePropName="checked"> <Row gutter={16}>
<Switch /> <Col xs={24} md={8}>
</Form.Item> <Form.Item name="enableExport" label="导出能力" valuePropName="checked">
<Switch />
</Form.Item>
</Col>
</Row>
</Col> </Col>
<Col xs={24} md={8}>
<Form.Item name="enableStatus" label="状态切换" valuePropName="checked"> <Col xs={24}>
<Switch onChange={checked => !checked && form.setFieldValue('statusField', '')} /> <Row gutter={16}>
</Form.Item> <Col xs={24} md={8}>
<Form.Item name="enableStatus" label="状态切换" valuePropName="checked">
<Switch onChange={checked => !checked && form.setFieldValue('statusField', '')} />
</Form.Item>
</Col>
{enableStatus && (
<Col xs={24} md={16}>
<Form.Item name="statusField" label="状态字段" rules={[{ required: true, message: '请选择状态字段' }]}>
<Select options={columnOptions} />
</Form.Item>
</Col>
)}
</Row>
</Col> </Col>
{enableStatus && (
<Col xs={24} md={8}> <Col xs={24}>
<Form.Item name="statusField" label="状态字段" rules={[{ required: true, message: '请选择状态字段' }]}> <Row gutter={16}>
<Select options={columnOptions} /> <Col xs={24} md={8}>
</Form.Item> <Form.Item name="enableUnique" label="组合唯一校验" valuePropName="checked">
</Col> <Switch onChange={checked => !checked && form.setFieldValue('uniqueFields', [])} />
)} </Form.Item>
<Col xs={24} md={8}> </Col>
<Form.Item name="enableUnique" label="组合唯一校验" valuePropName="checked"> {enableUnique && (
<Switch onChange={checked => !checked && form.setFieldValue('uniqueFields', [])} /> <Col xs={24} md={16}>
</Form.Item> <Form.Item name="uniqueFields" label="唯一字段" rules={[{ required: true, message: '请选择唯一字段' }]}>
<Select mode="multiple" options={columnOptions} />
</Form.Item>
</Col>
)}
</Row>
</Col> </Col>
{enableUnique && (
<Col xs={24} md={16}> <Col xs={24}>
<Form.Item name="uniqueFields" label="唯一字段" rules={[{ required: true, message: '请选择唯一字段' }]}> <Row gutter={16}>
<Select mode="multiple" options={columnOptions} /> <Col xs={24} md={8}>
</Form.Item> <Form.Item name="enableSort" label="排序调整" valuePropName="checked">
</Col> <Switch onChange={checked => !checked && form.setFieldValue('sortField', '')} />
)} </Form.Item>
<Col xs={24} md={8}> </Col>
<Form.Item name="enableSort" label="排序调整" valuePropName="checked"> {enableSort && (
<Switch onChange={checked => !checked && form.setFieldValue('sortField', '')} /> <Col xs={24} md={16}>
</Form.Item> <Form.Item name="sortField" label="排序字段" rules={[{ required: true, message: '请选择排序字段' }]}>
<Select options={sortableColumnOptions} />
</Form.Item>
</Col>
)}
</Row>
</Col> </Col>
{enableSort && (
<Col xs={24} md={16}>
<Form.Item name="sortField" label="排序字段" rules={[{ required: true, message: '请选择排序字段' }]}>
<Select options={sortableColumnOptions} />
</Form.Item>
</Col>
)}
</Row> </Row>
{tplCategory === 'tree' && ( {tplCategory === 'tree' && (
<Row gutter={16}> <>
<Col xs={24} md={12}> <h4 className="form-header">其他信息</h4>
<Form.Item name="treeCode" label="树编码字段" rules={[{ required: true, message: '请选择树编码字段' }]}> <Row gutter={16}>
<Select options={columnOptions} /> <Col xs={24} md={12}>
</Form.Item> <Form.Item name="treeCode" label="树编码字段" rules={[{ required: true, message: '请选择树编码字段' }]}>
</Col> <Select options={columnOptions} />
<Col xs={24} md={12}> </Form.Item>
<Form.Item </Col>
name="treeParentCode" <Col xs={24} md={12}>
label="树父编码字段" <Form.Item
rules={[{ required: true, message: '请选择树父编码字段' }]} name="treeParentCode"
> label="树父编码字段"
<Select options={columnOptions} /> rules={[{ required: true, message: '请选择树父编码字段' }]}
</Form.Item> >
</Col> <Select options={columnOptions} />
<Col xs={24} md={12}> </Form.Item>
<Form.Item name="treeName" label="树名称字段" rules={[{ required: true, message: '请选择树名称字段' }]}> </Col>
<Select options={columnOptions} /> <Col xs={24} md={12}>
</Form.Item> <Form.Item name="treeName" label="树名称字段" rules={[{ required: true, message: '请选择树名称字段' }]}>
</Col> <Select options={columnOptions} />
<Col xs={24} md={12}> </Form.Item>
<Form.Item name="treeRootValue" label="根节点值" rules={[{ required: true, message: '请输入根节点值' }]}> </Col>
<Input /> <Col xs={24} md={12}>
</Form.Item> <Form.Item name="treeRootValue" label="根节点值" rules={[{ required: true, message: '请输入根节点值' }]}>
</Col> <Input />
<Col xs={24} md={12}> </Form.Item>
<Form.Item name="treeAncestorsField" label="祖级字段"> </Col>
<Select allowClear options={columnOptions} /> <Col xs={24} md={12}>
</Form.Item> <Form.Item name="treeAncestorsField" label="祖级字段">
</Col> <Select allowClear options={columnOptions} />
<Col xs={24} md={12}> </Form.Item>
<Form.Item name="treeOrderField" label="树排序字段"> </Col>
<Select allowClear options={sortableColumnOptions} /> <Col xs={24} md={12}>
</Form.Item> <Form.Item name="treeOrderField" label="树排序字段">
</Col> <Select allowClear options={sortableColumnOptions} />
</Row> </Form.Item>
</Col>
</Row>
</>
)} )}
</> </>
); );