From 8ce5f99a246f864dc472ef297fb4e2f918a44f89 Mon Sep 17 00:00:00 2001
From: Eamon-meng <17516219072@163.com>
Date: Tue, 31 Mar 2026 16:11:36 +0800
Subject: [PATCH] =?UTF-8?q?=E5=BC=80=E5=90=AF=E5=85=85=E5=80=BC=E5=92=8C?=
 =?UTF-8?q?=E4=BD=99=E9=A2=9D=E6=94=AF=E4=BB=98=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../admin/(dashboard)/_client/userCenter.tsx  |   4 +-
 src/components/composites/extract/index.tsx   | 189 +++++++++---------
 .../composites/payment/payment-modal.tsx      |   6 +-
 .../composites/purchase/long/form.tsx         |   2 +-
 .../composites/purchase/long/right.tsx        |   2 +-
 .../purchase/shared/field-payment.tsx         |  23 ++-
 .../composites/purchase/short/form.tsx        |   2 +-
 .../composites/purchase/short/right.tsx       |   2 +-
 8 files changed, 121 insertions(+), 109 deletions(-)

diff --git a/src/app/admin/(dashboard)/_client/userCenter.tsx b/src/app/admin/(dashboard)/_client/userCenter.tsx
index e1c0adc..748807f 100644
--- a/src/app/admin/(dashboard)/_client/userCenter.tsx
+++ b/src/app/admin/(dashboard)/_client/userCenter.tsx
@@ -59,7 +59,7 @@ export default async function UserCenter() {
               </>
             )}
         </div>
-        {/* <div className="flex flex-col gap-1">
+        <div className="flex flex-col gap-1">
           <h4 className="text-sm text-weak">账户余额</h4>
           <div className="flex justify-between items-baseline">
             <p className="text-xl text-accent">
@@ -68,7 +68,7 @@ export default async function UserCenter() {
             </p>
             <RechargeModal/>
           </div>
-        </div> */}
+        </div>
         <div className="flex flex-col gap-3">
           <h4 className="text-sm text-weak">快捷入口</h4>
           <div className="flex justify-around gap-2">
