feat: 서버 상세 모달 그룹화 및 전역 UI/UX 통일, 조회/수정 모드 구현

주요 변경 사항:
- 서버 자산 상세 정보 4개 그룹(Identity, Connectivity, Specs, Operation)으로 최적화
- 모달 내 조회/수정 모드 전환 및 수정 강조색(#FF3D00) 적용
- 모든 모달의 버튼 사이즈 및 폰트 스타일 가이드 준수 통일
- 수정 취소(Revert) 기능 및 누락된 대시보드 상세 모달 추가
- TypeScript 타입 오류 및 런타임 렌더링 결함 긴급 복구
This commit is contained in:
2026-04-15 12:15:59 +09:00
parent 3c28c664da
commit 7c4ccf6bba
16 changed files with 743 additions and 520 deletions

View File

@@ -1,4 +1,4 @@
import { MasterAssetData } from './excelHandler';
import { MasterAssetData, HardwareAsset } from './excelHandler';
import { generateDummyData } from './dummyDataGenerator';
import { realServerData } from './realServerData';
@@ -12,23 +12,40 @@ export interface AppState {
const dummy = generateDummyData();
// 서버 데이터만 실제 데이터로 교체
const mergedHw = [
const mergedHw: HardwareAsset[] = [
...dummy.hw.filter(a => a.type !== '서버'),
...realServerData.map(s => ({
...s,
id: s.id || Math.random().toString(36).substring(2, 9),
type: '서버',
법인: s.법인,
자산코드: s.자산코드,
명칭: s.용도 || '',
위치: s.위치,
관리자: s.담당자_정 || '홍길동',
담당자_정: s.담당자_정 || '홍길동',
담당자_부: s.담당자_부 || '김철수',
IP주소: s.IP주소,
IP2: s.IP2 || '',
MACaddress: s.MACaddress || '',
HW사양: s.HW사양 || '',
OS: s.OS,
CPU: s.CPU,
RAM: s.RAM,
SSD1: s.SSD1,
SSD2: s.SSD2,
HDD1: s.HDD1,
storage유형: s.storage유형,
모델명: s.모델명,
구매일: s.구매일 || '',
금액: s.금액 || '',
납품업체: s.납품업체 || '',
품의서명: s.품의서명 || '',
용도: s.용도,
상세: s.상세,
원격접속: s.원격접속 || '',
서버ID: s.서버ID || '',
서버PW: s.서버PW || '',
모니터링: s.모니터링 || '',
비고: s.비고 || ''
}))
];
@@ -38,7 +55,7 @@ export const state: AppState = {
masterData: {
...dummy,
hw: mergedHw,
logs: [] // 공동작업자의 수정 이력 배열 추가
logs: [] // MasterAssetData 인터페이스에 맞게 추가
},
activeCategory: 'hw',
activeSubTab: '대시보드',