From e661ff1cf2281d39e9b3ffba67aec28cad42a16e Mon Sep 17 00:00:00 2001
From: dengqichen <dengqichen@iscmtech.com>
Date: Fri, 10 Jan 2025 14:14:34 +0800
Subject: [PATCH] 1

---
 .../List/components/ApplicationModal.tsx      | 121 +++++++++---------
 1 file changed, 60 insertions(+), 61 deletions(-)

diff --git a/frontend/src/pages/Deploy/Application/List/components/ApplicationModal.tsx b/frontend/src/pages/Deploy/Application/List/components/ApplicationModal.tsx
index 0182a6ed..17d679e5 100644
--- a/frontend/src/pages/Deploy/Application/List/components/ApplicationModal.tsx
+++ b/frontend/src/pages/Deploy/Application/List/components/ApplicationModal.tsx
@@ -174,7 +174,7 @@ const ApplicationModal: React.FC<ApplicationModalProps> = ({
 
     return (
         <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">
                     <DialogTitle>{isEdit ? '编辑' : '新建'}应用</DialogTitle>
                 </DialogHeader>
@@ -182,68 +182,67 @@ const ApplicationModal: React.FC<ApplicationModalProps> = ({
                     <div className="px-6">
                         <Form {...form}>
                             <form id="applicationForm" onSubmit={form.handleSubmit(handleSubmit)} className="space-y-4">
-                                <FormField
-                                    control={form.control}
-                                    name="appCode"
-                                    render={({field}) => (
-                                        <FormItem>
-                                            <FormLabel>应用编码</FormLabel>
-                                            <FormControl>
-                                                <Input
-                                                    {...field}
-                                                    disabled={isEdit}
-                                                    placeholder="请输入应用编码"
-                                                />
-                                            </FormControl>
-                                            <FormMessage/>
-                                        </FormItem>
-                                    )}
-                                />
-
-                                <FormField
-                                    control={form.control}
-                                    name="appName"
-                                    render={({field}) => (
-                                        <FormItem>
-                                            <FormLabel>应用名称</FormLabel>
-                                            <FormControl>
-                                                <Input
-                                                    {...field}
-                                                    placeholder="请输入应用名称"
-                                                />
-                                            </FormControl>
-                                            <FormMessage/>
-                                        </FormItem>
-                                    )}
-                                />
-
-                                <FormField
-                                    control={form.control}
-                                    name="language"
-                                    render={({field}) => (
-                                        <FormItem>
-                                            <FormLabel>开发语言</FormLabel>
-                                            <Select
-                                                disabled={isEdit}
-                                                onValueChange={field.onChange}
-                                                value={field.value}
-                                            >
+                                <div className="grid grid-cols-3 gap-4">
+                                    <FormField
+                                        control={form.control}
+                                        name="appCode"
+                                        render={({field}) => (
+                                            <FormItem>
+                                                <FormLabel>应用编码</FormLabel>
                                                 <FormControl>
-                                                    <SelectTrigger>
-                                                        <SelectValue placeholder="请选择开发语言"/>
-                                                    </SelectTrigger>
+                                                    <Input
+                                                        disabled={isEdit}
+                                                        placeholder="请输入应用编码"
+                                                        {...field}
+                                                    />
                                                 </FormControl>
-                                                <SelectContent>
-                                                    <SelectItem value={DevelopmentLanguageTypeEnum.JAVA}>Java</SelectItem>
-                                                    <SelectItem value={DevelopmentLanguageTypeEnum.NODE_JS}>NodeJS</SelectItem>
-                                                    <SelectItem value={DevelopmentLanguageTypeEnum.PYTHON}>Python</SelectItem>
-                                                    <SelectItem value={DevelopmentLanguageTypeEnum.GO}>Go</SelectItem>
-                                                </SelectContent>
-                                            </Select>
-                                            <FormMessage/>
-                                        </FormItem>
-                                    )}
-                                />
+                                                <FormMessage/>
+                                            </FormItem>
+                                        )}
+                                    />
+
+                                    <FormField
+                                        control={form.control}
+                                        name="appName"
+                                        render={({field}) => (
+                                            <FormItem>
+                                                <FormLabel>应用名称</FormLabel>
+                                                <FormControl>
+                                                    <Input placeholder="请输入应用名称" {...field} />
+                                                </FormControl>
+                                                <FormMessage/>
+                                            </FormItem>
+                                        )}
+                                    />
+
+                                    <FormField
+                                        control={form.control}
+                                        name="language"
+                                        render={({field}) => (
+                                            <FormItem>
+                                                <FormLabel>开发语言</FormLabel>
+                                                <Select
+                                                    onValueChange={field.onChange}
+                                                    defaultValue={field.value}
+                                                >
+                                                    <FormControl>
+                                                        <SelectTrigger>
+                                                            <SelectValue placeholder="请选择开发语言"/>
+                                                        </SelectTrigger>
+                                                    </FormControl>
+                                                    <SelectContent>
+                                                        {Object.entries(DevelopmentLanguageTypeEnum).map(([key, value]) => (
+                                                            <SelectItem key={key} value={key}>
+                                                                {value}
+                                                            </SelectItem>
+                                                        ))}
+                                                    </SelectContent>
+                                                </Select>
+                                                <FormMessage/>
+                                            </FormItem>
+                                        )}
+                                    />
+                                </div>
 
                                 <div className="grid grid-cols-3 gap-4">
                                     <FormField