选择套餐配置链接&更新账户总览数据展示

This commit is contained in:
Eamon-meng
2025-06-30 16:08:08 +08:00
parent 54725d446b
commit b096e20fcd
7 changed files with 65 additions and 84 deletions

View File

@@ -12,18 +12,21 @@ import Image from 'next/image'
import check from './_assets/check.svg'
import banner from './_assets/Mask-group.webp'
import group from './_assets/Group.svg'
import {merge} from '@/lib/utils'
import {useRouter} from 'next/navigation'
const formSchema = z.object({
companyName: z.string().min(2, '企业名称至少2个字符'),
contactName: z.string().min(2, '联系人姓名至少2个字符'),
phone: z.string().min(11, '请输入11位手机号码').max(11, '手机号码长度不正确'),
monthlyUsage: z.string().min(1, '请选择每月需求量'),
monthlyUsage: z.string().min(1, '请选择您需要的用量'),
purpose: z.string().min(1, '输入用途'),
})
type FormValues = z.infer<typeof formSchema>
export default function CollectPage() {
const router = useRouter()
const form = useForm<FormValues>({
resolver: zodResolver(formSchema),
defaultValues: {
@@ -161,7 +164,7 @@ export default function CollectPage() {
<div className="flex items-center justify-between gap-4">
<label htmlFor={id} className="text-sm flex items-center gap-1">
<span className="text-red-500">*</span>
<span></span>
<span></span>
</label>
<Select onValueChange={field.onChange} value={field.value}>
<SelectTrigger id={id} className="flex-1 max-w-xs">
@@ -194,7 +197,7 @@ export default function CollectPage() {
)}
</FormField>
<div className="pt-4 flex justify-center">
<Button type="submit" className="bg-blue-600 hover:bg-blue-600 px-8">
<Button type="submit" className="bg-blue-600 hover:bg-blue-700 px-8">
</Button>
</div>
@@ -211,9 +214,12 @@ export default function CollectPage() {
priority
/>
</div>
<div className="relative z-10 h-full flex items-center justify-end">
<div className="flex items-center gap-8">
<Button className="bg-blue-600 hover:bg-blue-700 text-white px-6 py-2 rounded-md whitespace-nowrap">
<div className={merge('relative h-full flex items-center justify-center pl-150')}>
<div className="flex items-center gap-4">
<Button
className={merge('bg-blue-600 hover:bg-blue-700 text-white px-6 py-2 rounded-md whitespace-nowrap')}
onClick={() => router.push('/login')}
>
</Button>
</div>

View File

@@ -58,7 +58,7 @@ export default function CollectPage(props: CollectPageProps) {
`mt-32 max-md:mt-20 w-96 max-md:w-full h-16 md:h-24 rounded-lg shadow-lg`,
`bg-gradient-to-r from-blue-500 to-cyan-400 text-white text-xl lg:text-4xl`,
].join(' ')}
onClick={() => router.push('/login')}
onClick={() => router.push('/product?type=short')}
>
</button>