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

style: 統一所有表格標題樣式為一般粗細並修正排序功能
All checks were successful
Koori-ERP-Deploy-System / deploy-demo (push) Successful in 56s
Details
Koori-ERP-Deploy-System / deploy-production (push) Has been skipped
Details

Browse Source
This commit is contained in:
sky121113
2026-01-19 09:30:02 +08:00
parent 0d7bb2758d
commit 74417e2e31
12 changed files with 311 additions and 62 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
resources/js/Components/Product/ProductTable.tsx
View File

@@ -75,22 +75,22 @@ export default function ProductTable({
<TableRow>
<TableHead className="w-[50px] text-center">#</TableHead>
<TableHead>
<button onClick={() => onSort("code")} className="flex items-center hover:text-gray-900 font-semibold">
<button onClick={() => onSort("code")} className="flex items-center hover:text-gray-900">
商品編號 <SortIcon field="code" />
</button>
</TableHead>
<TableHead>
<button onClick={() => onSort("name")} className="flex items-center hover:text-gray-900 font-semibold">
<button onClick={() => onSort("name")} className="flex items-center hover:text-gray-900">
商品名稱 <SortIcon field="name" />
</button>
</TableHead>
<TableHead>
<button onClick={() => onSort("category_id")} className="flex items-center hover:text-gray-900 font-semibold">
<button onClick={() => onSort("category_id")} className="flex items-center hover:text-gray-900">
分類 <SortIcon field="category_id" />
</button>
</TableHead>
<TableHead>
<button onClick={() => onSort("base_unit_id")} className="flex items-center hover:text-gray-900 font-semibold">
<button onClick={() => onSort("base_unit_id")} className="flex items-center hover:text-gray-900">
基本單位 <SortIcon field="base_unit_id" />
</button>
</TableHead>

14
resources/js/Components/PurchaseOrder/PurchaseOrderTable.tsx
View File

@@ -123,7 +123,7 @@ export default function PurchaseOrderTable({
<TableHead className="w-[180px]">
<button
onClick={() => handleSort("poNumber")}
className="flex items-center gap-2 hover:text-foreground transition-colors font-semibold"
className="flex items-center gap-2 hover:text-foreground transition-colors"
>
採購單編號
<SortIcon field="poNumber" />
@@ -132,7 +132,7 @@ export default function PurchaseOrderTable({
<TableHead className="w-[200px]">
<button
onClick={() => handleSort("warehouse_name")}
className="flex items-center gap-2 hover:text-foreground transition-colors font-semibold"
className="flex items-center gap-2 hover:text-foreground transition-colors"
>
預計入庫倉庫
<SortIcon field="warehouse_name" />
@@ -141,7 +141,7 @@ export default function PurchaseOrderTable({
<TableHead className="w-[180px]">
<button
onClick={() => handleSort("supplierName")}
className="flex items-center gap-2 hover:text-foreground transition-colors font-semibold"
className="flex items-center gap-2 hover:text-foreground transition-colors"
>
供應商
<SortIcon field="supplierName" />
@@ -150,7 +150,7 @@ export default function PurchaseOrderTable({
<TableHead className="w-[150px]">
<button
onClick={() => handleSort("createdAt")}
className="flex items-center gap-2 hover:text-foreground transition-colors font-semibold"
className="flex items-center gap-2 hover:text-foreground transition-colors"
>
建立日期
<SortIcon field="createdAt" />
@@ -159,7 +159,7 @@ export default function PurchaseOrderTable({
<TableHead className="w-[140px] text-right">
<button
onClick={() => handleSort("totalAmount")}
className="flex items-center gap-2 ml-auto hover:text-foreground transition-colors font-semibold"
className="flex items-center gap-2 ml-auto hover:text-foreground transition-colors"
>
總金額
<SortIcon field="totalAmount" />
@@ -168,13 +168,13 @@ export default function PurchaseOrderTable({
<TableHead className="w-[120px]">
<button
onClick={() => handleSort("status")}
className="flex items-center gap-2 hover:text-foreground transition-colors font-semibold"
className="flex items-center gap-2 hover:text-foreground transition-colors"
>
狀態
<SortIcon field="status" />
</button>
</TableHead>
<TableHead className="text-center font-semibold">操作</TableHead>
<TableHead className="text-center">操作</TableHead>
</TableRow>
</TableHeader>
<TableBody>

10
resources/js/Components/Vendor/SupplyProductList.tsx vendored
View File

@@ -27,14 +27,14 @@ export default function SupplyProductList({
<TableHeader>
<TableRow>
<TableHead className="w-[50px] text-center">#</TableHead>
<TableHead className="font-semibold">商品名稱</TableHead>
<TableHead className="font-semibold">基本單位</TableHead>
<TableHead className="font-semibold">轉換率</TableHead>
<TableHead className="text-right font-semibold">
<TableHead>商品名稱</TableHead>
<TableHead>基本單位</TableHead>
<TableHead>轉換率</TableHead>
<TableHead className="text-right">
上次採購單價
<div className="text-xs font-normal text-muted-foreground">(以基本單位計算)</div>
</TableHead>
<TableHead className="text-center font-semibold w-[150px]">操作</TableHead>
<TableHead className="text-center w-[150px]">操作</TableHead>
</TableRow>
</TableHeader>
<TableBody>

10
resources/js/Components/Vendor/VendorTable.tsx vendored
View File

@@ -61,27 +61,27 @@ export default function VendorTable({
<TableRow>
<TableHead className="w-[50px] text-center">#</TableHead>
<TableHead>
<button onClick={() => onSort("code")} className="flex items-center hover:text-gray-900 font-semibold">
<button onClick={() => onSort("code")} className="flex items-center hover:text-gray-900">
編號 <SortIcon field="code" />
</button>
</TableHead>
<TableHead>
<button onClick={() => onSort("name")} className="flex items-center hover:text-gray-900 font-semibold">
<button onClick={() => onSort("name")} className="flex items-center hover:text-gray-900">
廠商名稱 <SortIcon field="name" />
</button>
</TableHead>
<TableHead>
<button onClick={() => onSort("owner")} className="flex items-center hover:text-gray-900 font-semibold">
<button onClick={() => onSort("owner")} className="flex items-center hover:text-gray-900">
負責人 <SortIcon field="owner" />
</button>
</TableHead>
<TableHead>
<button onClick={() => onSort("contact_name")} className="flex items-center hover:text-gray-900 font-semibold">
<button onClick={() => onSort("contact_name")} className="flex items-center hover:text-gray-900">
聯絡人 <SortIcon field="contact_name" />
</button>
</TableHead>
<TableHead>
<button onClick={() => onSort("phone")} className="flex items-center hover:text-gray-900 font-semibold">
<button onClick={() => onSort("phone")} className="flex items-center hover:text-gray-900">
聯絡電話 <SortIcon field="phone" />
</button>
</TableHead>

12
resources/js/Components/Warehouse/Inventory/InventoryTable.tsx
View File

@@ -183,37 +183,37 @@ export default function InventoryTable({
<TableRow className="bg-gray-50/50">
<TableHead className="w-[50px] text-center">#</TableHead>
<TableHead className="w-[25%]">
<button onClick={() => handleSort("productName")} className="flex items-center hover:text-gray-900 font-semibold">
<button onClick={() => handleSort("productName")} className="flex items-center hover:text-gray-900">
商品資訊 <SortIcon field="productName" />
</button>
</TableHead>
<TableHead className="w-[10%] text-right">
<div className="flex justify-end">
<button onClick={() => handleSort("quantity")} className="flex items-center hover:text-gray-900 font-semibold">
<button onClick={() => handleSort("quantity")} className="flex items-center hover:text-gray-900">
庫存數量 <SortIcon field="quantity" />
</button>
</div>
</TableHead>
<TableHead className="w-[12%]">
<button onClick={() => handleSort("lastInboundDate")} className="flex items-center hover:text-gray-900 font-semibold">
<button onClick={() => handleSort("lastInboundDate")} className="flex items-center hover:text-gray-900">
最新入庫 <SortIcon field="lastInboundDate" />
</button>
</TableHead>
<TableHead className="w-[12%]">
<button onClick={() => handleSort("lastOutboundDate")} className="flex items-center hover:text-gray-900 font-semibold">
<button onClick={() => handleSort("lastOutboundDate")} className="flex items-center hover:text-gray-900">
最新出庫 <SortIcon field="lastOutboundDate" />
</button>
</TableHead>
<TableHead className="w-[10%] text-right">
<div className="flex justify-end">
<button onClick={() => handleSort("safetyStock")} className="flex items-center hover:text-gray-900 font-semibold">
<button onClick={() => handleSort("safetyStock")} className="flex items-center hover:text-gray-900">
安全庫存 <SortIcon field="safetyStock" />
</button>
</div>
</TableHead>
<TableHead className="w-[10%] text-center">
<div className="flex justify-center">
<button onClick={() => handleSort("status")} className="flex items-center hover:text-gray-900 font-semibold">
<button onClick={() => handleSort("status")} className="flex items-center hover:text-gray-900">
狀態 <SortIcon field="status" />
</button>
</div>