## 주요 변경사항 ### 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
240 lines
6.3 KiB
TypeScript
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 };
|
|
}
|
|
}
|
|
|