import React from "react";
|
import {
|
Edit,
|
SimpleForm,
|
TextInput,
|
SaveButton,
|
SelectInput,
|
Toolbar,
|
required,
|
DeleteButton,
|
} from 'react-admin';
|
import { Grid, Stack } from '@mui/material';
|
import { EDIT_MODE } from '@/config/setting';
|
import EditBaseAside from "@/page/components/EditBaseAside";
|
import CustomerTopToolBar from "@/page/components/EditTopToolBar";
|
|
const FormToolbar = () => (
|
<Toolbar sx={{ justifyContent: 'space-between' }}>
|
<SaveButton />
|
<DeleteButton mutationMode="optimistic" />
|
</Toolbar>
|
);
|
|
const OpenApiAppEdit = () => {
|
return (
|
<Edit
|
resource="openApiApp"
|
redirect="list"
|
mutationMode={EDIT_MODE}
|
actions={<CustomerTopToolBar />}
|
aside={<EditBaseAside />}
|
>
|
<SimpleForm
|
toolbar={<FormToolbar />}
|
defaultValues={{ enable: 1 }}
|
>
|
<Grid container width={{ xs: '100%', xl: '80%' }} rowSpacing={3} columnSpacing={3}>
|
<Grid item xs={12} md={8}>
|
<Stack spacing={2}>
|
<TextInput label="应用ID" source="id" validate={required()} disabled />
|
<TextInput label="应用密钥" source="screct" validate={required()} fullWidth />
|
<TextInput label="应用名称" source="name" fullWidth />
|
<TextInput label="应用URL" source="url" fullWidth />
|
<SelectInput
|
label="启用状态"
|
source="enable"
|
choices={[
|
{ id: 1, name: '启用' },
|
{ id: 0, name: '未启用' },
|
]}
|
fullWidth
|
/>
|
</Stack>
|
</Grid>
|
</Grid>
|
</SimpleForm>
|
</Edit>
|
);
|
};
|
|
export default OpenApiAppEdit;
|
