- 작업지시 계획 문서 업데이트 - MES 통합 분석, 서버 컴포넌트 감사 계획 추가 - 수주관리, 인수인계서 API 연동 변경 이력 추가 - sub/ 하위 계획 문서들 추가 (카테고리, 계약, 품목, 단가 등) Co-Authored-By: Claude <noreply@anthropic.com>
144 lines
3.2 KiB
Markdown
144 lines
3.2 KiB
Markdown
# 품목관리 (Items) API 연동 계획
|
|
|
|
> **작성일**: 2026-01-08
|
|
> **상위 문서**: [construction-api-integration-plan.md](../construction-api-integration-plan.md)
|
|
> **상태**: ⏳ 대기
|
|
|
|
---
|
|
|
|
## 1. 컴포넌트 분석
|
|
|
|
### 1.1 파일 위치
|
|
```
|
|
react/src/
|
|
├── app/[locale]/(protected)/construction/order/base-info/items/
|
|
│ └── page.tsx
|
|
└── components/business/construction/item-management/
|
|
├── ItemManagementClient.tsx
|
|
├── actions.ts
|
|
└── types.ts
|
|
```
|
|
|
|
### 1.2 현재 Mock 데이터
|
|
|
|
**actions.ts 내 Mock 함수:**
|
|
```typescript
|
|
// getItemList에서 Mock 품목 데이터 생성
|
|
// 품목: 품목코드, 품목명, 카테고리, 규격, 단위, 단가 등
|
|
```
|
|
|
|
### 1.3 현재 함수 목록
|
|
|
|
| 함수명 | 용도 | Mock 상태 |
|
|
|--------|------|:--------:|
|
|
| `getItemList` | 품목 목록 조회 | ✅ Mock |
|
|
| `getItemStats` | 품목 통계 조회 | ✅ Mock |
|
|
| `deleteItem` | 품목 삭제 | ✅ Mock |
|
|
| `deleteItems` | 품목 일괄 삭제 | ✅ Mock |
|
|
| `getCategoryOptions` | 카테고리 옵션 조회 | ✅ Mock |
|
|
|
|
---
|
|
|
|
## 2. API 설계
|
|
|
|
### 2.1 엔드포인트
|
|
|
|
| Method | Endpoint | 용도 |
|
|
|--------|----------|------|
|
|
| GET | `/api/construction/items` | 목록 조회 |
|
|
| GET | `/api/construction/items/stats` | 통계 조회 |
|
|
| GET | `/api/construction/items/{id}` | 상세 조회 |
|
|
| POST | `/api/construction/items` | 등록 |
|
|
| PUT | `/api/construction/items/{id}` | 수정 |
|
|
| DELETE | `/api/construction/items/{id}` | 삭제 |
|
|
| DELETE | `/api/construction/items/bulk` | 일괄 삭제 |
|
|
| POST | `/api/construction/items/import` | 엑셀 일괄 등록 |
|
|
|
|
### 2.2 요청/응답 스키마
|
|
|
|
**목록 조회 Request:**
|
|
```typescript
|
|
interface GetItemListParams {
|
|
page?: number;
|
|
size?: number;
|
|
categoryId?: string;
|
|
status?: ItemStatus;
|
|
search?: string;
|
|
}
|
|
```
|
|
|
|
---
|
|
|
|
## 3. 작업 항목
|
|
|
|
### 3.1 Backend (API)
|
|
|
|
| # | 작업 | 상태 | 비고 |
|
|
|---|------|:----:|------|
|
|
| 1 | ItemController 생성 | ⏳ | 시공사용 |
|
|
| 2 | ItemService 생성 | ⏳ | |
|
|
| 3 | ItemFormRequest 생성 | ⏳ | |
|
|
| 4 | Item 모델 확인/수정 | ⏳ | |
|
|
| 5 | routes/api.php 등록 | ⏳ | |
|
|
| 6 | Swagger 문서 작성 | ⏳ | |
|
|
|
|
### 3.2 Frontend (React)
|
|
|
|
| # | 작업 | 상태 | 비고 |
|
|
|---|------|:----:|------|
|
|
| 1 | actions.ts Mock → API 변환 | ⏳ | |
|
|
| 2 | API 클라이언트 연동 | ⏳ | |
|
|
| 3 | 에러 핸들링 추가 | ⏳ | |
|
|
| 4 | types.ts 정합성 확인 | ⏳ | |
|
|
|
|
---
|
|
|
|
## 4. 타입 정의
|
|
|
|
### 4.1 Item 타입
|
|
|
|
```typescript
|
|
interface Item {
|
|
id: string;
|
|
itemCode: string;
|
|
itemName: string;
|
|
categoryId: string;
|
|
categoryName: string;
|
|
specification?: string;
|
|
unit: string;
|
|
unitPrice: number;
|
|
status: ItemStatus;
|
|
description?: string;
|
|
createdAt: string;
|
|
updatedAt: string;
|
|
}
|
|
|
|
type ItemStatus = 'active' | 'inactive' | 'discontinued';
|
|
```
|
|
|
|
### 4.2 ItemStats 타입
|
|
|
|
```typescript
|
|
interface ItemStats {
|
|
total: number;
|
|
active: number;
|
|
inactive: number;
|
|
byCategory: {
|
|
categoryId: string;
|
|
categoryName: string;
|
|
count: number;
|
|
}[];
|
|
}
|
|
```
|
|
|
|
---
|
|
|
|
## 5. 변경 이력
|
|
|
|
| 날짜 | 작업 | 상태 |
|
|
|------|------|------|
|
|
| 2026-01-08 | 문서 초안 작성 | ✅ |
|
|
|
|
---
|
|
|
|
*상위 문서: [construction-api-integration-plan.md](../construction-api-integration-plan.md)* |