补充个人中心下的页面

src/components/composites/accountCell.tsx

@@ -0,0 +1,21 @@
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipTrigger,
+} from "@/components/ui/tooltip"
+import { cutAccount } from "@/lib/models/order"
+
+// 订单账号单元格：过长时截断并用 Tooltip 展示完整内容
+export default function AccountCell({ accounts }: { accounts: string }) {
+  const isCut = accounts.length > 15
+  if (!isCut) return <span className="truncate">{accounts}</span>
+
+  return (
+    <Tooltip>
+      <TooltipTrigger asChild>
+        <span className="cursor-default truncate">{cutAccount(accounts)}</span>
+      </TooltipTrigger>
+      <TooltipContent className="max-w-80 break-all">{accounts}</TooltipContent>
+    </Tooltip>
+  )
+}