1
This commit is contained in:
parent
85d7e573ad
commit
e661ff1cf2
@ -174,7 +174,7 @@ const ApplicationModal: React.FC<ApplicationModalProps> = ({
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<Dialog open={open} onOpenChange={(open) => !open && onCancel()}>
|
<Dialog open={open} onOpenChange={(open) => !open && onCancel()}>
|
||||||
<DialogContent className="sm:max-w-[600px] h-[90vh]">
|
<DialogContent className="max-w-[800px] h-[90vh]">
|
||||||
<DialogHeader className="pb-4">
|
<DialogHeader className="pb-4">
|
||||||
<DialogTitle>{isEdit ? '编辑' : '新建'}应用</DialogTitle>
|
<DialogTitle>{isEdit ? '编辑' : '新建'}应用</DialogTitle>
|
||||||
</DialogHeader>
|
</DialogHeader>
|
||||||
@ -182,6 +182,7 @@ const ApplicationModal: React.FC<ApplicationModalProps> = ({
|
|||||||
<div className="px-6">
|
<div className="px-6">
|
||||||
<Form {...form}>
|
<Form {...form}>
|
||||||
<form id="applicationForm" onSubmit={form.handleSubmit(handleSubmit)} className="space-y-4">
|
<form id="applicationForm" onSubmit={form.handleSubmit(handleSubmit)} className="space-y-4">
|
||||||
|
<div className="grid grid-cols-3 gap-4">
|
||||||
<FormField
|
<FormField
|
||||||
control={form.control}
|
control={form.control}
|
||||||
name="appCode"
|
name="appCode"
|
||||||
@ -190,9 +191,9 @@ const ApplicationModal: React.FC<ApplicationModalProps> = ({
|
|||||||
<FormLabel>应用编码</FormLabel>
|
<FormLabel>应用编码</FormLabel>
|
||||||
<FormControl>
|
<FormControl>
|
||||||
<Input
|
<Input
|
||||||
{...field}
|
|
||||||
disabled={isEdit}
|
disabled={isEdit}
|
||||||
placeholder="请输入应用编码"
|
placeholder="请输入应用编码"
|
||||||
|
{...field}
|
||||||
/>
|
/>
|
||||||
</FormControl>
|
</FormControl>
|
||||||
<FormMessage/>
|
<FormMessage/>
|
||||||
@ -207,10 +208,7 @@ const ApplicationModal: React.FC<ApplicationModalProps> = ({
|
|||||||
<FormItem>
|
<FormItem>
|
||||||
<FormLabel>应用名称</FormLabel>
|
<FormLabel>应用名称</FormLabel>
|
||||||
<FormControl>
|
<FormControl>
|
||||||
<Input
|
<Input placeholder="请输入应用名称" {...field} />
|
||||||
{...field}
|
|
||||||
placeholder="请输入应用名称"
|
|
||||||
/>
|
|
||||||
</FormControl>
|
</FormControl>
|
||||||
<FormMessage/>
|
<FormMessage/>
|
||||||
</FormItem>
|
</FormItem>
|
||||||
@ -224,9 +222,8 @@ const ApplicationModal: React.FC<ApplicationModalProps> = ({
|
|||||||
<FormItem>
|
<FormItem>
|
||||||
<FormLabel>开发语言</FormLabel>
|
<FormLabel>开发语言</FormLabel>
|
||||||
<Select
|
<Select
|
||||||
disabled={isEdit}
|
|
||||||
onValueChange={field.onChange}
|
onValueChange={field.onChange}
|
||||||
value={field.value}
|
defaultValue={field.value}
|
||||||
>
|
>
|
||||||
<FormControl>
|
<FormControl>
|
||||||
<SelectTrigger>
|
<SelectTrigger>
|
||||||
@ -234,16 +231,18 @@ const ApplicationModal: React.FC<ApplicationModalProps> = ({
|
|||||||
</SelectTrigger>
|
</SelectTrigger>
|
||||||
</FormControl>
|
</FormControl>
|
||||||
<SelectContent>
|
<SelectContent>
|
||||||
<SelectItem value={DevelopmentLanguageTypeEnum.JAVA}>Java</SelectItem>
|
{Object.entries(DevelopmentLanguageTypeEnum).map(([key, value]) => (
|
||||||
<SelectItem value={DevelopmentLanguageTypeEnum.NODE_JS}>NodeJS</SelectItem>
|
<SelectItem key={key} value={key}>
|
||||||
<SelectItem value={DevelopmentLanguageTypeEnum.PYTHON}>Python</SelectItem>
|
{value}
|
||||||
<SelectItem value={DevelopmentLanguageTypeEnum.GO}>Go</SelectItem>
|
</SelectItem>
|
||||||
|
))}
|
||||||
</SelectContent>
|
</SelectContent>
|
||||||
</Select>
|
</Select>
|
||||||
<FormMessage/>
|
<FormMessage/>
|
||||||
</FormItem>
|
</FormItem>
|
||||||
)}
|
)}
|
||||||
/>
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div className="grid grid-cols-3 gap-4">
|
<div className="grid grid-cols-3 gap-4">
|
||||||
<FormField
|
<FormField
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user