Files
vexplor/frontend/lib/api/tableCategoryValue.ts
kjs 658211b9d1 feat: 화면 복사 기능 개선 및 버튼 모달 설정 수정
## 주요 변경사항

### 1. 화면 복사 기능 강화
- 최고 관리자가 다른 회사로 화면 복사 가능하도록 개선
- 메인 화면과 연결된 모달 화면 자동 감지 및 일괄 복사
- 복사 시 버튼의 targetScreenId 자동 업데이트
- 일괄 이름 변경 기능 추가 (복사본 텍스트 제거)
- 중복 화면명 체크 기능 추가

#### 백엔드 (screenManagementService.ts)
- generateMultipleScreenCodes: 여러 화면 코드 일괄 생성 (Advisory Lock 사용)
- detectLinkedModalScreens: edit 액션도 모달로 감지하도록 개선
- checkDuplicateScreenName: 중복 화면명 체크 API 추가
- copyScreenWithModals: 메인+모달 일괄 복사 및 버튼 업데이트
- updateButtonTargetScreenIds: 복사된 모달로 버튼 targetScreenId 업데이트
- updated_date 컬럼 제거 (screen_layouts 테이블에 존재하지 않음)

#### 프론트엔드 (CopyScreenModal.tsx)
- 회사 선택 UI 추가 (최고 관리자 전용)
- 연결된 모달 화면 자동 감지 및 표시
- 일괄 이름 변경 기능 (텍스트 제거/추가)
- 실시간 미리보기
- 중복 화면명 체크

### 2. 버튼 설정 모달 화면 선택 개선
- 편집 중인 화면의 company_code 기준으로 화면 목록 조회
- 최고 관리자가 다른 회사 화면 편집 시 해당 회사의 모달 화면만 표시
- targetScreenId 문자열/숫자 타입 불일치 수정

#### 백엔드 (screenManagementController.ts)
- getScreens API에 companyCode 쿼리 파라미터 추가
- 최고 관리자는 다른 회사의 화면 목록 조회 가능

#### 프론트엔드
- ButtonConfigPanel: currentScreenCompanyCode props 추가
- DetailSettingsPanel: currentScreenCompanyCode 전달
- UnifiedPropertiesPanel: currentScreenCompanyCode 전달
- ScreenDesigner: selectedScreen.companyCode 전달
- targetScreenId 비교 시 parseInt 처리 (문자열→숫자)

### 3. 카테고리 메뉴별 컬럼 분리 기능
- 메뉴별로 카테고리 컬럼을 독립적으로 관리
- 카테고리 컬럼 추가/삭제 시 메뉴 스코프 적용

## 수정된 파일
- backend-node/src/services/screenManagementService.ts
- backend-node/src/controllers/screenManagementController.ts
- backend-node/src/routes/screenManagementRoutes.ts
- frontend/components/screen/CopyScreenModal.tsx
- frontend/components/screen/config-panels/ButtonConfigPanel.tsx
- frontend/components/screen/panels/DetailSettingsPanel.tsx
- frontend/components/screen/panels/UnifiedPropertiesPanel.tsx
- frontend/components/screen/ScreenDesigner.tsx
- frontend/lib/api/screen.ts
2025-11-13 12:17:10 +09:00

240 lines
6.3 KiB
TypeScript

