ai-coding/deploy-ease-platform
0
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

1

Browse Source
This commit is contained in:
asp_ly 2024-12-27 23:19:16 +08:00
parent 871dd32c91
commit 5eb44c62cb
2 changed files with 82 additions and 71 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
frontend/src/components/ui/page-container.tsx Normal file
View File

@ -0,0 +1,27 @@
import React from "react";
import { cn } from "@/lib/utils";
interface PageContainerProps extends React.HTMLAttributes<HTMLDivElement> {
children: React.ReactNode;
}
const PageContainer = React.forwardRef<HTMLDivElement, PageContainerProps>(
({ className, children, ...props }, ref) => {
return (
<div
ref={ref}
className={cn(
"flex w-full flex-col space-y-4 p-6",
className
)}
{...props}
>
{children}
</div>
);
}
);
PageContainer.displayName = "PageContainer";
export { PageContainer };

96
frontend/src/pages/Deploy/ProjectGroup/List/index.tsx
View File

@ -1,5 +1,5 @@
import React, {useState} from 'react'; import React, {useState} from 'react';
import {PageContainer} from '@ant-design/pro-layout'; import {PageContainer} from '@/components/ui/page-container';
import { import {
PlusOutlined, PlusOutlined,
EditOutlined, EditOutlined,
@ -269,77 +269,61 @@ const ProjectGroupList: React.FC = () => {
return ( return (
<PageContainer> <PageContainer>
<Card className="mb-4"> <div className="flex items-center justify-between">
<CardHeader> <h2 className="text-3xl font-bold tracking-tight">项目组管理</h2>
<CardTitle>搜索条件</CardTitle> <Button onClick={() => setModalVisible(true)}>
</CardHeader> 新建
<CardContent> </Button>
<Form {...form}> </div>
<form onSubmit={form.handleSubmit(handleSearch)} className="flex items-end gap-4">
<FormField
control={form.control}
name="projectGroupCode"
render={({ field }) => (
<FormItem>
<FormLabel>项目组编码</FormLabel>
<FormControl>
<Input placeholder="请输入项目组编码" {...field} />
</FormControl>
</FormItem>
)}
/>
<FormField <Card>
control={form.control} <div className="p-6">
name="projectGroupName" <div className="flex items-center gap-4">
render={({ field }) => ( <Input
<FormItem> placeholder="项目组编码"
<FormLabel>项目组名称</FormLabel> value={form.getValues('projectGroupCode')}
<FormControl> onChange={(e) => form.setValue('projectGroupCode', e.target.value)}
<Input placeholder="请输入项目组名称" {...field} /> className="max-w-[200px]"
</FormControl> />
</FormItem> <Input
)} placeholder="项目组名称"
value={form.getValues('projectGroupName')}
onChange={(e) => form.setValue('projectGroupName', e.target.value)}
className="max-w-[200px]"
/> />
<FormField
control={form.control}
name="type"
render={({ field }) => (
<FormItem>
<FormLabel>项目组类型</FormLabel>
<Select <Select
onValueChange={field.onChange} value={form.getValues('type')}
defaultValue={field.value} onValueChange={(value) => form.setValue('type', value)}
> >
<FormControl> <SelectTrigger className="max-w-[200px]">
<SelectTrigger className="w-[200px]"> <SelectValue placeholder="项目组类型" />
<SelectValue placeholder="请选择项目组类型" />
</SelectTrigger> </SelectTrigger>
</FormControl>
<SelectContent> <SelectContent>
<SelectItem value={ProjectGroupTypeEnum.PRODUCT}>产品型</SelectItem> <SelectItem value={ProjectGroupTypeEnum.PRODUCT}>产品型</SelectItem>
<SelectItem value={ProjectGroupTypeEnum.PROJECT}>项目型</SelectItem> <SelectItem value={ProjectGroupTypeEnum.PROJECT}>项目型</SelectItem>
</SelectContent> </SelectContent>
</Select> </Select>
</FormItem> <Select
)} value={form.getValues('enabled')?.toString()}
/> onValueChange={(value) => form.setValue('enabled', value === 'true')}
<Button
type="button"
variant="outline"
onClick={() => form.reset()}
> >
<SelectTrigger className="max-w-[200px]">
<SelectValue placeholder="状态" />
</SelectTrigger>
<SelectContent>
<SelectItem value="true">启用</SelectItem>
<SelectItem value="false">禁用</SelectItem>
</SelectContent>
</Select>
<Button variant="outline" onClick={() => form.reset()}>
重置 重置
</Button> </Button>
<Button type="submit"> <Button variant="ghost" onClick={() => handleSearch(form.getValues())}>
<SearchOutlined className="mr-1" /> <SearchOutlined className="mr-1" />
搜索 搜索
</Button> </Button>
</form> </div>
</Form> </div>
</CardContent>
</Card> </Card>
<Card> <Card>