+ {body} +
+ ) +} + +export { + useFormField, + Form, + FormItem, + FormLabel, + FormControl, + FormDescription, + FormMessage, + FormField, +} diff --git a/src/components/ui/select.tsx b/src/components/ui/select.tsx new file mode 100644 index 0000000..51f466e --- /dev/null +++ b/src/components/ui/select.tsx @@ -0,0 +1,183 @@ +import * as React from "react" +import * as SelectPrimitive from "@radix-ui/react-select" +import { CheckIcon, ChevronDownIcon, ChevronUpIcon } from "lucide-react" + +import { cn } from "@/lib/utils" + +function Select({ + ...props +}: React.ComponentProps
-
-
-
-
- );
-};
-
-export default ModelPage;
\ No newline at end of file
diff --git a/src/pages/ModelPage/components/ModelForm.tsx b/src/pages/ModelPage/components/ModelForm.tsx
new file mode 100644
index 0000000..31f57ad
--- /dev/null
+++ b/src/pages/ModelPage/components/ModelForm.tsx
@@ -0,0 +1,326 @@
+import React, { useEffect, useMemo } from 'react';
+import { Button } from '@/components/ui/button';
+import { Switch } from '@/components/ui/switch';
+import { Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from '@/components/ui/select';
+import { Form, FormField, FormItem, FormLabel, FormControl, FormMessage } from '@/components/ui/form';
+import { useForm } from 'react-hook-form';
+import { z } from 'zod';
+import { zodResolver } from '@hookform/resolvers/zod';
+import { api } from '@/lib/api';
+
+interface ModelFormProps {
+ initialData?: any;
+ onSubmit: (data: any, id?: number) => void;
+ onCancel: () => void;
+ editMode?: boolean;
+}
+
+const formSchema = z.object({
+ sex: z.string().min(1, '请选择性别'),
+ category: z.string().min(1, '请选择类别'),
+ size: z.string().min(1, '请选择尺寸'),
+ material: z.string().min(1, '请选择材质'),
+ color: z.string().min(1, '请选择颜色'),
+ cover: z.any().optional(),
+ status: z.boolean(),
+});
+
+type FormValues = z.infer
-
- 模特维护
- -
+
+ );
+};
+
+export default ModelPage;
diff --git a/tailwind.config.ts b/tailwind.config.ts
deleted file mode 100644
index 45ea37b..0000000
--- a/tailwind.config.ts
+++ /dev/null
@@ -1,16 +0,0 @@
-import type { Config } from 'tailwindcss';
-import animate from 'tailwindcss-animate';
-
-export default {
- darkMode: 'class',
- content: ['./index.html', './src/**/*.{ts,tsx,js,jsx}'],
- theme: {
- extend: {
- // 这里可以扩展自定义主题
- },
- },
- plugins: [
- animate,
- // 其它shadcn/ui推荐插件
- ],
-} satisfies Config;
+
+ 模特维护
+ +
+ {models.map(item => (
+
+
+
+ 
+
+ ))}
+
+
+ ID: {item.id}
+ 标签: {Object.values(item.tag).join('_')}
+
+ 状态: {item.status === 1 ? '启用' : '禁用'}
+
+ 创建时间: {item.create_time}
+
+
+
+
+