import { apiClient } from "./client";
import {
TableCategoryValue,
CategoryColumn,
} from "@/types/tableCategoryValue";
/**
* 테이블의 카테고리 컬럼 목록 조회
*/
export async function getCategoryColumns(tableName: string) {
try {
const response = await apiClient.get<{
success: boolean;
data: CategoryColumn[];
}>(`/table-categories/${tableName}/columns`);
return response.data;
} catch (error: any) {
console.error("카테고리 컬럼 조회 실패:", error);
return { success: false, error: error.message };
}
}
/**
* 카테고리 값 목록 조회 (메뉴 스코프)
*
* @param tableName 테이블명
* @param columnName 컬럼명
* @param includeInactive 비활성 값 포함 여부
* @param menuObjid 메뉴 OBJID (선택사항, 제공 시 형제 메뉴의 카테고리 값 포함)
*/
export async function getCategoryValues(
tableName: string,
columnName: string,
includeInactive: boolean = false,
menuObjid?: number
) {
try {
const params: any = { includeInactive };
if (menuObjid) {
params.menuObjid = menuObjid;
}
const response = await apiClient.get<{
success: boolean;
data: TableCategoryValue[];
}>(`/table-categories/${tableName}/${columnName}/values`, {
params,
});
return response.data;
} catch (error: any) {
console.error("카테고리 값 조회 실패:", error);
return { success: false, error: error.message };
}
}
/**
* 카테고리 값 추가 (메뉴 스코프)
*
* @param value 카테고리 값 정보
* @param menuObjid 메뉴 OBJID (필수)
*/
export async function addCategoryValue(
value: TableCategoryValue,
menuObjid: number
) {
try {
const response = await apiClient.post<{
success: boolean;
data: TableCategoryValue;
}>("/table-categories/values", {
...value,
menuObjid, // ← menuObjid 포함
});
return response.data;
} catch (error: any) {
console.error("카테고리 값 추가 실패:", error);
return { success: false, error: error.message };
}
}
/**
* 카테고리 값 수정
*/
export async function updateCategoryValue(
valueId: number,
updates: Partial<TableCategoryValue>
) {
try {
const response = await apiClient.put<{
success: boolean;
data: TableCategoryValue;
}>(`/table-categories/values/${valueId}`, updates);
return response.data;
} catch (error: any) {
console.error("카테고리 값 수정 실패:", error);
return { success: false, error: error.message };
}
}
/**
* 카테고리 값 삭제
*/
export async function deleteCategoryValue(valueId: number) {
try {
const response = await apiClient.delete<{
success: boolean;
message: string;
}>(`/table-categories/values/${valueId}`);
return response.data;
} catch (error: any) {
console.error("카테고리 값 삭제 실패:", error);
return { success: false, error: error.message };
}
}
/**
* 카테고리 값 일괄 삭제
*/
export async function bulkDeleteCategoryValues(valueIds: number[]) {
try {
const response = await apiClient.post<{
success: boolean;
message: string;
}>("/table-categories/values/bulk-delete", { valueIds });
return response.data;
} catch (error: any) {
console.error("카테고리 값 일괄 삭제 실패:", error);
return { success: false, error: error.message };
}
}
/**
* 카테고리 값 순서 변경
*/
export async function reorderCategoryValues(orderedValueIds: number[]) {
try {
const response = await apiClient.post<{
success: boolean;
message: string;
}>("/table-categories/values/reorder", { orderedValueIds });
return response.data;
} catch (error: any) {
console.error("카테고리 값 순서 변경 실패:", error);
return { success: false, error: error.message };
}
}
// ================================================
// 컬럼 매핑 관련 API (논리명 ↔ 물리명)
// ================================================
/**
* 컬럼 매핑 조회
*
* @param tableName - 테이블명
* @param menuObjid - 메뉴 OBJID
* @returns { logical_column: physical_column } 형태의 매핑 객체
*/
export async function getColumnMapping(tableName: string, menuObjid: number) {
try {
const response = await apiClient.get<{
success: boolean;
data: Record<string, string>;
}>(`/table-categories/column-mapping/${tableName}/${menuObjid}`);
return response.data;
} catch (error: any) {
console.error("컬럼 매핑 조회 실패:", error);
return { success: false, error: error.message, data: {} };
}
}
/**
* 논리적 컬럼 목록 조회
*
* @param tableName - 테이블명
* @param menuObjid - 메뉴 OBJID
* @returns 논리적 컬럼 목록
*/
export async function getLogicalColumns(tableName: string, menuObjid: number) {
try {
const response = await apiClient.get<{
success: boolean;
data: Array<{
mappingId: number;
logicalColumnName: string;
physicalColumnName: string;
description?: string;
}>;
}>(`/table-categories/logical-columns/${tableName}/${menuObjid}`);
return response.data;
} catch (error: any) {
console.error("논리적 컬럼 목록 조회 실패:", error);
return { success: false, error: error.message, data: [] };
}
}
/**
* 컬럼 매핑 생성/수정
*
* @param data - 컬럼 매핑 정보
*/
export async function createColumnMapping(data: {
tableName: string;
logicalColumnName: string;
physicalColumnName: string;
menuObjid: number;
description?: string;
}) {
try {
const response = await apiClient.post<{
success: boolean;
data: any;
message: string;
}>("/table-categories/column-mapping", data);
return response.data;
} catch (error: any) {
console.error("컬럼 매핑 생성 실패:", error);
return { success: false, error: error.message };
}
}
/**
* 컬럼 매핑 삭제
*
* @param mappingId - 매핑 ID
*/
export async function deleteColumnMapping(mappingId: number) {
try {
const response = await apiClient.delete<{
success: boolean;
message: string;
}>(`/table-categories/column-mapping/${mappingId}`);
return response.data;
} catch (error: any) {
console.error("컬럼 매핑 삭제 실패:", error);
return { success: false, error: error.message };
}
}