From d0d2eaa2de58a0c33e9a21604b126961403cd69e Mon Sep 17 00:00:00 2001 From: dujinkim Date: Wed, 14 May 2025 06:12:13 +0000 Subject: (최겸) 기술영업 조선, 해양Top, 해양 Hull 아이템 리스트 개발(CRUD, excel import/export/template) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- lib/items-ship/table/Items-ship-table.tsx | 141 ------------------------------ 1 file changed, 141 deletions(-) delete mode 100644 lib/items-ship/table/Items-ship-table.tsx (limited to 'lib/items-ship/table/Items-ship-table.tsx') diff --git a/lib/items-ship/table/Items-ship-table.tsx b/lib/items-ship/table/Items-ship-table.tsx deleted file mode 100644 index 6fec9ac0..00000000 --- a/lib/items-ship/table/Items-ship-table.tsx +++ /dev/null @@ -1,141 +0,0 @@ -"use client" - -import * as React from "react" -import type { - DataTableFilterField, - DataTableAdvancedFilterField, - DataTableRowAction, -} from "@/types/table" - -import { useDataTable } from "@/hooks/use-data-table" -import { DataTable } from "@/components/data-table/data-table" -import { DataTableAdvancedToolbar } from "@/components/data-table/data-table-advanced-toolbar" -import { getShipbuildingItems } from "../service" -import { getShipbuildingColumns } from "./items-ship-table-columns" -import { ItemsTableToolbarActions } from "./items-table-toolbar-actions" -import { DeleteItemsDialog } from "./delete-items-dialog" -import { UpdateItemSheet } from "./update-items-sheet" - -// 서비스에서 반환하는 데이터 타입 정의 -type ShipbuildingItem = { - id: number; - itemId: number; - workType: "기장" | "전장" | "선실" | "배관" | "철의"; - shipTypes: string; - itemCode: string; - itemName: string; - description: string | null; - createdAt: Date; - updatedAt: Date; -} - -interface ItemsTableProps { - promises: Promise>> -} - -export function ItemsShipTable({ promises }: ItemsTableProps) { - const { data, pageCount } = React.use(promises) - - // 아이템 타입에 따른 행 액션 상태 관리 - const [rowAction, setRowAction] = React.useState | null>(null) - const columns = getShipbuildingColumns({ setRowAction }) - const filterFields: DataTableFilterField[] = [ - { - id: "itemCode", - label: "Item Code", - }, - { - id: "itemName", - label: "Item Name", - }, - { - id: "workType", - label: "기능(공종)", - }, - { - id: "shipTypes", - label: "선종", - }, - ] - - /** - * Advanced filter fields for the data table. - * These fields provide more complex filtering options compared to the regular filterFields. - * - * Key differences from regular filterFields: - * 1. More field types: Includes 'text', 'multi-select', 'date', and 'boolean'. - * 2. Enhanced flexibility: Allows for more precise and varied filtering options. - * 3. Used with DataTableAdvancedToolbar: Enables a more sophisticated filtering UI. - * 4. Date and boolean types: Adds support for filtering by date ranges and boolean values. - */ - - const advancedFilterFields: DataTableAdvancedFilterField[] = [ - { - id: "itemCode", - label: "Item Code", - type: "text", - }, - { - id: "itemName", - label: "Item Name", - type: "text", - }, - { - id: "description", - label: "Description", - type: "text", - }, - { - id: "workType", - label: "기능(공종)", - type: "text", - }, - { - id: "shipTypes", - label: "선종", - type: "text", - }, - ] - - const { table } = useDataTable({ - data, - columns, - pageCount, - filterFields, - enablePinning: true, - enableAdvancedFilter: true, - initialState: { - sorting: [{ id: "createdAt", desc: true }], - columnPinning: { right: ["actions"] }, - }, - getRowId: (originalRow) => String(originalRow.id), - shallow: false, - clearOnDefault: true, - }) - - return ( - <> - - - - - - {/* setRowAction(null)} - item={rowAction?.row.original as ShipbuildingItem} - /> */} - setRowAction(null)} - items={rowAction?.row.original ? [rowAction?.row.original] : []} - showTrigger={false} - onSuccess={() => rowAction?.row.toggleSelected(false)} - /> - - ) -} -- cgit v1.2.3