Merge branch 'dev' of http://39.117.244.52:3000/kjs/ERP-node into commonCodeMng

This commit is contained in:
hyeonsu
2025-09-04 10:00:13 +09:00
43 changed files with 18493 additions and 2360 deletions

View File

@@ -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">
{/* 화면 목록 단계 */}