mirror of
https://gitee.com/JavaLionLi/plus-ui.git
synced 2026-09-13 07:43:43 +08:00
update 优化 代码生成 编辑页样式
This commit is contained in:
疯狂的狮子Li
parent
5b7df709f1
commit
f9e9055a3f
@ -47,25 +47,6 @@ export default function GenInfoForm({ form, columns, menuOptions }: GenInfoFormP
|
||||
/>
|
||||
</Form.Item>
|
||||
</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}>
|
||||
<Form.Item name="packageName" label="生成包路径" rules={[{ required: true, message: '请输入生成包路径' }]}>
|
||||
<Input />
|
||||
@ -98,89 +79,131 @@ export default function GenInfoForm({ form, columns, menuOptions }: GenInfoFormP
|
||||
/>
|
||||
</Form.Item>
|
||||
</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>
|
||||
|
||||
<h4 className="form-header">增强选项</h4>
|
||||
<Row gutter={16}>
|
||||
<Col xs={24} md={8}>
|
||||
<Form.Item name="enableExport" label="导出能力" valuePropName="checked">
|
||||
<Switch />
|
||||
</Form.Item>
|
||||
<Col xs={24}>
|
||||
<Row gutter={16}>
|
||||
<Col xs={24} md={8}>
|
||||
<Form.Item name="enableExport" label="导出能力" valuePropName="checked">
|
||||
<Switch />
|
||||
</Form.Item>
|
||||
</Col>
|
||||
</Row>
|
||||
</Col>
|
||||
<Col xs={24} md={8}>
|
||||
<Form.Item name="enableStatus" label="状态切换" valuePropName="checked">
|
||||
<Switch onChange={checked => !checked && form.setFieldValue('statusField', '')} />
|
||||
</Form.Item>
|
||||
|
||||
<Col xs={24}>
|
||||
<Row gutter={16}>
|
||||
<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>
|
||||
{enableStatus && (
|
||||
<Col xs={24} md={8}>
|
||||
<Form.Item name="statusField" label="状态字段" rules={[{ required: true, message: '请选择状态字段' }]}>
|
||||
<Select options={columnOptions} />
|
||||
</Form.Item>
|
||||
</Col>
|
||||
)}
|
||||
<Col xs={24} md={8}>
|
||||
<Form.Item name="enableUnique" label="组合唯一校验" valuePropName="checked">
|
||||
<Switch onChange={checked => !checked && form.setFieldValue('uniqueFields', [])} />
|
||||
</Form.Item>
|
||||
|
||||
<Col xs={24}>
|
||||
<Row gutter={16}>
|
||||
<Col xs={24} md={8}>
|
||||
<Form.Item name="enableUnique" label="组合唯一校验" valuePropName="checked">
|
||||
<Switch onChange={checked => !checked && form.setFieldValue('uniqueFields', [])} />
|
||||
</Form.Item>
|
||||
</Col>
|
||||
{enableUnique && (
|
||||
<Col xs={24} md={16}>
|
||||
<Form.Item name="uniqueFields" label="唯一字段" rules={[{ required: true, message: '请选择唯一字段' }]}>
|
||||
<Select mode="multiple" options={columnOptions} />
|
||||
</Form.Item>
|
||||
</Col>
|
||||
)}
|
||||
</Row>
|
||||
</Col>
|
||||
{enableUnique && (
|
||||
<Col xs={24} md={16}>
|
||||
<Form.Item name="uniqueFields" label="唯一字段" rules={[{ required: true, message: '请选择唯一字段' }]}>
|
||||
<Select mode="multiple" options={columnOptions} />
|
||||
</Form.Item>
|
||||
</Col>
|
||||
)}
|
||||
<Col xs={24} md={8}>
|
||||
<Form.Item name="enableSort" label="排序调整" valuePropName="checked">
|
||||
<Switch onChange={checked => !checked && form.setFieldValue('sortField', '')} />
|
||||
</Form.Item>
|
||||
|
||||
<Col xs={24}>
|
||||
<Row gutter={16}>
|
||||
<Col xs={24} md={8}>
|
||||
<Form.Item name="enableSort" label="排序调整" valuePropName="checked">
|
||||
<Switch onChange={checked => !checked && form.setFieldValue('sortField', '')} />
|
||||
</Form.Item>
|
||||
</Col>
|
||||
{enableSort && (
|
||||
<Col xs={24} md={16}>
|
||||
<Form.Item name="sortField" label="排序字段" rules={[{ required: true, message: '请选择排序字段' }]}>
|
||||
<Select options={sortableColumnOptions} />
|
||||
</Form.Item>
|
||||
</Col>
|
||||
)}
|
||||
</Row>
|
||||
</Col>
|
||||
{enableSort && (
|
||||
<Col xs={24} md={16}>
|
||||
<Form.Item name="sortField" label="排序字段" rules={[{ required: true, message: '请选择排序字段' }]}>
|
||||
<Select options={sortableColumnOptions} />
|
||||
</Form.Item>
|
||||
</Col>
|
||||
)}
|
||||
</Row>
|
||||
|
||||
{tplCategory === 'tree' && (
|
||||
<Row gutter={16}>
|
||||
<Col xs={24} md={12}>
|
||||
<Form.Item name="treeCode" label="树编码字段" rules={[{ required: true, message: '请选择树编码字段' }]}>
|
||||
<Select options={columnOptions} />
|
||||
</Form.Item>
|
||||
</Col>
|
||||
<Col xs={24} md={12}>
|
||||
<Form.Item
|
||||
name="treeParentCode"
|
||||
label="树父编码字段"
|
||||
rules={[{ required: true, message: '请选择树父编码字段' }]}
|
||||
>
|
||||
<Select options={columnOptions} />
|
||||
</Form.Item>
|
||||
</Col>
|
||||
<Col xs={24} md={12}>
|
||||
<Form.Item name="treeName" label="树名称字段" rules={[{ required: true, message: '请选择树名称字段' }]}>
|
||||
<Select options={columnOptions} />
|
||||
</Form.Item>
|
||||
</Col>
|
||||
<Col xs={24} md={12}>
|
||||
<Form.Item name="treeRootValue" label="根节点值" rules={[{ required: true, message: '请输入根节点值' }]}>
|
||||
<Input />
|
||||
</Form.Item>
|
||||
</Col>
|
||||
<Col xs={24} md={12}>
|
||||
<Form.Item name="treeAncestorsField" label="祖级字段">
|
||||
<Select allowClear options={columnOptions} />
|
||||
</Form.Item>
|
||||
</Col>
|
||||
<Col xs={24} md={12}>
|
||||
<Form.Item name="treeOrderField" label="树排序字段">
|
||||
<Select allowClear options={sortableColumnOptions} />
|
||||
</Form.Item>
|
||||
</Col>
|
||||
</Row>
|
||||
<>
|
||||
<h4 className="form-header">其他信息</h4>
|
||||
<Row gutter={16}>
|
||||
<Col xs={24} md={12}>
|
||||
<Form.Item name="treeCode" label="树编码字段" rules={[{ required: true, message: '请选择树编码字段' }]}>
|
||||
<Select options={columnOptions} />
|
||||
</Form.Item>
|
||||
</Col>
|
||||
<Col xs={24} md={12}>
|
||||
<Form.Item
|
||||
name="treeParentCode"
|
||||
label="树父编码字段"
|
||||
rules={[{ required: true, message: '请选择树父编码字段' }]}
|
||||
>
|
||||
<Select options={columnOptions} />
|
||||
</Form.Item>
|
||||
</Col>
|
||||
<Col xs={24} md={12}>
|
||||
<Form.Item name="treeName" label="树名称字段" rules={[{ required: true, message: '请选择树名称字段' }]}>
|
||||
<Select options={columnOptions} />
|
||||
</Form.Item>
|
||||
</Col>
|
||||
<Col xs={24} md={12}>
|
||||
<Form.Item name="treeRootValue" label="根节点值" rules={[{ required: true, message: '请输入根节点值' }]}>
|
||||
<Input />
|
||||
</Form.Item>
|
||||
</Col>
|
||||
<Col xs={24} md={12}>
|
||||
<Form.Item name="treeAncestorsField" label="祖级字段">
|
||||
<Select allowClear options={columnOptions} />
|
||||
</Form.Item>
|
||||
</Col>
|
||||
<Col xs={24} md={12}>
|
||||
<Form.Item name="treeOrderField" label="树排序字段">
|
||||
<Select allowClear options={sortableColumnOptions} />
|
||||
</Form.Item>
|
||||
</Col>
|
||||
</Row>
|
||||
</>
|
||||
)}
|
||||
</>
|
||||
);
|
||||
|
||||
Loading…
Reference in New Issue
Block a user