From 7479b83f1337c244a50718aeb67d035eaee188d6 Mon Sep 17 00:00:00 2001
From: Eamon <17516219072@163.com>
Date: Mon, 30 Mar 2026 16:14:25 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BA=A7=E5=93=81=E7=AE=A1=E7=90=86=E4=BB=B7?=
 =?UTF-8?q?=E6=A0=BC=E5=81=9A=E4=BF=9D=E7=95=992=E4=BD=8D=E5=B0=8F?=
 =?UTF-8?q?=E6=95=B0=20=20&=20=E8=B4=A6=E5=8D=95=E8=AF=A6=E6=83=85?=
 =?UTF-8?q?=E5=88=97=E6=B7=BB=E5=8A=A0=E5=85=85=E5=80=BC=E6=B6=88=E8=B4=B9?=
 =?UTF-8?q?=E6=8F=90=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app/(root)/billing/page.tsx | 37 +++++++++++++++++++++++++++++++++
 src/app/(root)/product/page.tsx | 10 +++++----
 2 files changed, 43 insertions(+), 4 deletions(-)

diff --git a/src/app/(root)/billing/page.tsx b/src/app/(root)/billing/page.tsx
index c378957..4ea2ca0 100644
--- a/src/app/(root)/billing/page.tsx
+++ b/src/app/(root)/billing/page.tsx
@@ -1,6 +1,7 @@
 "use client"
 import { zodResolver } from "@hookform/resolvers/zod"
 import { format } from "date-fns"
+import { CreditCard } from "lucide-react"
 import { Suspense, useEffect, useState } from "react"
 import { Controller, useForm } from "react-hook-form"
 import { toast } from "sonner"
@@ -342,6 +343,42 @@ export default function BillingPage() {
             { header: "ID", accessorKey: "id" },
             { header: "会员号", accessorFn: row => row.user?.phone || "-" },
             { header: "套餐号", accessorKey: "resource.resource_no" },
+            {
+              header: "账单详情",
+              accessorKey: "info",
+              cell: ({ row }) => {
+                const bill = row.original
+
+                return (
+                  <div className="flex items-center gap-2">
+                    {/* 类型展示 */}
+                    <div className="shrink-0">
+                      {bill.type === 1 && (
+                        <div className="flex gap-2 items-center bg-orange-50 w-fit px-2 py-1 rounded-md">
+                          <CreditCard size={16} />
+                          <span>消费</span>
+                        </div>
+                      )}
+                      {bill.type === 2 && (
+                        <div className="flex gap-2 items-center bg-green-50 w-fit px-2 py-1 rounded-md">
+                          <CreditCard size={16} />
+                          <span>退款</span>
+                        </div>
+                      )}
+                      {bill.type === 3 && (
+                        <div className="flex gap-2 items-center bg-blue-50 w-fit px-2 py-1 rounded-md">
+                          <CreditCard size={16} />
+                          <span>充值</span>
+                        </div>
+                      )}
+                    </div>
+
+                    {/* 账单详情 */}
+                    <div className="text-sm">{bill.info}</div>
+                  </div>
+                )
+              },
+            },
             {
               header: "应付金额",
               accessorKey: "amount",
diff --git a/src/app/(root)/product/page.tsx b/src/app/(root)/product/page.tsx
index 087bb4d..10dbed3 100644
--- a/src/app/(root)/product/page.tsx
+++ b/src/app/(root)/product/page.tsx
@@ -121,14 +121,16 @@ function ProductSkus(props: { selected?: number }) {
           columns={[
             { header: "套餐编码", accessorKey: "code" },
             { header: "套餐名称", accessorKey: "name" },
-            { header: "单价", accessorKey: "price" },
+            { header: "单价", accessorFn: row => Number(row.price).toFixed(2) },
             { header: "折扣", accessorFn: row => row.discount?.name ?? "—" },
             {
               header: "最终价格",
-              accessorFn: row =>
-                row.discount
+              accessorFn: row => {
+                const value = row.discount
                   ? (Number(row.price) * Number(row.discount.discount)) / 100
-                  : Number(row.price),
+                  : Number(row.price)
+                return Number(value.toFixed(2))
+              },
             },
             {
               header: "创建时间",