refactor: 프로젝트 구조 최적화 및 컴포넌트 기반 모달 시스템 도입
주요 정리 내용: - 핵심 엔진 분리: state, excelHandler 등을 src/core/ 디렉토리로 격리 - 모달 컴포넌트화: index.html의 거대 HTML 구조를 각 모달 TS 파일로 내장 및 동적 주입 - index.html 최적화: 수백 줄의 중복 코드를 제거하여 슬림한 Shell 구조로 변환 - 전역 복구: 병합 과정에서 발생한 한글 인코딩 깨짐 전수 복구 및 빌드 오류 해결 - 경로 정합성: 파일 구조 변경에 따른 모든 import 경로 일괄 업데이트
This commit is contained in:
232
src/core/dummyDataGenerator.ts
Normal file
232
src/core/dummyDataGenerator.ts
Normal file
@@ -0,0 +1,232 @@
|
||||
import { MasterAssetData, HardwareAsset, SoftwareAsset, SWUser } from './excelHandler';
|
||||
|
||||
const corps = ['한맥', '삼안', '바론'];
|
||||
const users = ['홍길동', '김철수', '이영희', '박지훈', '김팀장', '신유진', '윤대웅', '마리아'];
|
||||
const depts = ['설계팀', '기술팀', '경영지원팀', '영업팀'];
|
||||
|
||||
function rand(arr: any[]) {
|
||||
return arr[Math.floor(Math.random() * arr.length)];
|
||||
}
|
||||
|
||||
function randDate(startYear: number, endYear: number) {
|
||||
const y = Math.floor(Math.random() * (endYear - startYear + 1)) + startYear;
|
||||
const m = String(Math.floor(Math.random() * 12) + 1).padStart(2, '0');
|
||||
const d = String(Math.floor(Math.random() * 28) + 1).padStart(2, '0');
|
||||
return `${y}-${m}-${d}`;
|
||||
}
|
||||
|
||||
function randUser() { // 25% 확률로 유휴자산 할당
|
||||
return Math.random() < 0.25 ? '' : rand(users);
|
||||
}
|
||||
|
||||
export function generateDummyData(): MasterAssetData {
|
||||
const hw: HardwareAsset[] = [];
|
||||
const sw: SoftwareAsset[] = [];
|
||||
const swUsers: SWUser[] = [];
|
||||
|
||||
// 1. 개인PC 50개
|
||||
for (let i = 1; i <= 50; i++) {
|
||||
const purchaseYear = Math.floor(Math.random() * 10) + 2017; // 2017~2026
|
||||
hw.push({
|
||||
id: Math.random().toString(36).substring(2, 9),
|
||||
type: '개인PC',
|
||||
법인: rand(corps),
|
||||
자산코드: `HM-PC-${purchaseYear}-${String(i).padStart(3, '0')}`,
|
||||
명칭: '',
|
||||
위치: `${rand(['본사', '지사'])} ${Math.floor(Math.random()*5)+1}층`,
|
||||
사용자: randUser(),
|
||||
CPU: rand(['i5-10400', 'i7-12700', 'Ryzen 5', 'Ryzen 7']),
|
||||
GPU: rand(['-', 'GTX 1660', 'RTX 3060', 'RTX 4070']),
|
||||
RAM: rand(['16GB', '32GB']),
|
||||
SSD1: rand(['256GB', '512GB', '1TB']),
|
||||
SSD2: '',
|
||||
HDD1: rand(['-', '1TB', '2TB']),
|
||||
HDD2: '',
|
||||
구매일: randDate(purchaseYear, purchaseYear),
|
||||
금액: String(Math.floor(Math.random()*100 + 50) * 10000).replace(/\B(?=(\d{3})+(?!\d))/g, ','),
|
||||
납품업체: rand(['다나와', '컴퓨존', '오피스디포']),
|
||||
품의서명: '',
|
||||
관리자: '', IP주소: '', MACaddress: '', OS: '', HW사양: ''
|
||||
});
|
||||
}
|
||||
|
||||
// 2. 서버 20개
|
||||
for (let i = 1; i <= 20; i++) {
|
||||
const purchaseYear = Math.floor(Math.random() * 10) + 2017; // 2017~2026
|
||||
hw.push({
|
||||
id: Math.random().toString(36).substring(2, 9),
|
||||
type: '서버',
|
||||
법인: rand(corps),
|
||||
자산코드: `HM-SV-${purchaseYear}-${String(i).padStart(3, '0')}`,
|
||||
명칭: `웹/DB 서버 #${i}`,
|
||||
용도: rand(['웹 서버', 'DB 서버', '백업 서버', '개발 서버']),
|
||||
storage유형: rand(['물리', 'VM']),
|
||||
위치: rand(['IDC 1센터', 'IDC 2센터', '본사 전산실']),
|
||||
관리자: rand(users),
|
||||
담당자_정: rand(users),
|
||||
담당자_부: rand(users),
|
||||
IP주소: `192.168.10.${i}`,
|
||||
원격접속: `ssh://192.168.10.${i}:22`,
|
||||
MACaddress: '00:11:22:33:44:' + String(i).padStart(2, '0'),
|
||||
OS: rand(['Windows Server 2019', 'Ubuntu 22.04 LTS', 'CentOS 7']),
|
||||
모델명: rand(['Dell PowerEdge R740', 'HP ProLiant DL380', 'Lenovo ThinkSystem']),
|
||||
CPU: rand(['Xeon Silver 4210', 'Xeon Gold 6248', 'EPYC 7702']),
|
||||
RAM: rand(['64GB', '128GB', '256GB']),
|
||||
GPU: rand(['-', 'RTX A4000', 'Tesla V100']),
|
||||
SSD1: rand(['512GB SSD', '1TB NVMe']),
|
||||
SSD2: rand(['-', '1TB SSD', '2TB SSD']),
|
||||
HDD1: rand(['-', '4TB HDD', '8TB HDD']),
|
||||
모니터링: rand(['Zabbix', 'Grafana', 'PRTG']),
|
||||
비고: i % 5 === 0 ? '정기 점검 대상' : '-',
|
||||
HW사양: 'Xeon 16Core, 64GB RAM',
|
||||
구매일: randDate(purchaseYear, purchaseYear),
|
||||
금액: '5,000,000',
|
||||
납품업체: '서버뱅크',
|
||||
품의서명: ''
|
||||
});
|
||||
}
|
||||
|
||||
// 3. 스토리지 20개
|
||||
for (let i = 1; i <= 20; i++) {
|
||||
const purchaseYear = Math.floor(Math.random() * 10) + 2017; // 2017~2026
|
||||
hw.push({
|
||||
id: Math.random().toString(36).substring(2, 9),
|
||||
type: '스토리지',
|
||||
법인: rand(corps),
|
||||
storage유형: rand(['NAS', 'DAS']),
|
||||
자산코드: `HM-ST-${purchaseYear}-${String(i).padStart(3, '0')}`,
|
||||
명칭: `백업 스토리지 #${i}`,
|
||||
위치: '전산실',
|
||||
모델명: rand(['Synology DS920+', 'QNAP TS-453D']),
|
||||
용량: rand(['16TB', '32TB', '64TB']),
|
||||
담당자_정: randUser(),
|
||||
담당자_부: rand(users),
|
||||
IP주소: `192.168.20.${i}`,
|
||||
MACaddress: '',
|
||||
구매일: randDate(purchaseYear, purchaseYear),
|
||||
금액: '1,500,000',
|
||||
납품업체: '스토리지넷',
|
||||
품의서명: '',
|
||||
관리자: '', OS: '', HW사양: ''
|
||||
});
|
||||
}
|
||||
|
||||
// 4. 전산비품 (노트북, 태블릿, 휴대폰 각각 5개씩)
|
||||
const equips = [
|
||||
{ type: '노트북', code: 'NB', name: 'LG 그램 16인치', price: '1,800,000' },
|
||||
{ type: '태블릿', code: 'TB', name: '아이패드 프로 12.9', price: '1,500,000' },
|
||||
{ type: '휴대폰', code: 'PH', name: '갤럭시 S24', price: '1,200,000' }
|
||||
];
|
||||
equips.forEach((eq) => {
|
||||
for (let i = 1; i <= 5; i++) {
|
||||
const purchaseYear = Math.floor(Math.random() * 8) + 2019; // 2019~2026
|
||||
hw.push({
|
||||
id: Math.random().toString(36).substring(2, 9),
|
||||
type: '전산비품',
|
||||
법인: rand(corps),
|
||||
비품유형: eq.type,
|
||||
자산코드: `HM-${eq.code}-${purchaseYear}-${String(i).padStart(3, '0')}`,
|
||||
명칭: eq.name,
|
||||
위치: rand(['본사', '지사']),
|
||||
관리자: randUser(),
|
||||
구매일: randDate(purchaseYear, purchaseYear),
|
||||
금액: eq.price,
|
||||
납품업체: '브랜드 총판',
|
||||
품의서명: '',
|
||||
IP주소: '', MACaddress: '', OS: '', HW사양: ''
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
// 5. 구독형 S/W 40개
|
||||
for (let i = 1; i <= 40; i++) {
|
||||
const swId = Math.random().toString(36).substring(2, 9);
|
||||
const purchaseYear = Math.random() < 0.3 ? 2026 : 2024;
|
||||
|
||||
let isExpiring = Math.random() < 0.25;
|
||||
let endDt = new Date();
|
||||
if (isExpiring) {
|
||||
endDt.setDate(endDt.getDate() + Math.floor(Math.random() * 25) + 1); // 1~25일 뒤 만료
|
||||
} else {
|
||||
endDt.setMonth(endDt.getMonth() + Math.floor(Math.random() * 11) + 2); // 넉넉히 남음
|
||||
}
|
||||
const endStr = `${endDt.getFullYear()}.${String(endDt.getMonth()+1).padStart(2,'0')}.${String(endDt.getDate()).padStart(2,'0')}`;
|
||||
|
||||
sw.push({
|
||||
id: swId,
|
||||
type: '구독SW',
|
||||
분야: rand(['업무공통', '개발S/W', '디자인', '설계S/W']),
|
||||
법인: rand(corps),
|
||||
부서: rand(depts),
|
||||
제품명: rand(['Adobe CC All Apps', 'Microsoft 365', 'Slack Pro', 'Notion Team']),
|
||||
구매일: `${purchaseYear}-01-01`,
|
||||
구독일: `${purchaseYear}.01.01 ~ ${endStr}`,
|
||||
금액: String(Math.floor(Math.random() * 100 + 10) * 10000).replace(/\B(?=(\d{3})+(?!\d))/g, ','),
|
||||
수량: Math.floor(Math.random() * 5) + 3, // 3~7
|
||||
계정명: `user${i}@hm.com`,
|
||||
납품업체: '총판',
|
||||
비고: '연간구독'
|
||||
});
|
||||
|
||||
const assignCount = Math.floor(Math.random() * 2) + 1;
|
||||
for (let j=0; j<assignCount; j++) {
|
||||
swUsers.push({
|
||||
id: Math.random().toString(36).substring(2, 9),
|
||||
swId: swId,
|
||||
법인: rand(corps),
|
||||
부서: rand(depts),
|
||||
팀: rand(['1팀', '2팀', '기획팀']),
|
||||
직위: rand(['사원', '대리', '과장']),
|
||||
이름: rand(users),
|
||||
사용기간: '2024.01~12',
|
||||
신청서명: ''
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
// 6. 영구형 S/W 40개
|
||||
for (let i = 1; i <= 40; i++) {
|
||||
const swId = Math.random().toString(36).substring(2, 9);
|
||||
|
||||
let isExpiring = Math.random() < 0.25;
|
||||
let endDt = new Date();
|
||||
if (isExpiring) {
|
||||
endDt.setDate(endDt.getDate() + Math.floor(Math.random() * 25) + 1); // 1~25일 뒤 만료
|
||||
} else {
|
||||
endDt.setMonth(endDt.getMonth() + Math.floor(Math.random() * 11) + 2); // 넉넉히 남음
|
||||
}
|
||||
const endStr = `${endDt.getFullYear()}.${String(endDt.getMonth()+1).padStart(2,'0')}.${String(endDt.getDate()).padStart(2,'0')}`;
|
||||
|
||||
sw.push({
|
||||
id: swId,
|
||||
type: '영구SW',
|
||||
분야: rand(['업무공통', '개발S/W', '디자인', '설계S/W']),
|
||||
법인: rand(corps),
|
||||
부서: rand(depts),
|
||||
제품명: rand(['AutoCAD 2024', 'Windows 10 Pro', '한컴오피스 2022', 'Visual Studio 2022']),
|
||||
구매일: '2020-05-15',
|
||||
유지보수여부: true,
|
||||
비고: `유지보수: ~ ${endStr}`,
|
||||
금액: '1,500,000',
|
||||
수량: Math.floor(Math.random() * 3) + 2, // 2~4
|
||||
계정명: `sn-2020-${i}`,
|
||||
납품업체: '오토데스크 / MS'
|
||||
});
|
||||
const assignCount = Math.floor(Math.random() * 2) + 1;
|
||||
for (let j=0; j<assignCount; j++) {
|
||||
swUsers.push({
|
||||
id: Math.random().toString(36).substring(2, 9),
|
||||
swId: swId,
|
||||
법인: rand(corps),
|
||||
부서: rand(depts),
|
||||
팀: rand(['1팀', '2팀']),
|
||||
직위: rand(['과장', '차장', '부장']),
|
||||
이름: rand(users),
|
||||
사용기간: '영구',
|
||||
신청서명: ''
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
return { hw, sw, swUsers, logs: [] };
|
||||
}
|
||||
344
src/core/excelHandler.ts
Normal file
344
src/core/excelHandler.ts
Normal file
@@ -0,0 +1,344 @@
|
||||
import * as XLSX from 'xlsx';
|
||||
|
||||
export interface HardwareAsset {
|
||||
id: string;
|
||||
type: string; // '개인PC', '서버', '스토리지', '전산비품'
|
||||
법인: string;
|
||||
자산코드: string;
|
||||
명칭: string;
|
||||
위치: string;
|
||||
관리자: string;
|
||||
IP주소: string;
|
||||
IP2?: string;
|
||||
MACaddress: string;
|
||||
HW사양: string;
|
||||
OS: string;
|
||||
사용자?: string;
|
||||
CPU?: string;
|
||||
GPU?: string;
|
||||
RAM?: string;
|
||||
SSD1?: string;
|
||||
SSD2?: string;
|
||||
HDD1?: string;
|
||||
HDD2?: string;
|
||||
storage유형?: string;
|
||||
비품유형?: string;
|
||||
모델명?: string;
|
||||
용량?: string;
|
||||
담당자_정?: string;
|
||||
담당자_부?: string;
|
||||
구매일?: string;
|
||||
금액?: string;
|
||||
납품업체: string;
|
||||
품의서명: string;
|
||||
용도?: string;
|
||||
상세?: string;
|
||||
원격접속?: string;
|
||||
서버ID?: string;
|
||||
서버PW?: string;
|
||||
모니터링?: string;
|
||||
비고?: string;
|
||||
}
|
||||
|
||||
|
||||
export interface SoftwareAsset {
|
||||
id: string;
|
||||
type: string; // '구독SW', '영구SW'
|
||||
분야?: string;
|
||||
법인: string;
|
||||
부서?: string;
|
||||
제품명: string;
|
||||
구매일: string;
|
||||
구독일?: string;
|
||||
유지보수여부?: boolean;
|
||||
금액: string;
|
||||
수량: number;
|
||||
계정명: string;
|
||||
납품업체: string;
|
||||
비고: string;
|
||||
}
|
||||
|
||||
export interface SWUser {
|
||||
id: string;
|
||||
swId: string;
|
||||
법인: string;
|
||||
부서: string;
|
||||
팀: string;
|
||||
직위: string;
|
||||
이름: string;
|
||||
사용기간: string;
|
||||
신청서명: string;
|
||||
}
|
||||
|
||||
export interface HardwareLog {
|
||||
id: string;
|
||||
assetId: string;
|
||||
date: string;
|
||||
details: string;
|
||||
user: string;
|
||||
}
|
||||
|
||||
export interface MasterAssetData {
|
||||
hw: HardwareAsset[];
|
||||
sw: SoftwareAsset[];
|
||||
swUsers: SWUser[];
|
||||
logs: HardwareLog[];
|
||||
}
|
||||
|
||||
const HW_TABS = ['개인PC', '서버', '스토리지', '전산비품'];
|
||||
const SW_TABS = ['구독SW', '영구SW'];
|
||||
|
||||
const HW_HEADERS = ['법인', '자산코드', '명칭', '위치', '관리자', 'IP주소', 'MACaddress', 'HW사양', 'OS', '구매일', '금액', '납품업체', '품의서명'];
|
||||
const PC_HEADERS = ['법인', '자산코드', '사용자', '위치', 'CPU', 'GPU', 'RAM', 'SSD1', 'SSD2', 'HDD1', 'HDD2', '구매일', '금액', '납품업체', '품의서명'];
|
||||
const SERVER_HEADERS = ['법인', '자산번호', '유형', '용도', '설치위치', '담당자(정)', '담당자(부)', 'IP 주소', '원격접속', '모델명', 'OS', 'CPU', 'RAM', 'GPU', 'Storage1', 'Storage2', 'Storage3', '모니터링', '비고'];
|
||||
const STORAGE_HEADERS = ['법인', '유형', '자산코드', '명칭', '위치', '모델명', '용량', '담당자(정)', '담당자(부)', 'IP주소', 'MAC주소', '구매일', '금액', '납품업체', '품의서명'];
|
||||
const SUB_SW_HEADERS = ['ID', '분야', '법인', '부서', '제품명', '구매일', '구독일', '금액', '수량', '계정명', '납품업체', '비고'];
|
||||
const PERM_SW_HEADERS = ['ID', '분야', '법인', '부서', '제품명', '구매일', '유지보수여부', '금액', '수량', '계정명', '납품업체', '비고'];
|
||||
const SW_USER_HEADERS = ['id', 'swId', '법인', '부서', '팀', '직위', '이름', '사용기간', '신청서명'];
|
||||
const HISTORY_HEADERS = ['id', 'assetId', 'date', 'details', 'user'];
|
||||
|
||||
/**
|
||||
* 템플릿 엑셀 다중 시트로 다운로드
|
||||
*/
|
||||
export function downloadTemplate() {
|
||||
const wb = XLSX.utils.book_new();
|
||||
|
||||
HW_TABS.forEach(tab => {
|
||||
let hd = HW_HEADERS;
|
||||
let wscols: any[] = [];
|
||||
|
||||
if (tab === '개인PC') {
|
||||
hd = PC_HEADERS;
|
||||
wscols = [{wch:15}, {wch:25}, {wch:15}, {wch:20}, {wch:20}, {wch:20}, {wch:15}, {wch:15}, {wch:15}, {wch:15}, {wch:15}, {wch:15}, {wch:15}, {wch:20}, {wch:25}];
|
||||
} else if (tab === '서버') {
|
||||
hd = SERVER_HEADERS;
|
||||
wscols = [{wch:15}, {wch:20}, {wch:15}, {wch:25}, {wch:20}, {wch:15}, {wch:15}, {wch:20}, {wch:20}, {wch:25}, {wch:20}, {wch:15}, {wch:15}, {wch:15}, {wch:15}, {wch:15}, {wch:15}, {wch:15}, {wch:30}];
|
||||
} else if (tab === '스토리지') {
|
||||
hd = STORAGE_HEADERS;
|
||||
wscols = [{wch:15}, {wch:15}, {wch:25}, {wch:25}, {wch:20}, {wch:25}, {wch:15}, {wch:15}, {wch:15}, {wch:15}, {wch:20}, {wch:15}, {wch:15}, {wch:20}, {wch:25}];
|
||||
} else {
|
||||
hd = HW_HEADERS;
|
||||
wscols = [{wch:15}, {wch:20}, {wch:25}, {wch:20}, {wch:15}, {wch:15}, {wch:20}, {wch:40}, {wch:20}, {wch:15}, {wch:15}, {wch:20}, {wch:25}];
|
||||
}
|
||||
|
||||
const ws = XLSX.utils.aoa_to_sheet([hd]);
|
||||
ws['!cols'] = wscols;
|
||||
XLSX.utils.book_append_sheet(wb, ws, tab);
|
||||
});
|
||||
|
||||
SW_TABS.forEach(tab => {
|
||||
let hd = tab === '구독SW' ? SUB_SW_HEADERS : PERM_SW_HEADERS;
|
||||
const ws = XLSX.utils.aoa_to_sheet([hd]);
|
||||
ws['!cols'] = [{wch:15}, {wch:15}, {wch:15}, {wch:20}, {wch:30}, {wch:15}, {wch:20}, {wch:15}, {wch:10}, {wch:20}, {wch:20}, {wch:30}];
|
||||
XLSX.utils.book_append_sheet(wb, ws, tab);
|
||||
});
|
||||
|
||||
const swUserWs = XLSX.utils.aoa_to_sheet([SW_USER_HEADERS]);
|
||||
swUserWs['!cols'] = [{wch:15}, {wch:15}, {wch:15}, {wch:15}, {wch:15}, {wch:15}, {wch:15}, {wch:20}, {wch:25}];
|
||||
XLSX.utils.book_append_sheet(wb, swUserWs, 'SW_사용자');
|
||||
|
||||
const historyWs = XLSX.utils.aoa_to_sheet([HISTORY_HEADERS]);
|
||||
historyWs['!cols'] = [{wch:15}, {wch:20}, {wch:20}, {wch:50}, {wch:15}];
|
||||
XLSX.utils.book_append_sheet(wb, historyWs, 'History');
|
||||
|
||||
XLSX.writeFile(wb, 'itam_assets_template.xlsx');
|
||||
}
|
||||
|
||||
/**
|
||||
* 마스터 데이터를 여러 시트로 쪼개서 내보내기
|
||||
*/
|
||||
export function exportToExcel(masterData: MasterAssetData) {
|
||||
const wb = XLSX.utils.book_new();
|
||||
|
||||
HW_TABS.forEach(tab => {
|
||||
const targetAssets = masterData.hw.filter(a => a.type === tab);
|
||||
let wsData;
|
||||
let colsConfig;
|
||||
|
||||
if (tab === '개인PC') {
|
||||
wsData = [
|
||||
PC_HEADERS,
|
||||
...targetAssets.map(a => [a.법인, a.자산코드, a.사용자, a.위치, a.CPU, a.GPU, a.RAM, a.SSD1, a.SSD2, a.HDD1, a.HDD2, a.구매일, a.금액, a.납품업체, a.품의서명])
|
||||
];
|
||||
colsConfig = [{wch:15}, {wch:25}, {wch:15}, {wch:20}, {wch:20}, {wch:20}, {wch:15}, {wch:15}, {wch:15}, {wch:15}, {wch:15}, {wch:15}, {wch:15}, {wch:20}, {wch:25}];
|
||||
} else if (tab === '서버') {
|
||||
wsData = [
|
||||
SERVER_HEADERS,
|
||||
...targetAssets.map(a => [a.법인, a.자산코드, a.storage유형 || '물리', a.용도 || '', a.위치, a.담당자_정 || '', a.담당자_부 || '', a.IP주소, a.원격접속 || '', a.모델명 || '', a.OS, a.CPU, a.RAM, a.GPU || '', a.SSD1 || '', a.SSD2 || '', a.HDD1 || '', a.모니터링 || '', a.비고 || ''])
|
||||
];
|
||||
colsConfig = [{wch:15}, {wch:20}, {wch:15}, {wch:25}, {wch:20}, {wch:15}, {wch:15}, {wch:20}, {wch:20}, {wch:25}, {wch:20}, {wch:15}, {wch:15}, {wch:15}, {wch:15}, {wch:15}, {wch:15}, {wch:15}, {wch:30}];
|
||||
} else if (tab === '스토리지') {
|
||||
wsData = [
|
||||
STORAGE_HEADERS,
|
||||
...targetAssets.map(a => [a.법인, a.storage유형, a.자산코드, a.명칭, a.위치, a.모델명, a.용량, a.담당자_정, a.담당자_부, a.IP주소, a.MACaddress, a.구매일, a.금액, a.납품업체, a.품의서명])
|
||||
];
|
||||
colsConfig = [{wch:15}, {wch:15}, {wch:25}, {wch:25}, {wch:20}, {wch:25}, {wch:15}, {wch:15}, {wch:15}, {wch:15}, {wch:20}, {wch:15}, {wch:15}, {wch:20}, {wch:25}];
|
||||
} else {
|
||||
wsData = [
|
||||
HW_HEADERS,
|
||||
...targetAssets.map(a => [a.법인, a.자산코드, a.명칭, a.위치, a.관리자, a.IP주소, a.MACaddress, a.HW사양, a.OS, a.구매일, a.금액, a.납품업체, a.품의서명])
|
||||
];
|
||||
colsConfig = [{wch:15}, {wch:20}, {wch:25}, {wch:20}, {wch:15}, {wch:15}, {wch:20}, {wch:40}, {wch:20}, {wch:15}, {wch:15}, {wch:20}, {wch:25}];
|
||||
}
|
||||
|
||||
const ws = XLSX.utils.aoa_to_sheet(wsData);
|
||||
ws['!cols'] = colsConfig;
|
||||
XLSX.utils.book_append_sheet(wb, ws, tab);
|
||||
});
|
||||
|
||||
SW_TABS.forEach(tab => {
|
||||
const targetAssets = masterData.sw.filter(a => a.type === tab);
|
||||
let wsData;
|
||||
if (tab === '구독SW') {
|
||||
wsData = [
|
||||
SUB_SW_HEADERS,
|
||||
...targetAssets.map(a => [a.id, a.분야||'', a.법인, a.부서||'', a.제품명, a.구매일, a.구독일, a.금액, a.수량, a.계정명, a.납품업체, a.비고])
|
||||
];
|
||||
} else {
|
||||
wsData = [
|
||||
PERM_SW_HEADERS,
|
||||
...targetAssets.map(a => [a.id, a.분야||'', a.법인, a.부서||'', a.제품명, a.구매일, a.유지보수여부 ? 'Y' : 'N', a.금액, a.수량, a.계정명, a.납품업체, a.비고])
|
||||
];
|
||||
}
|
||||
const ws = XLSX.utils.aoa_to_sheet(wsData);
|
||||
ws['!cols'] = [{wch:15}, {wch:15}, {wch:15}, {wch:20}, {wch:30}, {wch:15}, {wch:20}, {wch:15}, {wch:10}, {wch:20}, {wch:20}, {wch:30}];
|
||||
XLSX.utils.book_append_sheet(wb, ws, tab);
|
||||
});
|
||||
|
||||
const swUserWsData = [
|
||||
SW_USER_HEADERS,
|
||||
...masterData.swUsers.map(u => [u.id, u.swId, u.법인, u.부서, u.팀, u.직위, u.이름, u.사용기간, u.신청서명])
|
||||
];
|
||||
const swUserWs = XLSX.utils.aoa_to_sheet(swUserWsData);
|
||||
swUserWs['!cols'] = [{wch:15}, {wch:15}, {wch:15}, {wch:15}, {wch:15}, {wch:15}, {wch:15}, {wch:20}, {wch:25}];
|
||||
XLSX.utils.book_append_sheet(wb, swUserWs, 'SW_사용자');
|
||||
|
||||
const historyWsData = [
|
||||
HISTORY_HEADERS,
|
||||
...masterData.logs.map(l => [l.id, l.assetId, l.date, l.details, l.user])
|
||||
];
|
||||
const historyWs = XLSX.utils.aoa_to_sheet(historyWsData);
|
||||
historyWs['!cols'] = [{wch:15}, {wch:20}, {wch:20}, {wch:50}, {wch:15}];
|
||||
XLSX.utils.book_append_sheet(wb, historyWs, 'History');
|
||||
|
||||
const dateStr = new Date().toISOString().split('T')[0];
|
||||
XLSX.writeFile(wb, `itam_assets_master_${dateStr}.xlsx`);
|
||||
}
|
||||
|
||||
export async function parseExcel(file: File): Promise<MasterAssetData> {
|
||||
return new Promise((resolve, reject) => {
|
||||
const reader = new FileReader();
|
||||
reader.onload = (e) => {
|
||||
try {
|
||||
const data = e.target?.result;
|
||||
const workbook = XLSX.read(data, { type: 'binary' });
|
||||
const hwAssets: HardwareAsset[] = [];
|
||||
const swAssets: SoftwareAsset[] = [];
|
||||
const swUsers: SWUser[] = [];
|
||||
const logs: HardwareLog[] = [];
|
||||
|
||||
workbook.SheetNames.forEach(sheetName => {
|
||||
const worksheet = workbook.Sheets[sheetName];
|
||||
const json = XLSX.utils.sheet_to_json(worksheet) as any[];
|
||||
|
||||
if (HW_TABS.includes(sheetName)) {
|
||||
json.forEach(row => {
|
||||
if (sheetName === '개인PC') {
|
||||
hwAssets.push({
|
||||
id: Math.random().toString(36).substring(2, 9),
|
||||
type: sheetName,
|
||||
법인: row['법인'] || '',
|
||||
자산코드: row['자산코드'] || '',
|
||||
명칭: '',
|
||||
위치: row['위치'] || '',
|
||||
사용자: row['사용자'] || '',
|
||||
관리자: '', IP주소: '', MACaddress: '', HW사양: '', OS: '',
|
||||
CPU: row['CPU'] || '', GPU: row['GPU'] || '', RAM: row['RAM'] || '',
|
||||
SSD1: row['SSD1'] || '', SSD2: row['SSD2'] || '', HDD1: row['HDD1'] || '', HDD2: row['HDD2'] || '',
|
||||
구매일: row['구매일'] || '', 금액: row['금액'] ? String(row['금액']) : '',
|
||||
납품업체: row['납품업체'] || '', 품의서명: row['품의서명'] || '',
|
||||
});
|
||||
} else if (sheetName === '서버') {
|
||||
hwAssets.push({
|
||||
id: Math.random().toString(36).substring(2, 9),
|
||||
type: sheetName,
|
||||
법인: row['법인'] || '',
|
||||
자산코드: row['자산번호'] || row['자산코드'] || '',
|
||||
명칭: row['용도'] || row['명칭'] || '',
|
||||
용도: row['용도'] || '', 위치: row['설치위치'] || row['위치'] || '',
|
||||
관리자: row['담당자(정)'] || '', 담당자_정: row['담당자(정)'] || '', 담당자_부: row['담당자(부)'] || '',
|
||||
IP주소: row['IP 주소'] || row['IP주소'] || '', IP2: row['IP2'] || '',
|
||||
원격접속: row['원격접속'] || '', 서버ID: row['서버ID'] || '', 서버PW: row['서버PW'] || '',
|
||||
모델명: row['모델명'] || '', OS: row['OS'] || '',
|
||||
CPU: row['CPU'] || '', RAM: row['RAM'] || '', GPU: row['GPU'] || '',
|
||||
SSD1: row['Storage1'] || row['SSD1'] || '', SSD2: row['Storage2'] || row['SSD2'] || '', HDD1: row['Storage3'] || row['HDD1'] || '',
|
||||
모니터링: row['모니터링'] || '', 비고: row['비고'] || '', storage유형: row['유형'] || '물리',
|
||||
MACaddress: '', HW사양: '', 구매일: '', 금액: '', 납품업체: '', 품의서명: '',
|
||||
});
|
||||
} else if (sheetName === '스토리지') {
|
||||
hwAssets.push({
|
||||
id: Math.random().toString(36).substring(2, 9),
|
||||
type: sheetName,
|
||||
법인: row['법인'] || '', 자산코드: row['자산코드'] || '', 명칭: row['명칭'] || '', 위치: row['위치'] || '',
|
||||
관리자: '', IP주소: row['IP주소'] || '', MACaddress: row['MAC주소'] || '', HW사양: '', OS: '',
|
||||
storage유형: row['유형'] || '', 모델명: row['모델명'] || '', 용량: row['용량'] || '',
|
||||
담당자_정: row['담당자(정)'] || '', 담당자_부: row['담당자(부)'] || '',
|
||||
구매일: row['구매일'] || '', 금액: row['금액'] ? String(row['금액']) : '',
|
||||
납품업체: row['납품업체'] || '', 품의서명: row['품의서명'] || '',
|
||||
});
|
||||
} else {
|
||||
hwAssets.push({
|
||||
id: Math.random().toString(36).substring(2, 9),
|
||||
type: sheetName,
|
||||
법인: row['법인'] || '', 자산코드: row['자산코드'] || '', 명칭: row['명칭'] || '', 위치: row['위치'] || '',
|
||||
관리자: row['관리자'] || '', IP주소: row['IP주소'] || '', MACaddress: row['MACaddress'] || '',
|
||||
HW사양: row['HW사양'] || '', OS: row['OS'] || '',
|
||||
구매일: row['구매일'] || '', 금액: row['금액'] ? String(row['금액']) : '',
|
||||
납품업체: row['납품업체'] || '', 품의서명: row['품의서명'] || '',
|
||||
});
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
if (SW_TABS.includes(sheetName)) {
|
||||
json.forEach(row => {
|
||||
swAssets.push({
|
||||
id: row['ID'] ? String(row['ID']) : Math.random().toString(36).substring(2, 9),
|
||||
type: sheetName, 분야: row['분야'] || '', 법인: row['법인'] || '', 부서: row['부서'] || '', 제품명: row['제품명'] || '',
|
||||
구매일: row['구매일'] || '', 구독일: row['구독일'] || '', 유지보수여부: row['유지보수여부'] === 'Y' || row['유지보수여부'] === true,
|
||||
금액: row['금액'] ? String(row['금액']) : '', 수량: parseInt(row['수량'] || '1', 10),
|
||||
계정명: row['계정명'] || '', 납품업체: row['납품업체'] || '', 비고: row['비고'] || '',
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
if (sheetName === 'SW_사용자') {
|
||||
json.forEach(row => {
|
||||
swUsers.push({
|
||||
id: row['id'] ? String(row['id']) : Math.random().toString(36).substring(2, 9),
|
||||
swId: row['swId'] ? String(row['swId']) : '', 법인: row['법인'] || '', 부서: row['부서'] || '',
|
||||
팀: row['팀'] || '', 직위: row['직위'] || '', 이름: row['이름'] || '',
|
||||
사용기간: row['사용기간'] || '', 신청서명: row['신청서명'] || '',
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
if (sheetName === 'History') {
|
||||
json.forEach(row => {
|
||||
logs.push({
|
||||
id: row['id'] ? String(row['id']) : Math.random().toString(36).substring(2, 9),
|
||||
assetId: row['assetId'] ? String(row['assetId']) : '',
|
||||
date: row['date'] || '', details: row['details'] || '', user: row['user'] || '',
|
||||
});
|
||||
});
|
||||
}
|
||||
});
|
||||
resolve({ hw: hwAssets, sw: swAssets, swUsers, logs });
|
||||
} catch (err) {
|
||||
reject(err);
|
||||
}
|
||||
};
|
||||
reader.onerror = (err) => reject(err);
|
||||
reader.readAsBinaryString(file);
|
||||
});
|
||||
}
|
||||
1603
src/core/realServerData.ts
Normal file
1603
src/core/realServerData.ts
Normal file
File diff suppressed because it is too large
Load Diff
68
src/core/state.ts
Normal file
68
src/core/state.ts
Normal file
@@ -0,0 +1,68 @@
|
||||
import { MasterAssetData, HardwareAsset } from './excelHandler';
|
||||
import { generateDummyData } from './dummyDataGenerator';
|
||||
import { realServerData } from './realServerData';
|
||||
|
||||
// --- State Definitions ---
|
||||
export interface AppState {
|
||||
masterData: MasterAssetData;
|
||||
activeCategory: 'hw' | 'sw';
|
||||
activeSubTab: string;
|
||||
activeCharts: any[];
|
||||
}
|
||||
|
||||
const dummy = generateDummyData();
|
||||
// 서버 데이터만 실제 데이터로 교체
|
||||
const mergedHw: HardwareAsset[] = [
|
||||
...dummy.hw.filter(a => a.type !== '서버'),
|
||||
...realServerData.map(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.비고 || ''
|
||||
}))
|
||||
];
|
||||
|
||||
// --- Initial State ---
|
||||
export const state: AppState = {
|
||||
masterData: {
|
||||
...dummy,
|
||||
hw: mergedHw,
|
||||
logs: [] // MasterAssetData 인터페이스에 맞게 추가
|
||||
},
|
||||
activeCategory: 'hw',
|
||||
activeSubTab: '대시보드',
|
||||
activeCharts: []
|
||||
};
|
||||
|
||||
// --- State Helpers ---
|
||||
export function updateState(newState: Partial<AppState>) {
|
||||
Object.assign(state, newState);
|
||||
}
|
||||
Reference in New Issue
Block a user