产品管理价格做保留2位小数 & 账单详情列添加充值消费提示

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",

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: "创建时间",