Merge branch 'dev' of http://39.117.244.52:3000/kjs/ERP-node into commonCodeMng
This commit is contained in:
@@ -3,7 +3,7 @@
|
||||
import { useState } from "react";
|
||||
import { Button } from "@/components/ui/button";
|
||||
import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
|
||||
import { Plus, ArrowLeft, ArrowRight, CheckCircle, Circle } from "lucide-react";
|
||||
import { Plus, ArrowLeft, ArrowRight, Circle } from "lucide-react";
|
||||
import ScreenList from "@/components/screen/ScreenList";
|
||||
import ScreenDesigner from "@/components/screen/ScreenDesigner";
|
||||
import TemplateManager from "@/components/screen/TemplateManager";
|
||||
@@ -62,69 +62,11 @@ export default function ScreenManagementPage() {
|
||||
}
|
||||
};
|
||||
|
||||
// 단계별 진행 상태 확인
|
||||
const isStepCompleted = (step: Step) => {
|
||||
return stepHistory.includes(step);
|
||||
};
|
||||
|
||||
// 현재 단계가 마지막 단계인지 확인
|
||||
const isLastStep = currentStep === "template";
|
||||
|
||||
return (
|
||||
<div className="flex h-full w-full flex-col">
|
||||
{/* 페이지 헤더 */}
|
||||
<div className="flex items-center justify-between">
|
||||
<div>
|
||||
<h1 className="text-3xl font-bold text-gray-900">화면관리 시스템</h1>
|
||||
<p className="mt-2 text-gray-600">단계별로 화면을 관리하고 설계하세요</p>
|
||||
</div>
|
||||
<div className="text-sm text-gray-500">{stepConfig[currentStep].description}</div>
|
||||
</div>
|
||||
|
||||
{/* 단계별 진행 표시 */}
|
||||
<div className="border-b bg-white p-4">
|
||||
<div className="flex items-center justify-between">
|
||||
{Object.entries(stepConfig).map(([step, config], index) => (
|
||||
<div key={step} className="flex items-center">
|
||||
<div className="flex flex-col items-center">
|
||||
<button
|
||||
onClick={() => goToStep(step as Step)}
|
||||
className={`flex h-12 w-12 items-center justify-center rounded-full border-2 transition-all ${
|
||||
currentStep === step
|
||||
? "border-blue-600 bg-blue-600 text-white"
|
||||
: isStepCompleted(step as Step)
|
||||
? "border-green-500 bg-green-500 text-white"
|
||||
: "border-gray-300 bg-white text-gray-400"
|
||||
} ${isStepCompleted(step as Step) ? "cursor-pointer hover:bg-green-600" : ""}`}
|
||||
>
|
||||
{isStepCompleted(step as Step) && currentStep !== step ? (
|
||||
<CheckCircle className="h-6 w-6" />
|
||||
) : (
|
||||
<span className="text-lg">{config.icon}</span>
|
||||
)}
|
||||
</button>
|
||||
<div className="mt-2 text-center">
|
||||
<div
|
||||
className={`text-sm font-medium ${
|
||||
currentStep === step
|
||||
? "text-blue-600"
|
||||
: isStepCompleted(step as Step)
|
||||
? "text-green-600"
|
||||
: "text-gray-500"
|
||||
}`}
|
||||
>
|
||||
{config.title}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{index < Object.keys(stepConfig).length - 1 && (
|
||||
<div className={`mx-4 h-0.5 w-16 ${isStepCompleted(step as Step) ? "bg-green-500" : "bg-gray-300"}`} />
|
||||
)}
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* 단계별 내용 */}
|
||||
<div className="flex-1 overflow-hidden">
|
||||
{/* 화면 목록 단계 */}
|
||||
|
||||
Reference in New Issue
Block a user