jskim/vexplor_dev
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

제어관리 수정

Browse Source
This commit is contained in:
kjs
2025-10-02 11:12:45 +09:00
parent 3f76d16afe
commit db25b0435f
6 changed files with 539 additions and 160 deletions
Download Patch File Download Diff File Expand all files Collapse all files

50
frontend/components/dataflow/DataFlowList.tsx
View File

@@ -68,7 +68,7 @@ export default function DataFlowList({ onDesignDiagram }: DataFlowListProps) {
tables.push(relationships.toTable.tableName);
}
// 관계 수 계산 (actionGroups 기준)
// 제어 수 계산 (actionGroups 기준)
const actionGroups = relationships.actionGroups || [];
const relationshipCount = actionGroups.reduce((count: number, group: any) => {
return count + (group.actions?.length || 0);
@@ -79,7 +79,7 @@ export default function DataFlowList({ onDesignDiagram }: DataFlowListProps) {
relationshipId: diagram.diagram_id, // 호환성을 위해 추가
diagramName: diagram.diagram_name,
connectionType: relationships.connectionType || "data_save", // 실제 연결 타입 사용
relationshipType: "multi-relationship", // 다중 관계 타입
relationshipType: "multi-relationship", // 다중 제어 타입
relationshipCount: relationshipCount || 1, // 최소 1개는 있다고 가정
tableCount: tables.length,
tables: tables,
@@ -96,14 +96,14 @@ export default function DataFlowList({ onDesignDiagram }: DataFlowListProps) {
setTotal(response.pagination.total || 0);
setTotalPages(Math.max(1, Math.ceil((response.pagination.total || 0) / 20)));
} catch (error) {
console.error("관계 목록 조회 실패", error);
toast.error("관계 목록을 불러오는데 실패했습니다.");
console.error("제어 목록 조회 실패", error);
toast.error("제어 목록을 불러오는데 실패했습니다.");
} finally {
setLoading(false);
}
}, [currentPage, searchTerm, companyCode]);
// 관계 목록 로드
// 제어 목록 로드
useEffect(() => {
loadDiagrams();
}, [loadDiagrams]);
@@ -130,13 +130,13 @@ export default function DataFlowList({ onDesignDiagram }: DataFlowListProps) {
undefined,
user?.userId || "SYSTEM",
);
toast.success(`관계가 성공적으로 복사되었습니다: ${copiedDiagram.diagram_name}`);
toast.success(`제어가 성공적으로 복사되었습니다: ${copiedDiagram.diagram_name}`);
// 목록 새로고침
await loadDiagrams();
} catch (error) {
console.error("관계 복사 실패:", error);
toast.error("관계 복사에 실패했습니다.");
console.error("제어 복사 실패:", error);
toast.error("제어 복사에 실패했습니다.");
} finally {
setLoading(false);
setShowCopyModal(false);
@@ -151,13 +151,13 @@ export default function DataFlowList({ onDesignDiagram }: DataFlowListProps) {
try {
setLoading(true);
await DataFlowAPI.deleteJsonDataFlowDiagram(selectedDiagramForAction.diagramId, companyCode);
toast.success(`관계가 삭제되었습니다: ${selectedDiagramForAction.diagramName}`);
toast.success(`제어가 삭제되었습니다: ${selectedDiagramForAction.diagramName}`);
// 목록 새로고침
await loadDiagrams();
} catch (error) {
console.error("관계 삭제 실패:", error);
toast.error("관계 삭제에 실패했습니다.");
console.error("제어 삭제 실패:", error);
toast.error("제어 삭제에 실패했습니다.");
} finally {
setLoading(false);
setShowDeleteModal(false);
@@ -181,7 +181,7 @@ export default function DataFlowList({ onDesignDiagram }: DataFlowListProps) {
<div className="relative">
<Search className="absolute top-1/2 left-3 h-4 w-4 -translate-y-1/2 transform text-gray-400" />
<Input
placeholder="관계명, 테이블명으로 검색..."
placeholder="제어명, 테이블명으로 검색..."
value={searchTerm}
onChange={(e) => setSearchTerm(e.target.value)}
className="w-80 pl-10"
@@ -189,17 +189,17 @@ export default function DataFlowList({ onDesignDiagram }: DataFlowListProps) {
</div>
</div>
<Button className="bg-blue-600 hover:bg-blue-700" onClick={() => onDesignDiagram(null)}>
<Plus className="mr-2 h-4 w-4" />새 관계 생성
<Plus className="mr-2 h-4 w-4" />새 제어 생성
</Button>
</div>
{/* 관계 목록 테이블 */}
{/* 제어 목록 테이블 */}
<Card>
<CardHeader>
<CardTitle className="flex items-center justify-between">
<span className="flex items-center">
<Network className="mr-2 h-5 w-5" />
데이터 흐름 관계 ({total})
데이터 흐름 제어 ({total})
</span>
</CardTitle>
</CardHeader>
@@ -207,10 +207,10 @@ export default function DataFlowList({ onDesignDiagram }: DataFlowListProps) {
<Table>
<TableHeader>
<TableRow>
<TableHead>관계명</TableHead>
<TableHead>제어명</TableHead>
<TableHead>회사 코드</TableHead>
<TableHead>테이블 수</TableHead>
<TableHead>관계 수</TableHead>
<TableHead>액션 수</TableHead>
<TableHead>최근 수정</TableHead>
<TableHead>작업</TableHead>
</TableRow>
@@ -284,8 +284,8 @@ export default function DataFlowList({ onDesignDiagram }: DataFlowListProps) {
{diagrams.length === 0 && (
<div className="py-8 text-center text-gray-500">
<Network className="mx-auto mb-4 h-12 w-12 text-gray-300" />
<div className="mb-2 text-lg font-medium">관계가 없습니다</div>
<div className="text-sm">새 관계를 생성하여 테이블 간 데이터 관계를 설정해보세요.</div>
<div className="mb-2 text-lg font-medium">제어가 없습니다</div>
<div className="text-sm">새 제어를 생성하여 테이블 간 데이터 제어를 설정해보세요.</div>
</div>
)}
</CardContent>
@@ -320,11 +320,11 @@ export default function DataFlowList({ onDesignDiagram }: DataFlowListProps) {
<Dialog open={showCopyModal} onOpenChange={setShowCopyModal}>
<DialogContent>
<DialogHeader>
<DialogTitle>관계 복사</DialogTitle>
<DialogTitle>제어 복사</DialogTitle>
<DialogDescription>
&ldquo;{selectedDiagramForAction?.diagramName}&rdquo; 관계를 복사하시겠습니까?
&ldquo;{selectedDiagramForAction?.diagramName}&rdquo; 제어를 복사하시겠습니까?
<br />
새로운 관계는 원본 이름 뒤에 (1), (2), (3)... 형태로 생성됩니다.
새로운 제어는 원본 이름 뒤에 (1), (2), (3)... 형태로 생성됩니다.
</DialogDescription>
</DialogHeader>
<DialogFooter>
@@ -342,12 +342,12 @@ export default function DataFlowList({ onDesignDiagram }: DataFlowListProps) {
<Dialog open={showDeleteModal} onOpenChange={setShowDeleteModal}>
<DialogContent>
<DialogHeader>
<DialogTitle className="text-red-600">관계 삭제</DialogTitle>
<DialogTitle className="text-red-600">제어 삭제</DialogTitle>
<DialogDescription>
&ldquo;{selectedDiagramForAction?.diagramName}&rdquo; 관계를 완전히 삭제하시겠습니까?
&ldquo;{selectedDiagramForAction?.diagramName}&rdquo; 제어를 완전히 삭제하시겠습니까?
<br />
<span className="font-medium text-red-600">
이 작업은 되돌릴 수 없으며, 모든 관계 정보가 영구적으로 삭제됩니다.
이 작업은 되돌릴 수 없으며, 모든 제어 정보가 영구적으로 삭제됩니다.
</span>
</DialogDescription>
</DialogHeader>