feat: implement warehouse query dashboard with live SQL Server data

Convert the Demo UI component into a working Next.js TypeScript page
that fetches live data from the API routes with debounced search,
loading/error states, server-side filtering, sorting, and pagination.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Misaka_Company
2026-06-04 09:47:55 +08:00
parent 425fbbea28
commit 086ad62614
3 changed files with 439 additions and 97 deletions

View File

@@ -1,20 +1,9 @@
import type { Metadata } from "next";
import { Geist, Geist_Mono } from "next/font/google";
import "./globals.css";
const geistSans = Geist({
variable: "--font-geist-sans",
subsets: ["latin"],
});
const geistMono = Geist_Mono({
variable: "--font-geist-mono",
subsets: ["latin"],
});
export const metadata: Metadata = {
title: "Create Next App",
description: "Generated by create next app",
title: "成品仓库数据查询系统",
description: "Finished Goods Warehouse Query System — 成品库存实时查询",
};
export default function RootLayout({
@@ -23,10 +12,7 @@ export default function RootLayout({
children: React.ReactNode;
}>) {
return (
<html
lang="en"
className={`${geistSans.variable} ${geistMono.variable} h-full antialiased`}
>
<html lang="zh-CN" className="h-full antialiased">
<body className="min-h-full flex flex-col">{children}</body>
</html>
);