mama/star-erp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

UI優化: 全系統狀態標籤 (StatusBadge) 統一化重構完成 (Phase 3 & 4)
All checks were successful
Koori-ERP-Deploy-System / deploy-demo (push) Has been skipped
Details
Koori-ERP-Deploy-System / deploy-production (push) Successful in 1m8s
Details

Browse Source
This commit is contained in:
sky121113
2026-02-13 13:16:05 +08:00
parent b8cbf0bb6d 097708aab7
commit 4fa87925a2
56 changed files with 3343 additions and 429 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
resources/js/Pages/Inventory/Transfer/Index.tsx
View File

@@ -4,6 +4,7 @@ import AuthenticatedLayout from "@/Layouts/AuthenticatedLayout";
import { Head, Link, router } from "@inertiajs/react";
import { debounce } from "lodash";
import { SearchableSelect } from "@/Components/ui/searchable-select";
import { StatusBadge } from "@/Components/shared/StatusBadge";
import {
Table,
TableBody,
@@ -14,7 +15,6 @@ import {
} from "@/Components/ui/table";
import { Button } from "@/Components/ui/button";
import { Input } from "@/Components/ui/input";
import { Badge } from "@/Components/ui/badge";
import {
Dialog,
DialogContent,
@@ -160,13 +160,15 @@ export default function Index({ warehouses, orders, filters }: any) {
const getStatusBadge = (status: string) => {
switch (status) {
case 'draft':
return <Badge variant="secondary">草稿</Badge>;
return <StatusBadge variant="neutral">草稿</StatusBadge>;
case 'dispatched':
return <StatusBadge variant="info">配送中</StatusBadge>;
case 'completed':
return <Badge className="bg-green-500 hover:bg-green-600">已完成</Badge>;
return <StatusBadge variant="success">已完成</StatusBadge>;
case 'voided':
return <Badge variant="destructive">已作廢</Badge>;
return <StatusBadge variant="destructive">已作廢</StatusBadge>;
default:
return <Badge variant="outline">{status}</Badge>;
return <StatusBadge variant="neutral">{status}</StatusBadge>;
}
};
@@ -287,12 +289,12 @@ export default function Index({ warehouses, orders, filters }: any) {
<TableRow>
<TableHead className="w-[50px] text-center font-medium text-gray-600">#</TableHead>
<TableHead className="font-medium text-gray-600">單號</TableHead>
<TableHead className="text-center font-medium text-gray-600">狀態</TableHead>
<TableHead className="font-medium text-gray-600">來源倉庫</TableHead>
<TableHead className="font-medium text-gray-600">目的倉庫</TableHead>
<TableHead className="font-medium text-gray-600">建立日期</TableHead>
<TableHead className="font-medium text-gray-600">過帳日期</TableHead>
<TableHead className="font-medium text-gray-600">建立人員</TableHead>
<TableHead className="text-center font-medium text-gray-600">狀態</TableHead>
<TableHead className="text-center font-medium text-gray-600">操作</TableHead>
</TableRow>
</TableHeader>
@@ -314,12 +316,12 @@ export default function Index({ warehouses, orders, filters }: any) {
{(orders.current_page - 1) * orders.per_page + index + 1}
</TableCell>
<TableCell className="font-medium text-primary-main">{order.doc_no}</TableCell>
<TableCell className="text-center">{getStatusBadge(order.status)}</TableCell>
<TableCell className="text-gray-700">{order.from_warehouse_name}</TableCell>
<TableCell className="text-gray-700">{order.to_warehouse_name}</TableCell>
<TableCell className="text-gray-500 text-sm">{order.created_at}</TableCell>
<TableCell className="text-gray-500 text-sm">{order.posted_at || '-'}</TableCell>
<TableCell className="text-sm">{order.created_by}</TableCell>
<TableCell className="text-center">{getStatusBadge(order.status)}</TableCell>
<TableCell className="text-center">
<div className="flex items-center justify-center gap-2" onClick={(e) => e.stopPropagation()}>
{(() => {