diff --git a/src/components/composites/extract/index.tsx b/src/components/composites/extract/index.tsx
index 2a48ecc..1998f98 100644
--- a/src/components/composites/extract/index.tsx
+++ b/src/components/composites/extract/index.tsx
@@ -382,102 +382,103 @@ function SelectResource() {
                 <Loader className="animate-spin" size={20}/>
                 <span>暂无可用套餐</span>
               </div>
-            ) : resources.map((resource, i) => (
+            ) : (
               <>
-                <SelectItem
-                  key={`${resource.id}`}
-                  value={String(resource.id)}
-                  className="p-3">
-                  <div className="flex flex-col gap-2 w-72">
-                    {resource.type === 1 && resource.short.type === 1 && (
-                      <>
-                        <div className="flex gap-2 items-center bg-green-50 w-fit px-2 py-1 rounded-md text-sm">
-                          <Timer size={20}/>
-                          <span>{name(resource)}</span>
-                        </div>
-                        <div className="flex text-xs text-weak">
-                          <span>{resource.resource_no}</span>
-                        </div>
-                        <div className="flex justify-between gap-2 text-xs text-weak">
-                          <span>
-                            到期时间：
-                            {format(resource.short.expire_at, 'yyyy-MM-dd HH:mm')}
-                          </span>
-                          <span>{intlFormatDistance(resource.short.expire_at, new Date())}</span>
-                        </div>
-                      </>
-                    )}
-                    {resource.type === 1 && resource.short.type === 2 && (
-                      <>
-                        <div className="flex gap-2 items-center bg-blue-50 w-fit px-2 py-1 rounded-md text-sm">
-                          <Box size={20}/>
-                          <span>{name(resource)}</span>
-                        </div>
-                        <div className="flex text-xs text-weak">
-                          <span>{resource.resource_no}</span>
-                        </div>
-                        <div className="flex justify-between gap-2 text-xs text-weak">
-                          <span>
-                            提取数量：
-                            {resource.short.used}
-                            {' '}
-                            /
-                            {resource.short.quota}
-                          </span>
-                          <span>
-                            剩余
-                            {resource.short.quota - resource.short.used}
-                          </span>
-                        </div>
-                      </>
-                    )}
-                    {resource.type === 2 && resource.long.type === 1 && (
-                      <>
-                        <div className="flex gap-2 items-center bg-green-50 w-fit px-2 py-1 rounded-md text-sm">
-                          <Timer size={20}/>
-                          <span>{name(resource)}</span>
-                        </div>
-                        <div className="flex text-xs text-weak">
-                          <span>{resource.resource_no}</span>
-                        </div>
-                        <div className="flex justify-between gap-2 text-xs text-weak">
-                          <span>
-                            到期时间：
-                            {format(resource.long.expire_at, 'yyyy-MM-dd HH:mm')}
-                          </span>
-                          <span>{intlFormatDistance(resource.long.expire_at, new Date())}</span>
-                        </div>
-                      </>
-                    )}
-                    {resource.type === 2 && resource.long.type === 2 && (
-                      <>
-                        <div className="flex gap-2 items-center bg-blue-50 w-fit px-2 py-1 rounded-md text-sm">
-                          <Box size={20}/>
-                          <span>{name(resource)}</span>
-                        </div>
-                        <div className="flex text-xs text-weak">
-                          <span>{resource.resource_no}</span>
-                        </div>
-                        <div className="flex justify-between gap-2 text-xs text-weak">
-                          <span>
-                            提取数量：
-                            {resource.long.used}
-                            {' '}
-                            /
-                            {resource.long.quota}
-                          </span>
-                          <span>
-                            剩余
-                            {resource.long.quota - resource.long.used}
-                          </span>
-                        </div>
-                      </>
-                    )}
-                  </div>
-                </SelectItem>
-                {i < resources.length - 1 && <SelectSeparator className="m-1"/>}
+                {resources.map(resource => (
+                  <SelectItem
+                    key={resource.id}
+                    value={String(resource.id)}
+                    className="p-3">
+                    <div className="flex flex-col gap-2 w-72">
+                      {resource.type === 1 && resource.short.type === 1 && (
+                        <>
+                          <div className="flex gap-2 items-center bg-green-50 w-fit px-2 py-1 rounded-md text-sm">
+                            <Timer size={20}/>
+                            <span>{name(resource)}</span>
+                          </div>
+                          <div className="flex text-xs text-weak">
+                            <span>{resource.resource_no}</span>
+                          </div>
+                          <div className="flex justify-between gap-2 text-xs text-weak">
+                            <span>
+                              到期时间：
+                              {format(resource.short.expire_at, 'yyyy-MM-dd HH:mm')}
+                            </span>
+                            <span>{intlFormatDistance(resource.short.expire_at, new Date())}</span>
+                          </div>
+                        </>
+                      )}
+                      {resource.type === 1 && resource.short.type === 2 && (
+                        <>
+                          <div className="flex gap-2 items-center bg-blue-50 w-fit px-2 py-1 rounded-md text-sm">
+                            <Box size={20}/>
+                            <span>{name(resource)}</span>
+                          </div>
+                          <div className="flex text-xs text-weak">
+                            <span>{resource.resource_no}</span>
+                          </div>
+                          <div className="flex justify-between gap-2 text-xs text-weak">
+                            <span>
+                              提取数量：
+                              {resource.short.used}
+                              {' '}
+                              /
+                              {resource.short.quota}
+                            </span>
+                            <span>
+                              剩余
+                              {resource.short.quota - resource.short.used}
+                            </span>
+                          </div>
+                        </>
+                      )}
+                      {resource.type === 2 && resource.long.type === 1 && (
+                        <>
+                          <div className="flex gap-2 items-center bg-green-50 w-fit px-2 py-1 rounded-md text-sm">
+                            <Timer size={20}/>
+                            <span>{name(resource)}</span>
+                          </div>
+                          <div className="flex text-xs text-weak">
+                            <span>{resource.resource_no}</span>
+                          </div>
+                          <div className="flex justify-between gap-2 text-xs text-weak">
+                            <span>
+                              到期时间：
+                              {format(resource.long.expire_at, 'yyyy-MM-dd HH:mm')}
+                            </span>
+                            <span>{intlFormatDistance(resource.long.expire_at, new Date())}</span>
+                          </div>
+                        </>
+                      )}
+                      {resource.type === 2 && resource.long.type === 2 && (
+                        <>
+                          <div className="flex gap-2 items-center bg-blue-50 w-fit px-2 py-1 rounded-md text-sm">
+                            <Box size={20}/>
+                            <span>{name(resource)}</span>
+                          </div>
+                          <div className="flex text-xs text-weak">
+                            <span>{resource.resource_no}</span>
+                          </div>
+                          <div className="flex justify-between gap-2 text-xs text-weak">
+                            <span>
+                              提取数量：
+                              {resource.long.used}
+                              {' '}
+                              /
+                              {resource.long.quota}
+                            </span>
+                            <span>
+                              剩余
+                              {resource.long.quota - resource.long.used}
+                            </span>
+                          </div>
+                        </>
+                      )}
+                    </div>
+                  </SelectItem>
+                ))}
               </>
-            ))}
+            )}
           </SelectContent>
         </Select>
       )}
diff --git a/src/components/composites/payment/payment-modal.tsx b/src/components/composites/payment/payment-modal.tsx
index 9d8920b..aa1bac7 100644
--- a/src/components/composites/payment/payment-modal.tsx
+++ b/src/components/composites/payment/payment-modal.tsx
@@ -62,12 +62,12 @@ export function PaymentModal(props: PaymentModalProps) {
         if (!open) handleClose()
       }}>
 
-      {/* {props.platform === TradePlatform.Mobile
+      {props.platform === TradePlatform.Mobile
         ? <MobilePayment {...props} onClose={handleClose}/>
         : <DesktopPayment {...props} onClose={handleClose}/>
-      } */}
+      }
 
-      <UniversalDesktopPayment {...props} onClose={handleClose}/>
+      {/* <UniversalDesktopPayment {...props} onClose={handleClose}/> */}
     </Dialog>
   )
 }
diff --git a/src/components/composites/purchase/long/form.tsx b/src/components/composites/purchase/long/form.tsx
index f41df10..ce9d86a 100644
--- a/src/components/composites/purchase/long/form.tsx
+++ b/src/components/composites/purchase/long/form.tsx
@@ -28,7 +28,7 @@ export default function LongForm() {
       quota: 500,
       expire: '30', // 天
       daily_limit: 100,
-      pay_type: 'wechat', // 余额支付
+      pay_type: 'balance', // 余额支付
     },
   })
 
diff --git a/src/components/composites/purchase/long/right.tsx b/src/components/composites/purchase/long/right.tsx
index ac25717..91a4111 100644
--- a/src/components/composites/purchase/long/right.tsx
+++ b/src/components/composites/purchase/long/right.tsx
@@ -164,7 +164,7 @@ function BalanceOrLogin(props: {
   const profile = use(useProfileStore(store => store.profile))
   return profile ? (
     <>
-      {/* <FieldPayment/> */}
+      <FieldPayment/>
       <Pay
         method={props.method}
         balance={profile.balance}
diff --git a/src/components/composites/purchase/shared/field-payment.tsx b/src/components/composites/purchase/shared/field-payment.tsx
index 79be16b..c300c16 100644
--- a/src/components/composites/purchase/shared/field-payment.tsx
+++ b/src/components/composites/purchase/shared/field-payment.tsx
@@ -4,9 +4,17 @@ import {FormField} from '@/components/ui/form'
 import Image from 'next/image'
 import alipay from '../_assets/alipay.svg'
 import wechat from '../_assets/wechat.svg'
+import balance from '../_assets/balance.svg'
+import RechargeModal from '@/components/composites/recharge'
+import {useProfileStore} from '@/components/stores/profile'
+import {use} from 'react'
+import Link from 'next/link'
+import {buttonVariants} from '@/components/ui/button'
 
 export function FieldPayment() {
-  return (
+  const profile = use(useProfileStore(store => store.profile))
+
+  return profile ? (
     <FormField name="pay_type" label="支付方式" className="flex flex-col gap-6">
       {({id, field}) => (
         <RadioGroup
@@ -15,7 +23,7 @@ export function FieldPayment() {
           onValueChange={field.onChange}
           className="flex flex-col gap-3">
 
-          {/* <div className="w-full p-3 flex flex-col gap-4 bg-gray-100 rounded-md">
+          <div className="w-full p-3 flex flex-col gap-4 bg-gray-100 rounded-md">
             <p className="flex items-center gap-3">
               <Image src={balance} alt="余额icon"/>
               <span className="text-sm text-gray-500">账户余额</span>
@@ -24,16 +32,15 @@ export function FieldPayment() {
               <span className="text-xl">{profile.balance}</span>
               <RechargeModal/>
             </p>
-          </div> */}
-
-          {/* <FormOption
+          </div>
+          <FormOption
             id={`${id}-balance`}
             value="balance"
             compare={field.value}
             className="p-3 w-full flex-row gap-2 justify-center">
             <Image src={balance} alt="余额 icon"/>
             <span>余额</span>
-          </FormOption> */}
+          </FormOption>
           <FormOption
             id={`${id}-wechat`}
             value="wechat"
@@ -53,5 +60,9 @@ export function FieldPayment() {
         </RadioGroup>
       )}
     </FormField>
+  ) : (
+    <Link href="/login" className={buttonVariants()}>
+      登录后支付
+    </Link>
   )
 }
diff --git a/src/components/composites/purchase/short/form.tsx b/src/components/composites/purchase/short/form.tsx
index dee7532..3cb54fb 100644
--- a/src/components/composites/purchase/short/form.tsx
+++ b/src/components/composites/purchase/short/form.tsx
@@ -28,7 +28,7 @@ export default function ShortForm() {
       quota: 10_000, // >= 10000
       expire: '30', // 天
       daily_limit: 2_000, // >= 2000
-      pay_type: 'wechat', // 余额支付
+      pay_type: 'balance', // 余额支付
     },
   })
 
diff --git a/src/components/composites/purchase/short/right.tsx b/src/components/composites/purchase/short/right.tsx
index 91fdf22..5ccb334 100644
--- a/src/components/composites/purchase/short/right.tsx
+++ b/src/components/composites/purchase/short/right.tsx
@@ -165,7 +165,7 @@ function BalanceOrLogin(props: {
   const profile = use(useProfileStore(store => store.profile))
   return profile ? (
     <>
-      {/* <FieldPayment/> */}
+      <FieldPayment/>
       <Pay
         method={props.method}
         balance={profile.balance}