-
-
+
+
+
+
+
+
+
-
-
+
-
-
+
-
-
`;
-export function initPcModal(renderContent: () => void, closeModals: () => void) {
+export function openPcModal(asset: HardwareAsset, mode: 'view' | 'add' = 'view') {
+ currentAsset = asset;
+ const modal = document.getElementById('pc-asset-modal');
+ if (!modal) return;
+
+ const form = document.getElementById('pc-asset-form') as HTMLFormElement;
+ const saveBtn = document.getElementById('btn-save-pc-asset')!;
+ const revertBtn = document.getElementById('btn-revert-pc-edit')!;
+
+ if (form) form.reset();
+
+ if (mode === 'add') {
+ isEditMode = true;
+ if (form) {
+ form.classList.remove('is-view-mode');
+ form.classList.add('is-edit-mode');
+ }
+ saveBtn.textContent = '저장';
+ revertBtn.classList.add('hidden');
+ const prevOrgGroup = document.getElementById('pc-이전사용조직-group');
+ if (prevOrgGroup) prevOrgGroup.style.display = 'none';
+ } else {
+ isEditMode = false;
+ if (form) {
+ form.classList.remove('is-edit-mode');
+ form.classList.add('is-view-mode');
+ }
+ saveBtn.textContent = '수정';
+ revertBtn.classList.add('hidden');
+ const prevOrgGroup = document.getElementById('pc-이전사용조직-group');
+ if (prevOrgGroup) prevOrgGroup.style.display = 'flex';
+ }
+
+ fillFormData(asset);
+ renderHistory(asset.id);
+
+ modal.classList.remove('hidden');
+ applyPcTypeSpecificUI();
+ createIcons({ icons: { X, History, Paperclip } });
+}
+
+function applyPcTypeSpecificUI() {
+ const type = getFieldValue('pc-유형');
+ const detailPurpose = getFieldValue('pc-상세용도');
+
+ const modelGroup = document.getElementById('pc-모델명')?.closest('.form-group') as HTMLElement;
+ const osGroup = document.getElementById('pc-OS')?.closest('.form-group') as HTMLElement;
+ const cpuGroup = document.getElementById('pc-CPU')?.closest('.form-group') as HTMLElement;
+ const ramGroup = document.getElementById('pc-RAM')?.closest('.form-group') as HTMLElement;
+ const ssd1Group = document.getElementById('pc-SSD1')?.closest('.form-group') as HTMLElement;
+ const ssd2Group = document.getElementById('pc-SSD2')?.closest('.form-group') as HTMLElement;
+ const locationFields = document.querySelectorAll('.pc-location-field');
+ const etcGroup = document.getElementById('pc-위치-기타-group');
+
+ // 초기화 (숨김)
+ [modelGroup, osGroup, cpuGroup, ramGroup, ssd1Group, ssd2Group].forEach(g => { if(g) g.style.display = 'none'; });
+ locationFields.forEach(el => (el as HTMLElement).style.display = 'none');
+ if (etcGroup) etcGroup.style.display = 'none';
+
+ if (type === '서버') {
+ [modelGroup, osGroup, cpuGroup, ramGroup, ssd1Group, ssd2Group].forEach(g => { if(g) g.style.display = 'flex'; });
+ locationFields.forEach(el => (el as HTMLElement).style.display = 'flex');
+ }
+ else if (['스토리지', 'NAS', 'DAS'].includes(type)) {
+ [modelGroup, ssd1Group, ssd2Group].forEach(g => { if(g) g.style.display = 'flex'; });
+ locationFields.forEach(el => (el as HTMLElement).style.display = 'flex');
+ }
+ else if (type === 'PC' || type === '노트북') {
+ [modelGroup, osGroup, cpuGroup, ramGroup, ssd1Group, ssd2Group].forEach(g => { if(g) g.style.display = 'flex'; });
+ if (detailPurpose === '서버') {
+ locationFields.forEach(el => (el as HTMLElement).style.display = 'flex');
+ }
+ }
+ else if (['CPU', 'GPU', '모바일'].includes(type)) {
+ if (modelGroup) modelGroup.style.display = 'flex';
+ }
+ else if (type === 'RAM') {
+ if (ramGroup) ramGroup.style.display = 'flex';
+ }
+ else if (type === 'HDD') {
+ if (ssd1Group) ssd1Group.style.display = 'flex';
+ }
+ else if (type === '태블릿') {
+ if (modelGroup) modelGroup.style.display = 'flex';
+ if (ssd1Group) ssd1Group.style.display = 'flex';
+ }
+}
+
+function fillFormData(asset: HardwareAsset) {
+ setFieldValue('pc-asset-id', asset.id);
+ setFieldValue('pc-법인', asset.법인);
+ setFieldValue('pc-자산코드', asset.자산코드);
+ setFieldValue('pc-유형', asset.type);
+ setFieldValue('pc-사용자', asset.사용자);
+ setFieldValue('pc-현사용조직', asset.현사용조직);
+ setFieldValue('pc-이전사용조직', asset.이전사용조직);
+ setFieldValue('pc-상세용도', (asset as any).상세용도);
+
+ parseAndSetLocation(asset.위치, 'pc-위치-빌딩', 'pc-위치-상세', 'pc-위치-기타-group', 'pc-위치-기타');
+
+ setFieldValue('pc-모델명', asset.모델명);
+ setFieldValue('pc-OS', asset.OS);
+ setFieldValue('pc-CPU', asset.CPU);
+ setFieldValue('pc-RAM', asset.RAM);
+ setFieldValue('pc-SSD1', asset.SSD1);
+ setFieldValue('pc-SSD2', asset.SSD2);
+ setFieldValue('pc-구매일', asset.구매일);
+ setFieldValue('pc-금액', asset.금액);
+ setFieldValue('pc-납품업체', asset.납품업체);
+ setFieldValue('pc-품의서명', asset.품의서명);
+}
+
+export function initPcModal(onSave: () => void, closeModalsCb: () => void) {
if (!document.getElementById('pc-asset-modal')) {
document.body.insertAdjacentHTML('beforeend', PC_MODAL_HTML);
}
const pcForm = document.getElementById('pc-asset-form') as HTMLFormElement;
- const btnRevertEdit = document.getElementById('btn-revert-pc-edit') as HTMLButtonElement;
- const btnSavePc = document.getElementById('btn-save-pc-asset') as HTMLButtonElement;
- const btnDeletePc = document.getElementById('btn-delete-pc-asset') as HTMLButtonElement;
- const btnCloseHeader = document.getElementById('btn-close-pc-modal') as HTMLButtonElement;
- const btnCloseFooter = document.getElementById('btn-close-pc-footer') as HTMLButtonElement;
+ const saveBtn = document.getElementById('btn-save-pc-asset');
+ const revertBtn = document.getElementById('btn-revert-pc-edit');
+ const deleteBtn = document.getElementById('btn-delete-pc-asset');
- let isEditMode = false;
- let currentAsset: HardwareAsset | null = null;
+ // 유형 및 상세용도 리스너
+ const typeSelect = document.getElementById('pc-유형') as HTMLSelectElement;
+ const detailPurposeSelect = document.getElementById('pc-상세용도') as HTMLSelectElement;
+
+ [typeSelect, detailPurposeSelect].forEach(el => {
+ el?.addEventListener('change', () => applyPcTypeSpecificUI());
+ });
- const setEditMode = (edit: boolean) => {
- isEditMode = edit;
- if (edit) {
- pcForm.classList.add('is-edit-mode');
- pcForm.classList.remove('is-view-mode');
- btnSavePc.textContent = '저장';
- btnRevertEdit.classList.remove('hidden');
- btnCloseFooter.classList.add('hidden');
- } else {
- pcForm.classList.add('is-view-mode');
- pcForm.classList.remove('is-edit-mode');
- btnSavePc.textContent = '수정';
- btnRevertEdit.classList.add('hidden');
- btnCloseFooter.classList.remove('hidden');
- if (currentAsset) fillFormData(currentAsset);
- }
- };
+ bindLocationEvents('pc-위치-빌딩', 'pc-위치-상세', 'pc-위치-기타-group', 'pc-위치-기타');
- function fillFormData(asset: HardwareAsset) {
- (document.getElementById('pc-asset-id') as HTMLInputElement).value = asset.id;
- (document.getElementById('pc-법인') as HTMLSelectElement).value = asset.법인;
- (document.getElementById('pc-자산코드') as HTMLInputElement).value = asset.자산코드;
- (document.getElementById('pc-사용자') as HTMLInputElement).value = asset.사용자 || '';
- (document.getElementById('pc-위치') as HTMLInputElement).value = asset.위치 || '';
- (document.getElementById('pc-CPU') as HTMLInputElement).value = asset.CPU || '';
- (document.getElementById('pc-GPU') as HTMLInputElement).value = asset.GPU || '';
- (document.getElementById('pc-RAM') as HTMLInputElement).value = asset.RAM || '';
- (document.getElementById('pc-SSD1') as HTMLInputElement).value = asset.SSD1 || '';
- (document.getElementById('pc-SSD2') as HTMLInputElement).value = asset.SSD2 || '';
- (document.getElementById('pc-HDD1') as HTMLInputElement).value = asset.HDD1 || '';
- (document.getElementById('pc-HDD2') as HTMLInputElement).value = asset.HDD2 || '';
- (document.getElementById('pc-구매일') as HTMLInputElement).value = asset.구매일 || '';
- (document.getElementById('pc-금액') as HTMLInputElement).value = asset.금액 || '';
- (document.getElementById('pc-납품업체') as HTMLInputElement).value = asset.납품업체 || '';
- (document.getElementById('pc-품의서명') as HTMLElement).innerText = asset.품의서명 ? `첨부: ${asset.품의서명}` : '';
- }
+ const handleClose = () => { closeModalsCb(); isEditMode = false; };
+ document.getElementById('btn-close-pc-modal')?.addEventListener('click', handleClose);
+ document.getElementById('btn-cancel-pc-modal')?.addEventListener('click', handleClose);
+ revertBtn?.addEventListener('click', () => {
+ isEditMode = false;
+ pcForm.classList.replace('is-edit-mode', 'is-view-mode');
+ if (saveBtn) saveBtn.textContent = '수정';
+ revertBtn.classList.add('hidden');
+ if (currentAsset) fillFormData(currentAsset);
+ });
- btnRevertEdit?.addEventListener('click', () => setEditMode(false));
- btnCloseHeader?.addEventListener('click', closeModals);
- btnCloseFooter?.addEventListener('click', closeModals);
-
- btnSavePc?.addEventListener('click', (e) => {
- e.preventDefault();
+ saveBtn?.addEventListener('click', () => {
+ if (!currentAsset) return;
if (!isEditMode) {
- setEditMode(true);
+ isEditMode = true;
+ pcForm.classList.replace('is-view-mode', 'is-edit-mode');
+ saveBtn.textContent = '저장';
+ revertBtn?.classList.remove('hidden');
return;
}
-
- if (!pcForm.checkValidity()) { pcForm.reportValidity(); return; }
-
- // ... (저장 로직 유지)
- e.preventDefault();
- if (!pcForm.checkValidity()) { pcForm.reportValidity(); return; }
-
- const id = (document.getElementById('pc-asset-id') as HTMLInputElement).value;
- const fileInput = document.getElementById('pc-품의서') as HTMLInputElement;
- const 품의서명 = fileInput.files && fileInput.files.length > 0 ? fileInput.files[0].name : (document.getElementById('pc-품의서명') as HTMLElement).innerText.replace('첨부: ', '');
- const newAsset: HardwareAsset = {
- id: id || Math.random().toString(36).substring(2, 9),
- type: '개인PC',
- 법인: (document.getElementById('pc-법인') as HTMLSelectElement).value,
- 자산코드: (document.getElementById('pc-자산코드') as HTMLInputElement).value,
- 명칭: '',
- 위치: (document.getElementById('pc-위치') as HTMLInputElement).value,
- 관리자: '', IP주소: '', MACaddress: '', HW사양: '', OS: '', 납품업체: (document.getElementById('pc-납품업체') as HTMLInputElement).value,
- 사용자: (document.getElementById('pc-사용자') as HTMLInputElement).value,
- CPU: (document.getElementById('pc-CPU') as HTMLInputElement).value,
- GPU: (document.getElementById('pc-GPU') as HTMLInputElement).value,
- RAM: (document.getElementById('pc-RAM') as HTMLInputElement).value,
- SSD1: (document.getElementById('pc-SSD1') as HTMLInputElement).value,
- SSD2: (document.getElementById('pc-SSD2') as HTMLInputElement).value,
- HDD1: (document.getElementById('pc-HDD1') as HTMLInputElement).value,
- HDD2: (document.getElementById('pc-HDD2') as HTMLInputElement).value,
- 구매일: (document.getElementById('pc-구매일') as HTMLInputElement).value,
- 금액: (document.getElementById('pc-금액') as HTMLInputElement).value,
- 품의서명
+ const type = getFieldValue('pc-유형');
+ const detailPurpose = getFieldValue('pc-상세용도');
+
+ const updated: any = {
+ ...currentAsset,
+ 법인: getFieldValue('pc-법인'),
+ 자산코드: getFieldValue('pc-자산코드'),
+ 현사용조직: getFieldValue('pc-현사용조직'),
+ 이전사용조직: getFieldValue('pc-이전사용조직'),
+ 사용자: getFieldValue('pc-사용자'),
+ 상세용도: detailPurpose,
+ 위치: getCombinedLocation('pc-위치-빌딩', 'pc-위치-상세', 'pc-위치-기타'),
+ 모델명: getFieldValue('pc-모델명'),
+ OS: getFieldValue('pc-OS'),
+ CPU: getFieldValue('pc-CPU'),
+ RAM: getFieldValue('pc-RAM'),
+ SSD1: getFieldValue('pc-SSD1'),
+ SSD2: getFieldValue('pc-SSD2'),
+ 구매일: getFieldValue('pc-구매일'),
+ 금액: getFieldValue('pc-금액'),
+ 납품업체: getFieldValue('pc-납품업체'),
+ type: type || 'PC'
};
- if (id) {
- const idx = state.masterData.hw.findIndex(a => a.id === id);
- if(idx !== -1) {
- const oldAsset = state.masterData.hw[idx];
- const changes = getChangeDetails(oldAsset, newAsset);
- if (changes) {
- state.masterData.logs.push({
- id: Math.random().toString(36).substring(2, 9),
- assetId: id,
- date: new Date().toLocaleString(),
- details: changes,
- user: '관리자'
- });
- }
- state.masterData.hw[idx] = newAsset;
- }
- } else {
- state.masterData.hw.push(newAsset);
- }
-
- closeModals();
- renderContent();
+ saveHardwareAsset(updated);
+ onSave();
+ isEditMode = false;
+ pcForm.classList.replace('is-edit-mode', 'is-view-mode');
+ saveBtn.textContent = '수정';
+ revertBtn?.classList.add('hidden');
});
- btnDeletePc?.addEventListener('click', (e) => {
- e.preventDefault();
- const id = (document.getElementById('pc-asset-id') as HTMLInputElement).value;
+ deleteBtn?.addEventListener('click', () => {
+ if (!currentAsset) return;
if (confirm('삭제하시겠습니까?')) {
- state.masterData.hw = state.masterData.hw.filter(a => a.id !== id);
- closeModals();
- renderContent();
+ deleteHardwareAsset(currentAsset.id);
+ onSave();
+ handleClose();
}
});
}
-export function openPcModal(asset?: HardwareAsset) {
- const pcForm = document.getElementById('pc-asset-form') as HTMLFormElement;
- const deleteBtn = document.getElementById('btn-delete-pc-asset')!;
- const historyArea = document.querySelector('.modal-history-area') as HTMLElement;
-
- openModal('pc-asset-modal');
- pcForm.reset();
-
- if (asset) {
- document.getElementById('pc-modal-title')!.textContent = '개인PC 상세 정보 수정';
- deleteBtn.style.display = 'block';
- if (historyArea) historyArea.style.display = 'flex';
-
- (document.getElementById('pc-asset-id') as HTMLInputElement).value = asset.id;
- (document.getElementById('pc-법인') as HTMLSelectElement).value = asset.법인;
- (document.getElementById('pc-자산코드') as HTMLInputElement).value = asset.자산코드;
- (document.getElementById('pc-사용자') as HTMLInputElement).value = asset.사용자 || '';
- (document.getElementById('pc-위치') as HTMLInputElement).value = asset.위치 || '';
- (document.getElementById('pc-CPU') as HTMLInputElement).value = asset.CPU || '';
- (document.getElementById('pc-GPU') as HTMLInputElement).value = asset.GPU || '';
- (document.getElementById('pc-RAM') as HTMLInputElement).value = asset.RAM || '';
- (document.getElementById('pc-SSD1') as HTMLInputElement).value = asset.SSD1 || '';
- (document.getElementById('pc-SSD2') as HTMLInputElement).value = asset.SSD2 || '';
- (document.getElementById('pc-HDD1') as HTMLInputElement).value = asset.HDD1 || '';
- (document.getElementById('pc-HDD2') as HTMLInputElement).value = asset.HDD2 || '';
- (document.getElementById('pc-구매일') as HTMLInputElement).value = asset.구매일 || '';
- (document.getElementById('pc-금액') as HTMLInputElement).value = asset.금액 || '';
- (document.getElementById('pc-납품업체') as HTMLInputElement).value = asset.납품업체 || '';
- (document.getElementById('pc-품의서명') as HTMLElement).innerText = asset.품의서명 ? `첨부: ${asset.품의서명}` : '';
-
- renderHistory(asset.id);
- } else {
- document.getElementById('pc-modal-title')!.textContent = '신규 개인PC 자산 추가';
- deleteBtn.style.display = 'none';
- if (historyArea) historyArea.style.display = 'none';
-
- (document.getElementById('pc-asset-id') as HTMLInputElement).value = '';
- (document.getElementById('pc-법인') as HTMLSelectElement).value = '한맥';
- (document.getElementById('pc-품의서명') as HTMLElement).innerText = '';
- }
-}
-
-function getChangeDetails(oldAsset: HardwareAsset, newAsset: HardwareAsset): string {
- const changes: string[] = [];
- const fields = [
- { key: '법인', label: '법인' },
- { key: '자산코드', label: '자산코드' },
- { key: '사용자', label: '사용자' },
- { key: '위치', label: '위치' },
- { key: 'CPU', label: 'CPU' },
- { key: 'GPU', label: 'GPU' },
- { key: 'RAM', label: 'RAM' },
- { key: 'SSD1', label: 'SSD1' },
- { key: 'SSD2', label: 'SSD2' },
- { key: 'HDD1', label: 'HDD1' },
- { key: 'HDD2', label: 'HDD2' },
- { key: '구매일', label: '구매일' },
- { key: '금액', label: '금액' },
- { key: '납품업체', label: '납품업체' },
- { key: '품의서명', label: '품의서' },
- ];
-
- fields.forEach(field => {
- const oldVal = (oldAsset as any)[field.key] || '';
- const newVal = (newAsset as any)[field.key] || '';
- if (oldVal !== newVal) {
- changes.push(`${field.label}: ${oldVal || '없음'} → ${newVal || '없음'}`);
- }
- });
- return changes.join('\n');
-}
-
function renderHistory(assetId: string) {
const historyList = document.getElementById('pc-history-list');
if (!historyList) return;
-
const logs = state.masterData.logs
.filter(l => l.assetId === assetId)
.sort((a, b) => new Date(b.date).getTime() - new Date(a.date).getTime());
-
+
if (logs.length === 0) {
historyList.innerHTML = '
이력이 없습니다.
';
return;
}
-
historyList.innerHTML = logs.map(log => `
${log.date}
수정자: ${log.user}
-
${log.details.replace(/\\n/g, '
')}
+
${log.details.replace(/\n/g, '
')}
`).join('');
}
diff --git a/src/components/Modal/SWModal.ts b/src/components/Modal/SWModal.ts
index 8c858db..d36062a 100644
--- a/src/components/Modal/SWModal.ts
+++ b/src/components/Modal/SWModal.ts
@@ -1,14 +1,20 @@
import { state } from '../../core/state';
import { SoftwareAsset } from '../../core/excelHandler';
-import { openModal } from './BaseModal';
-import { createIcons, X, History, Plus } from 'lucide';
+import { openModal, closeModals } from './BaseModal';
+import { openSwUserModal } from './SWUserModal';
+import { createIcons, History, Plus, X } from 'lucide';
+import { CORP_LIST } from './SharedData';
+import { generateOptionsHTML, setFieldValue, getFieldValue } from './ModalUtils';
+
+let currentSwAsset: SoftwareAsset | null = null;
+let isEditMode = false;
const SW_MODAL_HTML = `
@@ -16,51 +22,47 @@ const SW_MODAL_HTML = `
@@ -87,319 +99,177 @@ const SW_MODAL_HTML = `
-
-
`;
-export let currentAsset: SoftwareAsset | null = null;
-export let isEditMode = false;
+function fillSwFormData(asset: SoftwareAsset) {
+ setFieldValue('sw-asset-id', asset.id);
+ setFieldValue('sw-asset-type', asset.type);
+ setFieldValue('sw-법인', asset.법인);
+ setFieldValue('sw-자산번호', asset.자산번호);
+ setFieldValue('sw-제품명', asset.제품명);
+ setFieldValue('sw-수량', asset.수량);
+ setFieldValue('sw-금액', asset.금액);
+ setFieldValue('sw-구매일', asset.구매일);
+ setFieldValue('sw-납품업체', asset.납품업체);
+ setFieldValue('sw-비고', asset.비고);
-export function setEditMode(edit: boolean) {
- isEditMode = edit;
- const swForm = document.getElementById('sw-asset-form') as HTMLFormElement;
- const btnSaveSw = document.getElementById('btn-save-sw-asset') as HTMLButtonElement;
- const btnRevertEdit = document.getElementById('btn-revert-sw-edit') as HTMLButtonElement;
- const btnCloseFooter = document.getElementById('btn-close-sw-footer') as HTMLButtonElement;
+ const type = asset.type;
+ const keyGroup = document.getElementById('sw-license-key-group');
+ const typeGroup = document.getElementById('sw-license-type-group');
+ const expiryGroup = document.getElementById('sw-expiry-group');
- if (edit) {
- swForm.classList.add('is-edit-mode');
- swForm.classList.remove('is-view-mode');
- btnSaveSw.textContent = '저장';
- btnRevertEdit.classList.remove('hidden');
- btnCloseFooter.classList.add('hidden');
+ if (type === '구독SW') {
+ if (keyGroup) keyGroup.style.display = 'none';
+ if (typeGroup) typeGroup.style.display = 'flex';
+ if (expiryGroup) expiryGroup.style.display = 'flex';
+ setFieldValue('sw-라이선스유형', (asset as any).라이선스유형);
+ setFieldValue('sw-만료일', (asset as any).만료일);
} else {
- swForm.classList.add('is-view-mode');
- swForm.classList.remove('is-edit-mode');
- btnSaveSw.textContent = '수정';
- btnRevertEdit.classList.add('hidden');
- btnCloseFooter.classList.remove('hidden');
- if (currentAsset) fillFormData(currentAsset);
+ if (keyGroup) keyGroup.style.display = 'flex';
+ if (typeGroup) typeGroup.style.display = 'none';
+ if (expiryGroup) expiryGroup.style.display = 'none';
+ setFieldValue('sw-라이선스키', (asset as any).라이선스키);
}
+
+ renderUserSummary(asset.id);
}
-export function fillFormData(asset: SoftwareAsset) {
- (document.getElementById('sw-asset-id') as HTMLInputElement).value = asset.id;
- (document.getElementById('sw-asset-type') as HTMLInputElement).value = asset.type;
- (document.getElementById('sw-분야') as HTMLSelectElement).value = asset.분야 || '업무공통';
- (document.getElementById('sw-법인') as HTMLSelectElement).value = asset.법인;
- (document.getElementById('sw-부서') as HTMLInputElement).value = asset.부서 || '';
- (document.getElementById('sw-제품명') as HTMLInputElement).value = asset.제품명;
- (document.getElementById('sw-구매일') as HTMLInputElement).value = asset.구매일 || '';
-
- if (asset.구독일) {
- const parts = asset.구독일.split('~');
- (document.getElementById('sw-구독일-시작') as HTMLInputElement).value = parts[0]?.trim() || '';
- (document.getElementById('sw-구독일-종료') as HTMLInputElement).value = parts[1]?.trim() || '';
- } else {
- (document.getElementById('sw-구독일-시작') as HTMLInputElement).value = '';
- (document.getElementById('sw-구독일-종료') as HTMLInputElement).value = '';
+function renderUserSummary(swId: string) {
+ const container = document.getElementById('sw-assigned-users-summary');
+ if (!container) return;
+ const users = state.masterData.swUsers.find(u => u.sw_id === swId);
+ if (!users || !users.userData || users.userData.length === 0) {
+ container.innerHTML = '
할당된 사용자가 없습니다.
';
+ return;
}
-
- (document.getElementById('sw-유지보수여부') as HTMLInputElement).checked = !!asset.유지보수여부;
- (document.getElementById('sw-금액') as HTMLInputElement).value = asset.금액 || '';
- (document.getElementById('sw-수량') as HTMLInputElement).value = String(asset.수량);
- (document.getElementById('sw-계정명') as HTMLInputElement).value = asset.계정명 || '';
- (document.getElementById('sw-납품업체') as HTMLInputElement).value = asset.납품업체 || '';
- (document.getElementById('sw-비고') as HTMLInputElement).value = asset.비고 || '';
+ container.innerHTML = users.userData.map(u => `
+
+ ${u[3]}
+ ${u[1]}
+
+ `).join('');
+}
- document.getElementById('btn-open-sw-update')!.style.display = 'flex';
+export function openSwModal(asset: SoftwareAsset) {
+ currentSwAsset = asset;
+ const modal = document.getElementById('sw-asset-modal')!;
+ const form = document.getElementById('sw-asset-form') as HTMLFormElement;
+ const saveBtn = document.getElementById('btn-save-sw-asset')!;
+ const revertBtn = document.getElementById('btn-revert-sw-edit')!;
+
+ form.reset();
+ const isNew = !asset.자산번호;
+
+ if (isNew) {
+ isEditMode = true;
+ form.classList.remove('is-view-mode');
+ form.classList.add('is-edit-mode');
+ saveBtn.textContent = '저장';
+ revertBtn.classList.add('hidden');
+ } else {
+ isEditMode = false;
+ form.classList.remove('is-edit-mode');
+ form.classList.add('is-view-mode');
+ saveBtn.textContent = '수정';
+ revertBtn.classList.add('hidden');
+ }
+
+ fillSwFormData(asset);
renderSwHistory(asset.id);
+ modal.classList.remove('hidden');
+ createIcons({ icons: { X, History, Plus } });
}
-export function initSwModal(renderContent: () => void, closeModals: () => void) {
+export function initSwModal(onSave: () => void, closeModals: () => void) {
if (!document.getElementById('sw-asset-modal')) {
document.body.insertAdjacentHTML('beforeend', SW_MODAL_HTML);
}
- const swForm = document.getElementById('sw-asset-form') as HTMLFormElement;
- const btnRevertEdit = document.getElementById('btn-revert-sw-edit') as HTMLButtonElement;
- const btnSaveSw = document.getElementById('btn-save-sw-asset') as HTMLButtonElement;
- const btnDeleteSw = document.getElementById('btn-delete-sw-asset') as HTMLButtonElement;
- const btnCloseHeader = document.getElementById('btn-close-sw-modal') as HTMLButtonElement;
- const btnCloseFooter = document.getElementById('btn-close-sw-footer') as HTMLButtonElement;
+ const form = document.getElementById('sw-asset-form') as HTMLFormElement;
+ const saveBtn = document.getElementById('btn-save-sw-asset')!;
+ const revertBtn = document.getElementById('btn-revert-sw-edit')!;
+ const deleteBtn = document.getElementById('btn-delete-sw-asset')!;
+ const userUpdateBtn = document.getElementById('btn-open-sw-update')!;
- btnRevertEdit?.addEventListener('click', () => setEditMode(false));
- btnCloseHeader?.addEventListener('click', closeModals);
- btnCloseFooter?.addEventListener('click', closeModals);
+ const closeModalAction = () => { closeModals(); isEditMode = false; };
+ document.getElementById('btn-close-sw-modal')?.addEventListener('click', closeModalAction);
+ document.getElementById('btn-cancel-sw-modal')?.addEventListener('click', closeModalAction);
- btnSaveSw?.addEventListener('click', (e) => {
- e.preventDefault();
+ revertBtn.addEventListener('click', () => {
+ isEditMode = false;
+ form.classList.replace('is-edit-mode', 'is-view-mode');
+ saveBtn.textContent = '수정';
+ revertBtn.classList.add('hidden');
+ if (currentSwAsset) fillSwFormData(currentSwAsset);
+ });
+
+ saveBtn.addEventListener('click', () => {
+ if (!currentSwAsset) return;
if (!isEditMode) {
- setEditMode(true);
+ isEditMode = true;
+ form.classList.replace('is-view-mode', 'is-edit-mode');
+ saveBtn.textContent = '저장';
+ revertBtn.classList.remove('hidden');
return;
}
-
- if (!swForm.checkValidity()) { swForm.reportValidity(); return; }
-
- const id = (document.getElementById('sw-asset-id') as HTMLInputElement).value;
- const start = (document.getElementById('sw-구독일-시작') as HTMLInputElement).value;
- const end = (document.getElementById('sw-구독일-종료') as HTMLInputElement).value;
- const 구독일Str = (start || end) ? `${start || ''} ~ ${end || ''}` : '';
- const newAsset: SoftwareAsset = {
- id: id || Math.random().toString(36).substring(2, 9),
- type: (document.getElementById('sw-asset-type') as HTMLInputElement).value,
- 분야: (document.getElementById('sw-분야') as HTMLSelectElement).value,
- 법인: (document.getElementById('sw-법인') as HTMLSelectElement).value,
- 부서: (document.getElementById('sw-부서') as HTMLInputElement).value,
- 제품명: (document.getElementById('sw-제품명') as HTMLInputElement).value,
- 구매일: (document.getElementById('sw-구매일') as HTMLInputElement).value,
- 구독일: 구독일Str,
- 유지보수여부: (document.getElementById('sw-유지보수여부') as HTMLInputElement).checked,
- 금액: (document.getElementById('sw-금액') as HTMLInputElement).value,
- 수량: parseInt((document.getElementById('sw-수량') as HTMLInputElement).value || '1', 10),
- 계정명: (document.getElementById('sw-계정명') as HTMLInputElement).value,
- 납품업체: (document.getElementById('sw-납품업체') as HTMLInputElement).value,
- 비고: (document.getElementById('sw-비고') as HTMLInputElement).value,
+ const type = getFieldValue('sw-asset-type');
+ const updated: any = {
+ ...currentSwAsset,
+ 법인: getFieldValue('sw-법인'),
+ 자산번호: getFieldValue('sw-자산번호'),
+ 제품명: getFieldValue('sw-제품명'),
+ 수량: parseInt(getFieldValue('sw-수량') || '0'),
+ 금액: getFieldValue('sw-금액'),
+ 구매일: getFieldValue('sw-구매일'),
+ 납품업체: getFieldValue('sw-납품업체'),
+ 비고: getFieldValue('sw-비고'),
+ type: type
};
- if (id) {
- const idx = state.masterData.sw.findIndex(a => a.id === id);
- if(idx !== -1) state.masterData.sw[idx] = newAsset;
+ if (type === '구독SW') {
+ updated.라이선스유형 = getFieldValue('sw-라이선스유형');
+ updated.만료일 = getFieldValue('sw-만료일');
} else {
- state.masterData.sw.push(newAsset);
+ updated.라이선스키 = getFieldValue('sw-라이선스키');
}
-
- closeModals();
- renderContent();
+
+ const targetList = type === '구독SW' ? state.masterData.subSw : state.masterData.permSw;
+ const idx = targetList.findIndex(a => a.id === updated.id);
+ if (idx > -1) targetList[idx] = updated;
+ else targetList.push(updated);
+
+ onSave();
+ isEditMode = false;
+ form.classList.replace('is-edit-mode', 'is-view-mode');
+ saveBtn.textContent = '수정';
+ revertBtn.classList.add('hidden');
});
- btnDeleteSw?.addEventListener('click', (e) => {
- e.preventDefault();
- const id = (document.getElementById('sw-asset-id') as HTMLInputElement).value;
+ deleteBtn.addEventListener('click', () => {
+ if (!currentSwAsset) return;
if (confirm('삭제하시겠습니까?')) {
- state.masterData.sw = state.masterData.sw.filter(a => a.id !== id);
- closeModals();
- renderContent();
+ const type = currentSwAsset.type;
+ if (type === '구독SW') state.masterData.subSw = state.masterData.subSw.filter(a => a.id !== currentSwAsset!.id);
+ else state.masterData.permSw = state.masterData.permSw.filter(a => a.id !== currentSwAsset!.id);
+ onSave();
+ closeModalAction();
}
});
- // Update Sub-modal integration
- const subModal = document.getElementById('sw-update-modal')!;
- const btnOpenUpdate = document.getElementById('btn-open-sw-update')!;
- const btnCloseUpdate = document.getElementById('btn-close-sw-update')!;
- const btnCancelUpdate = document.getElementById('btn-cancel-sw-update')!;
- const btnSaveUpdate = document.getElementById('btn-save-sw-update')!;
-
- const closeUpdateModal = () => subModal.classList.add('hidden');
- btnCloseUpdate?.addEventListener('click', closeUpdateModal);
- btnCancelUpdate?.addEventListener('click', closeUpdateModal);
-
- btnOpenUpdate?.addEventListener('click', (e) => {
- e.preventDefault();
- const isSub = (document.getElementById('sw-asset-type') as HTMLInputElement).value === '구독SW';
- subModal.classList.remove('hidden');
-
- // Set default values
- (document.getElementById('sw-update-date') as HTMLInputElement).value = new Date().toISOString().substring(0, 10);
- (document.getElementById('sw-update-start') as HTMLInputElement).value = '';
- (document.getElementById('sw-update-end') as HTMLInputElement).value = '';
- (document.getElementById('sw-update-cost') as HTMLInputElement).value = '';
- (document.getElementById('sw-update-note') as HTMLInputElement).value = '';
-
- if (isSub) {
- document.querySelector('.sub-sw-update')!.setAttribute('style', 'display:flex; flex-direction:column;');
- document.querySelector('.perm-sw-update')!.setAttribute('style', 'display:none');
- } else {
- document.querySelector('.sub-sw-update')!.setAttribute('style', 'display:none');
- document.querySelector('.perm-sw-update')!.setAttribute('style', 'display:flex; flex-direction:column;');
- (document.getElementById('sw-update-maintenance') as HTMLInputElement).checked = (document.getElementById('sw-유지보수여부') as HTMLInputElement).checked;
- }
- });
-
- btnSaveUpdate?.addEventListener('click', (e) => {
- e.preventDefault();
- const id = (document.getElementById('sw-asset-id') as HTMLInputElement).value;
- if (!id) { alert('자산이 저장되지 않았습니다. 메인 폼을 먼저 저장해주세요.'); return; }
-
- const isSub = (document.getElementById('sw-asset-type') as HTMLInputElement).value === '구독SW';
- const date = (document.getElementById('sw-update-date') as HTMLInputElement).value;
- const start = (document.getElementById('sw-update-start') as HTMLInputElement).value;
- const end = (document.getElementById('sw-update-end') as HTMLInputElement).value;
- const maintenance = (document.getElementById('sw-update-maintenance') as HTMLInputElement).checked;
- const cost = (document.getElementById('sw-update-cost') as HTMLInputElement).value;
- const note = (document.getElementById('sw-update-note') as HTMLInputElement).value;
-
- const periodStr = (start || end) ? `${start || ''} ~ ${end || ''}` : '';
-
- let details = `[업데이트] ${note || (isSub ? '구독 갱신' : '유지보수 계약')}\n`;
- if (cost) details += `발생 비용: ${cost}원\n`;
-
- if (isSub) {
- if (periodStr) details += `구독 변경: -> ${periodStr}\n`;
- // Always update main fields if period is provided
- if (periodStr) {
- (document.getElementById('sw-구독일-시작') as HTMLInputElement).value = start;
- (document.getElementById('sw-구독일-종료') as HTMLInputElement).value = end;
- }
- } else {
- details += `유지보수 상태: -> ${maintenance ? '유효' : '없음'}\n`;
- (document.getElementById('sw-유지보수여부') as HTMLInputElement).checked = maintenance;
- }
-
- if (cost) (document.getElementById('sw-금액') as HTMLInputElement).value = cost;
-
- state.masterData.logs.push({
- id: Math.random().toString(36).substring(2, 9),
- assetId: id,
- date,
- details,
- user: '관리자'
- });
-
- closeUpdateModal();
- renderSwHistory(id);
-
- // 메인 테이블 리렌더링도 트리거 (뒤에 보일 수 있게)
- renderContent();
+ userUpdateBtn.addEventListener('click', () => {
+ if (currentSwAsset) openSwUserModal(currentSwAsset);
});
}
-function renderSwHistory(assetId: string) {
- const historyList = document.getElementById('sw-history-list');
- if (!historyList) return;
-
- const logs = state.masterData.logs
- .filter(l => l.assetId === assetId)
- .sort((a, b) => new Date(b.date).getTime() - new Date(a.date).getTime());
-
- if (logs.length === 0) {
- historyList.innerHTML = '
업데이트 내역이 없습니다.
';
- return;
- }
-
- historyList.innerHTML = logs.map(log => `
-
-
${log.date}
-
작업자: ${log.user}
-
${log.details.replace(/\\n/g, '
')}
-
- `).join('');
- createIcons({ icons: { X, History, Plus } });
-}
-
-export function openSwModal(asset?: SoftwareAsset) {
- currentAsset = asset || null;
- const swForm = document.getElementById('sw-asset-form') as HTMLFormElement;
- const deleteBtn = document.getElementById('btn-delete-sw-asset')!;
-
- openModal('sw-asset-modal');
- swForm.reset();
-
- const subGroup = document.getElementById('sw-구독일-group')!;
- const permGroup = document.getElementById('sw-유지보수-group')!;
- if (state.activeSubTab === '구독SW') {
- subGroup.style.display = 'flex';
- permGroup.style.display = 'none';
- } else {
- subGroup.style.display = 'none';
- permGroup.style.display = 'flex';
- }
-
- if (asset) {
- document.getElementById('sw-modal-title')!.textContent = `${state.activeSubTab} 상세 정보 수정`;
- deleteBtn.style.display = 'block';
- fillFormData(asset);
- setEditMode(false);
- } else {
- document.getElementById('sw-modal-title')!.textContent = `신규 ${state.activeSubTab} 자산 추가`;
- deleteBtn.style.display = 'none';
- (document.getElementById('sw-asset-id') as HTMLInputElement).value = '';
- (document.getElementById('sw-asset-type') as HTMLInputElement).value = state.activeSubTab;
- document.getElementById('btn-open-sw-update')!.style.display = 'none';
- renderSwHistory('');
- setEditMode(true);
- }
-
- createIcons({ icons: { X, History, Plus } });
+function renderSwHistory(swId: string) {
+ const container = document.getElementById('sw-history-list');
+ if (!container) return;
+ container.innerHTML = '
이력이 없습니다.
';
}
diff --git a/src/components/Modal/SWUserModal.ts b/src/components/Modal/SWUserModal.ts
index 8f20868..8131ed6 100644
--- a/src/components/Modal/SWUserModal.ts
+++ b/src/components/Modal/SWUserModal.ts
@@ -2,73 +2,68 @@ import { state } from '../../core/state';
import { SoftwareAsset, SWUser } from '../../core/excelHandler';
import { openModal } from './BaseModal';
import { createIcons, Edit2, X, Paperclip } from 'lucide';
+import { CORP_LIST, ORG_LIST } from './SharedData';
+import { generateOptionsHTML, setFieldValue, getFieldValue } from './ModalUtils';
-let currentSwUserAssetId: string = '';
+let currentSwUserAsset: SoftwareAsset | null = null;
let tempSwUsers: SWUser[] = [];
const SW_USER_MODAL_HTML = `
-
-
+
-
-
+
+
+
+
할당된 사용자 목록
+
-
+
- | 법인 |
+ 구매법인 |
부서/팀 |
직위 |
이름 |
사용기간 |
- 증빙 |
- 관리 |
+ 신청서 |
+ 관리 |
-
+
-
-
+
`;
-export function initSwUserModal(renderContent: () => void, closeModals: () => void) {
+export function openSwUserModal(asset: SoftwareAsset) {
+ currentSwUserAsset = asset;
+ const modal = document.getElementById('sw-user-modal')!;
+
+ const swInfo = document.getElementById('sw-user-sw-info')!;
+ swInfo.innerHTML = `
+
+
${asset.법인} | ${asset.자산번호}
+
${asset.제품명}
+
+ `;
+
+ // 기존 사용자 데이터 복사 (원본 보호를 위해 temp 사용)
+ const existingMapping = state.masterData.swUsers.find(u => u.sw_id === asset.id);
+ tempSwUsers = existingMapping ? JSON.parse(JSON.stringify(existingMapping.userDataList || [])) : [];
+
+ renderUserList();
+ modal.classList.remove('hidden');
+ createIcons({ icons: { Edit2, X, Paperclip } });
+}
+
+function renderUserList() {
+ const tbody = document.getElementById('sw-user-table-body')!;
+ tbody.innerHTML = '';
+
+ if (tempSwUsers.length === 0) {
+ tbody.innerHTML = '
| 할당된 사용자가 없습니다. |
';
+ return;
+ }
+
+ tempSwUsers.forEach((user, idx) => {
+ const tr = document.createElement('tr');
+ tr.innerHTML = `
+
${user.구매법인 || user.법인 || ''} |
+
${user.부서 || ''} |
+
${user.직위 || ''} |
+
${user.이름 || ''} |
+
${user.사용기간 || ''} |
+
${user.신청서명 ? '' : '-'} |
+
+
+
+
+
+ `;
+ tbody.appendChild(tr);
+ });
+
+ // 이벤트 연결
+ tbody.querySelectorAll('.btn-edit-user').forEach(btn => {
+ btn.addEventListener('click', (e) => {
+ const idx = parseInt((e.currentTarget as HTMLElement).getAttribute('data-idx')!);
+ openUserEditSubModal(idx);
+ });
+ });
+
+ tbody.querySelectorAll('.btn-del-user').forEach(btn => {
+ btn.addEventListener('click', (e) => {
+ const idx = parseInt((e.currentTarget as HTMLElement).getAttribute('data-idx')!);
+ if (confirm('사용자 할당을 삭제하시겠습니까?')) {
+ tempSwUsers.splice(idx, 1);
+ renderUserList();
+ }
+ });
+ });
+
+ createIcons({ icons: { Paperclip } });
+}
+
+function openUserEditSubModal(idx: number = -1) {
+ const subModal = document.getElementById('sw-user-edit-modal')!;
+ const form = document.getElementById('sw-user-edit-form') as HTMLFormElement;
+ form.reset();
+
+ setFieldValue('edit-user-index', idx);
+
+ if (idx > -1) {
+ const user = tempSwUsers[idx];
+ setFieldValue('new-user-법인', user.구매법인 || user.법인);
+ setFieldValue('new-user-부서', user.부서);
+ setFieldValue('new-user-직위', user.직위);
+ setFieldValue('new-user-이름', user.이름);
+ setFieldValue('new-user-사용기간', user.사용기간);
+ } else {
+ setFieldValue('new-user-법인', currentSwUserAsset?.법인);
+ }
+
+ subModal.classList.remove('hidden');
+}
+
+export function initSwUserModal(onSave: () => void, closeModals: () => void) {
if (!document.getElementById('sw-user-modal')) {
document.body.insertAdjacentHTML('beforeend', SW_USER_MODAL_HTML);
}
- const btnOpenAddUser = document.getElementById('btn-open-add-user');
- const btnSaveEditUser = document.getElementById('btn-save-edit-user');
- const btnSaveSwUserMapping = document.getElementById('btn-save-sw-user-mapping');
- const btnCancelUserEdit = document.getElementById('btn-cancel-sw-user-edit');
- const btnCloseUserEdit = document.getElementById('btn-close-sw-user-edit');
- const btnCancelUserModal = document.getElementById('btn-cancel-sw-user-modal');
- const btnCloseUserModal = document.getElementById('btn-close-sw-user-modal');
+ const mainSaveBtn = document.getElementById('btn-save-sw-user')!;
+ const addUserBtn = document.getElementById('btn-open-add-user')!;
+ const confirmUserBtn = document.getElementById('btn-confirm-user-edit')!;
- btnOpenAddUser?.addEventListener('click', () => openUserEditModal(-1));
- btnSaveEditUser?.addEventListener('click', () => saveUserEdit());
-
- btnSaveSwUserMapping?.addEventListener('click', () => {
- state.masterData.swUsers = state.masterData.swUsers.filter(u => u.swId !== currentSwUserAssetId);
- state.masterData.swUsers.push(...tempSwUsers);
- closeModals();
- renderContent();
+ addUserBtn.addEventListener('click', () => openUserEditSubModal());
+
+ confirmUserBtn.addEventListener('click', () => {
+ saveUserDataToList();
});
- btnCancelUserEdit?.addEventListener('click', () => document.getElementById('sw-user-edit-modal')?.classList.add('hidden'));
- btnCloseUserEdit?.addEventListener('click', () => document.getElementById('sw-user-edit-modal')?.classList.add('hidden'));
- btnCancelUserModal?.addEventListener('click', closeModals);
- btnCloseUserModal?.addEventListener('click', closeModals);
-}
-
-function renderUserList() {
- const tbody = document.getElementById('user-list-body')!;
- tbody.innerHTML = '';
- if (tempSwUsers.length === 0) {
- tbody.innerHTML = ' | | 할당된 사용자가 없습니다. |
';
- return;
- }
-
- tempSwUsers.forEach((user, idx) => {
- const tr = document.createElement('tr');
- const deptTeam = [user.부서, user.팀].filter(Boolean).join(' / ') || '-';
- const attachIcon = user.신청서명 ? `
` : '-';
+ mainSaveBtn.addEventListener('click', () => {
+ if (!currentSwUserAsset) return;
- tr.innerHTML = `
-
${user.법인} |
-
${deptTeam} |
-
${user.직위 || '-'} |
-
${user.이름} |
-
${user.사용기간 || '-'} |
-
${attachIcon} |
-
-
-
- |
- `;
- tbody.appendChild(tr);
+ // 전역 상태 업데이트
+ const existingIdx = state.masterData.swUsers.findIndex(u => u.sw_id === currentSwUserAsset!.id);
+ const newMapping = {
+ sw_id: currentSwUserAsset!.id,
+ userDataList: tempSwUsers
+ };
+
+ if (existingIdx > -1) state.masterData.swUsers[existingIdx] = newMapping as any;
+ else state.masterData.swUsers.push(newMapping as any);
+
+ onSave();
+ document.getElementById('sw-user-modal')?.classList.add('hidden');
});
-
- createIcons({ icons: { Edit2, X, Paperclip } });
-
- tbody.querySelectorAll('.btn-edit-user').forEach(btn => {
- btn.addEventListener('click', (e) => {
- const idx = parseInt((e.currentTarget as HTMLElement).getAttribute('data-idx')!);
- openUserEditModal(idx);
- });
+
+ document.getElementById('btn-close-sw-user-modal')?.addEventListener('click', () => {
+ document.getElementById('sw-user-modal')?.classList.add('hidden');
});
-
- tbody.querySelectorAll('.btn-remove-user').forEach(btn => {
- btn.addEventListener('click', (e) => {
- const idx = parseInt((e.currentTarget as HTMLButtonElement).getAttribute('data-idx')!);
- tempSwUsers.splice(idx, 1);
- renderUserList();
- });
+ document.getElementById('btn-cancel-sw-user')?.addEventListener('click', () => {
+ document.getElementById('sw-user-modal')?.classList.add('hidden');
+ });
+ document.getElementById('btn-close-user-edit')?.addEventListener('click', () => {
+ document.getElementById('sw-user-edit-modal')?.classList.add('hidden');
+ });
+ document.getElementById('btn-close-user-sub')?.addEventListener('click', () => {
+ document.getElementById('sw-user-edit-modal')?.classList.add('hidden');
});
}
-export function openSwUserModal(asset: SoftwareAsset) {
- openModal('sw-user-modal');
- currentSwUserAssetId = asset.id;
- tempSwUsers = state.masterData.swUsers.filter(u => u.swId === asset.id).map(u => ({...u}));
- renderUserList();
-}
+function saveUserDataToList() {
+ const idx = parseInt(getFieldValue('edit-user-index'));
+ const 신청서Input = document.getElementById('new-user-신청서') as HTMLInputElement;
+ const 신청서명 = 신청서Input.files && 신청서Input.files.length > 0 ? 신청서Input.files[0].name : (idx > -1 ? tempSwUsers[idx].신청서명 : '');
-function openUserEditModal(idx: number) {
- const editModal = document.getElementById('sw-user-edit-modal')!;
- editModal.classList.remove('hidden');
- (document.getElementById('edit-user-idx') as HTMLInputElement).value = String(idx);
-
- if (idx === -1) {
- document.getElementById('sw-user-edit-modal-title')!.innerText = '새 사용자 추가';
- (document.getElementById('new-user-법인') as HTMLSelectElement).value = '한맥';
- (document.getElementById('new-user-부서') as HTMLInputElement).value = '';
- (document.getElementById('new-user-팀') as HTMLInputElement).value = '';
- (document.getElementById('new-user-직위') as HTMLInputElement).value = '';
- (document.getElementById('new-user-이름') as HTMLInputElement).value = '';
- (document.getElementById('new-user-사용기간') as HTMLInputElement).value = '';
- (document.getElementById('new-user-신청서') as HTMLInputElement).value = '';
- document.getElementById('new-user-신청서명')!.innerText = '';
- } else {
- document.getElementById('sw-user-edit-modal-title')!.innerText = '사용자 정보 수정';
- const u = tempSwUsers[idx];
- (document.getElementById('new-user-법인') as HTMLSelectElement).value = u.법인;
- (document.getElementById('new-user-부서') as HTMLInputElement).value = u.부서;
- (document.getElementById('new-user-팀') as HTMLInputElement).value = u.팀;
- (document.getElementById('new-user-직위') as HTMLInputElement).value = u.직위;
- (document.getElementById('new-user-이름') as HTMLInputElement).value = u.이름;
- (document.getElementById('new-user-사용기간') as HTMLInputElement).value = u.사용기간;
- (document.getElementById('new-user-신청서') as HTMLInputElement).value = '';
- document.getElementById('new-user-신청서명')!.innerText = u.신청서명 ? `첨부: ${u.신청서명}` : '';
- }
-}
-
-function saveUserEdit() {
- const idx = parseInt((document.getElementById('edit-user-idx') as HTMLInputElement).value);
- const 이름 = (document.getElementById('new-user-이름') as HTMLInputElement).value.trim();
- if (!이름) { alert('이름을 입력해주세요.'); return; }
-
- const fileInput = document.getElementById('new-user-신청서') as HTMLInputElement;
- let 신청서명 = '';
- if (fileInput.files && fileInput.files.length > 0) {
- 신청서명 = fileInput.files[0].name;
- } else if (idx !== -1) {
- 신청서명 = tempSwUsers[idx].신청서명;
- }
-
- const userData: SWUser = {
- id: idx === -1 ? Math.random().toString(36).substring(2, 9) : tempSwUsers[idx].id,
- swId: currentSwUserAssetId,
- 법인: (document.getElementById('new-user-법인') as HTMLSelectElement).value,
- 부서: (document.getElementById('new-user-부서') as HTMLInputElement).value,
- 팀: (document.getElementById('new-user-팀') as HTMLInputElement).value,
- 직위: (document.getElementById('new-user-직위') as HTMLInputElement).value,
- 이름,
- 사용기간: (document.getElementById('new-user-사용기간') as HTMLInputElement).value,
+ const userData: any = {
+ 구매법인: getFieldValue('new-user-법인'),
+ 부서: getFieldValue('new-user-부서'),
+ 직위: getFieldValue('new-user-직위'),
+ 이름: getFieldValue('new-user-이름'),
+ 사용기간: getFieldValue('new-user-사용기간'),
신청서명
};
diff --git a/src/components/Modal/SharedData.ts b/src/components/Modal/SharedData.ts
new file mode 100644
index 0000000..af6eeb0
--- /dev/null
+++ b/src/components/Modal/SharedData.ts
@@ -0,0 +1,33 @@
+/**
+ * 모든 모달에서 공통으로 사용하는 리스트 데이터 및 설정
+ */
+
+// 구매법인 목록
+export const CORP_LIST = ['한맥', '삼안', '장헌', '한라', 'PTC', '바론'];
+
+// 사용조직 목록
+export const ORG_LIST = ['한맥', '삼안', '장헌', '한라', 'PTC', '기술개발센터', '총괄기획실'];
+
+// 하드웨어 자산 유형 목록
+export const HW_TYPE_LIST = [
+ '서버', 'PC', '스토리지', 'NAS', 'DAS',
+ 'CPU', 'HDD', 'RAM', 'GPU',
+ '모바일', '노트북', '태블릿'
+];
+
+// 설치위치 종속성 데이터
+export const LOCATION_DATA: Record
= {
+ '한맥빌딩': ['MDF실', '1층', '2층', '3층', '4층', '5층', '6층', '7층', '파고라'],
+ '기술개발센터': ['서버실', '기타'],
+ '유니온빌딩': ['4층', '5층', '6층'],
+ '뉴코아빌딩': ['4층', '6층', '7층'],
+ 'IDC': ['서관202', '서관203', '서관204', '서관205', '동관53', '동관54']
+};
+
+// 유형별 자산번호 접두사(Prefix) 매핑
+export const TYPE_PREFIX_MAP: Record = {
+ '서버': 'SVR', 'PC': 'PC', 'NAS': 'NAS', 'DAS': 'DAS', '스토리지': 'STO',
+ 'CPU': 'CPU', 'HDD': 'HDD', 'RAM': 'RAM', 'GPU': 'GPU',
+ '모바일': 'MOB', '노트북': 'PC', '태블릿': 'TAB',
+ '개인PC': 'PC', '모바일기기': 'MOB'
+};
diff --git a/src/components/Modal/StorageModal.ts b/src/components/Modal/StorageModal.ts
deleted file mode 100644
index 1733521..0000000
--- a/src/components/Modal/StorageModal.ts
+++ /dev/null
@@ -1,166 +0,0 @@
-import { state } from '../../core/state';
-import { HardwareAsset } from '../../core/excelHandler';
-import { openModal } from './BaseModal';
-
-const STORAGE_MODAL_HTML = `
-
-`;
-
-export let currentAsset: HardwareAsset | null = null;
-export let isEditMode = false;
-
-export function setEditMode(edit: boolean) {
- isEditMode = edit;
- const storageForm = document.getElementById('storage-asset-form') as HTMLFormElement;
- const btnSaveStorage = document.getElementById('btn-save-storage-asset') as HTMLButtonElement;
- const btnRevertEdit = document.getElementById('btn-revert-storage-edit') as HTMLButtonElement;
- const btnCloseFooter = document.getElementById('btn-close-storage-footer') as HTMLButtonElement;
-
- if (edit) {
- storageForm.classList.add('is-edit-mode');
- storageForm.classList.remove('is-view-mode');
- btnSaveStorage.textContent = '저장';
- btnRevertEdit.classList.remove('hidden');
- btnCloseFooter.classList.add('hidden');
- } else {
- storageForm.classList.add('is-view-mode');
- storageForm.classList.remove('is-edit-mode');
- btnSaveStorage.textContent = '수정';
- btnRevertEdit.classList.add('hidden');
- btnCloseFooter.classList.remove('hidden');
- if (currentAsset) fillFormData(currentAsset);
- }
-}
-
-export function fillFormData(asset: HardwareAsset) {
- (document.getElementById('storage-asset-id') as HTMLInputElement).value = asset.id;
- (document.getElementById('storage-법인') as HTMLInputElement).value = asset.법인;
- (document.getElementById('storage-유형') as HTMLInputElement).value = asset.storage유형 || 'NAS';
- (document.getElementById('storage-자산코드') as HTMLInputElement).value = asset.자산코드;
- (document.getElementById('storage-명칭') as HTMLInputElement).value = asset.명칭;
- (document.getElementById('storage-위치') as HTMLInputElement).value = asset.위치 || '';
- (document.getElementById('storage-모델명') as HTMLInputElement).value = asset.모델명 || '';
- (document.getElementById('storage-용량') as HTMLInputElement).value = asset.용량 || '';
- (document.getElementById('storage-담당자_정') as HTMLInputElement).value = asset.담당자_정 || '';
- (document.getElementById('storage-IP주소') as HTMLInputElement).value = asset.IP주소 || '';
- (document.getElementById('storage-구매일') as HTMLInputElement).value = asset.구매일 || '';
- (document.getElementById('storage-금액') as HTMLInputElement).value = asset.금액 || '';
-}
-
-export function initStorageModal(renderContent: () => void, closeModals: () => void) {
- if (!document.getElementById('storage-asset-modal')) {
- document.body.insertAdjacentHTML('beforeend', STORAGE_MODAL_HTML);
- }
-
- const storageForm = document.getElementById('storage-asset-form') as HTMLFormElement;
- const btnRevertEdit = document.getElementById('btn-revert-storage-edit') as HTMLButtonElement;
- const btnSaveStorage = document.getElementById('btn-save-storage-asset') as HTMLButtonElement;
- const btnDeleteStorage = document.getElementById('btn-delete-storage-asset') as HTMLButtonElement;
- const btnCloseHeader = document.getElementById('btn-close-storage-modal') as HTMLButtonElement;
- const btnCloseFooter = document.getElementById('btn-close-storage-footer') as HTMLButtonElement;
-
- btnRevertEdit?.addEventListener('click', () => setEditMode(false));
- btnCloseHeader?.addEventListener('click', closeModals);
- btnCloseFooter?.addEventListener('click', closeModals);
-
- btnSaveStorage?.addEventListener('click', (e) => {
- e.preventDefault();
- if (!isEditMode) {
- setEditMode(true);
- return;
- }
-
- if (!storageForm.checkValidity()) { storageForm.reportValidity(); return; }
-
- const id = (document.getElementById('storage-asset-id') as HTMLInputElement).value;
- const newAsset: HardwareAsset = {
- id: id || Math.random().toString(36).substring(2, 9),
- type: '스토리지',
- 법인: (document.getElementById('storage-법인') as HTMLInputElement).value,
- storage유형: (document.getElementById('storage-유형') as HTMLInputElement).value,
- 자산코드: (document.getElementById('storage-자산코드') as HTMLInputElement).value,
- 명칭: (document.getElementById('storage-명칭') as HTMLInputElement).value,
- 위치: (document.getElementById('storage-위치') as HTMLInputElement).value,
- 모델명: (document.getElementById('storage-모델명') as HTMLInputElement).value,
- 용량: (document.getElementById('storage-용량') as HTMLInputElement).value,
- 담당자_정: (document.getElementById('storage-담당자_정') as HTMLInputElement).value,
- IP주소: (document.getElementById('storage-IP주소') as HTMLInputElement).value,
- 구매일: (document.getElementById('storage-구매일') as HTMLInputElement).value,
- 금액: (document.getElementById('storage-금액') as HTMLInputElement).value,
- 관리자: '', MACaddress: '', HW사양: '', OS: '', 납품업체: '', 품의서명: ''
- };
-
- if (id) {
- const idx = state.masterData.hw.findIndex(a => a.id === id);
- if(idx !== -1) state.masterData.hw[idx] = newAsset;
- } else {
- state.masterData.hw.push(newAsset);
- }
-
- closeModals();
- renderContent();
- });
-
- btnDeleteStorage?.addEventListener('click', (e) => {
- e.preventDefault();
- const id = (document.getElementById('storage-asset-id') as HTMLInputElement).value;
- if (confirm('삭제하시겠습니까?')) {
- state.masterData.hw = state.masterData.hw.filter(a => a.id !== id);
- closeModals();
- renderContent();
- }
- });
-}
-
-export function openStorageModal(asset?: HardwareAsset) {
- currentAsset = asset || null;
- const storageForm = document.getElementById('storage-asset-form') as HTMLFormElement;
- const deleteBtn = document.getElementById('btn-delete-storage-asset')!;
-
- openModal('storage-asset-modal');
- storageForm.reset();
-
- if (asset) {
- document.getElementById('storage-modal-title')!.textContent = '스토리지 상세 정보 수정';
- deleteBtn.style.display = 'block';
- fillFormData(asset);
- setEditMode(false);
- } else {
- document.getElementById('storage-modal-title')!.textContent = '신규 스토리지 자산 추가';
- deleteBtn.style.display = 'none';
- (document.getElementById('storage-asset-id') as HTMLInputElement).value = '';
- setEditMode(true);
- }
-}
diff --git a/src/components/Navigation.ts b/src/components/Navigation.ts
index 8ed0688..8c60350 100644
--- a/src/components/Navigation.ts
+++ b/src/components/Navigation.ts
@@ -3,7 +3,7 @@ import { state } from '../core/state';
const MENU_CONFIG = {
hw: {
label: '하드웨어',
- tabs: ['대시보드', '개인PC', '서버', '스토리지', '전산비품']
+ tabs: ['대시보드', '개인PC', '서버', '스토리지', '전산비품', '모바일기기']
},
sw: {
label: '소프트웨어',
@@ -38,7 +38,7 @@ export function renderNavigation(onTabChange: (tab: string) => void) {
if (state.activeCategory !== catKey) {
state.activeCategory = catKey;
state.activeSubTab = '대시보드';
- if (btnAddAsset) btnAddAsset.classList.add('hidden');
+ if (btnAddAsset) btnAddAsset.classList.remove('hidden');
render();
onTabChange('대시보드');
}
@@ -60,8 +60,7 @@ export function renderNavigation(onTabChange: (tab: string) => void) {
state.activeSubTab = tab;
if (btnAddAsset) {
- if (tab === '대시보드') btnAddAsset.classList.add('hidden');
- else btnAddAsset.classList.remove('hidden');
+ btnAddAsset.classList.remove('hidden');
}
render();
diff --git a/src/core/state.ts b/src/core/state.ts
index 9eff01a..0e0bea4 100644
--- a/src/core/state.ts
+++ b/src/core/state.ts
@@ -6,6 +6,7 @@ export interface MasterAssetData {
server: HardwareAsset[];
storage: HardwareAsset[];
equip: HardwareAsset[];
+ mobile: HardwareAsset[];
subSw: SoftwareAsset[];
permSw: SoftwareAsset[];
swUsers: SWUser[];
@@ -27,6 +28,7 @@ export const state: AppState = {
server: [],
storage: [],
equip: [],
+ mobile: [],
subSw: [],
permSw: [],
swUsers: [],
@@ -44,6 +46,7 @@ export async function loadMasterDataFromDB() {
{ key: 'server', url: 'http://localhost:3000/api/server' },
{ key: 'storage', url: 'http://localhost:3000/api/storage' },
{ key: 'equip', url: 'http://localhost:3000/api/equip' },
+ { key: 'mobile', url: 'http://localhost:3000/api/mobile' },
{ key: 'subSw', url: 'http://localhost:3000/api/sw/sub' },
{ key: 'permSw', url: 'http://localhost:3000/api/sw/perm' },
{ key: 'swUsers', url: 'http://localhost:3000/api/sw-users' }
@@ -70,3 +73,46 @@ export async function loadMasterDataFromDB() {
export function updateState(newState: Partial) {
Object.assign(state, newState);
}
+
+/**
+ * 하드웨어 자산 통합 저장 (자동 카테고리 분류)
+ */
+export function saveHardwareAsset(updatedAsset: HardwareAsset) {
+ const { type } = updatedAsset;
+ const detailPurpose = (updatedAsset as any).상세용도 || '';
+
+ // 1. 타겟 카테고리 결정
+ let targetKey: keyof MasterAssetData = 'equip';
+ if (type === '서버' || (type === 'PC' && detailPurpose === '서버')) targetKey = 'server';
+ else if (['NAS', 'DAS', '스토리지'].includes(type)) targetKey = 'storage';
+ else if (['CPU', 'GPU', 'RAM', 'HDD'].includes(type)) targetKey = 'equip';
+ else if (['모바일', '태블릿', '노트북'].includes(type)) targetKey = 'mobile';
+ else if (type === 'PC' && detailPurpose === '개인PC') targetKey = 'pc';
+
+ // 2. 모든 카테고리에서 기존 ID 자산 삭제 (이동 가능성 대비)
+ const hwKeys: (keyof MasterAssetData)[] = ['pc', 'server', 'storage', 'equip', 'mobile'];
+ hwKeys.forEach(key => {
+ const arr = state.masterData[key] as HardwareAsset[];
+ if (Array.isArray(arr)) {
+ const idx = arr.findIndex(a => a.id === updatedAsset.id);
+ if (idx > -1) arr.splice(idx, 1);
+ }
+ });
+
+ // 3. 새로운 타겟 카테고리에 추가
+ (state.masterData[targetKey] as HardwareAsset[]).push(updatedAsset);
+}
+
+/**
+ * 하드웨어 자산 통합 삭제
+ */
+export function deleteHardwareAsset(assetId: string) {
+ const hwKeys: (keyof MasterAssetData)[] = ['pc', 'server', 'storage', 'equip', 'mobile'];
+ hwKeys.forEach(key => {
+ const arr = state.masterData[key] as HardwareAsset[];
+ if (Array.isArray(arr)) {
+ const idx = arr.findIndex(a => a.id === assetId);
+ if (idx > -1) arr.splice(idx, 1);
+ }
+ });
+}
diff --git a/src/core/utils.ts b/src/core/utils.ts
index b10e24a..aefcd6f 100644
--- a/src/core/utils.ts
+++ b/src/core/utils.ts
@@ -54,3 +54,24 @@ export function getAssetChanges(oldAsset: any, newAsset: any, fields: {key: stri
});
return changes.join('\n');
}
+
+/**
+ * 자산 목록 정렬 (방안 C: 구매법인별 -> 자산번호 순)
+ */
+export function sortAssets(list: T[]): T[] {
+ return [...list].sort((a: any, b: any) => {
+ // 1순위: 구매법인 (한글 가나다순)
+ const corpA = String(a.법인 || '').trim();
+ const corpB = String(b.법인 || '').trim();
+ if (corpA < corpB) return -1;
+ if (corpA > corpB) return 1;
+
+ // 2순위: 자산번호 (영문/숫자순)
+ const codeA = String(a.자산코드 || a.자산번호 || '').trim();
+ const codeB = String(b.자산코드 || b.자산번호 || '').trim();
+ if (codeA < codeB) return -1;
+ if (codeA > codeB) return 1;
+
+ return 0;
+ });
+}
diff --git a/src/main.ts b/src/main.ts
index 039f39f..e55a281 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -2,11 +2,10 @@ import { state, loadMasterDataFromDB } from './core/state';
import { renderNavigation } from './components/Navigation';
import { renderDashboard } from './views/DashboardView';
import { renderTable } from './views/AssetTableView';
-import { downloadTemplate, exportToExcel, parseExcel, HardwareAsset, SoftwareAsset, SWUser } from './core/excelHandler';
+import { downloadTemplate, exportToExcel, parseExcel } from './core/excelHandler';
import { initBaseModal } from './components/Modal/BaseModal';
import { initPcModal } from './components/Modal/PCModal';
import { initHwModal, openHwModal } from './components/Modal/HWModal';
-import { initStorageModal } from './components/Modal/StorageModal';
import { initSwModal } from './components/Modal/SWModal';
import { initSwUserModal } from './components/Modal/SWUserModal';
import { initDashboardDetailModal } from './components/Modal/DashboardDetailModal';
@@ -31,10 +30,22 @@ const savePcToDB = () => apiBatchSave('http://localhost:3000/api/pc/batch', stat
const saveServerToDB = () => apiBatchSave('http://localhost:3000/api/server/batch', state.masterData.server, '서버');
const saveStorageToDB = () => apiBatchSave('http://localhost:3000/api/storage/batch', state.masterData.storage, '스토리지');
const saveEquipToDB = () => apiBatchSave('http://localhost:3000/api/equip/batch', state.masterData.equip, '전산비품');
+const saveMobileToDB = () => apiBatchSave('http://localhost:3000/api/mobile/batch', state.masterData.mobile, '모바일기기');
const saveSubSwToDB = () => apiBatchSave('http://localhost:3000/api/sw/sub/batch', state.masterData.subSw, '구독SW');
const savePermSwToDB = () => apiBatchSave('http://localhost:3000/api/sw/perm/batch', state.masterData.permSw, '영구SW');
const saveSwUsersToDB = () => apiBatchSave('http://localhost:3000/api/sw-users/batch', state.masterData.swUsers, 'SW사용자');
+// 모든 하드웨어 DB 동기화
+async function saveAllHardwareToDB() {
+ await Promise.all([
+ savePcToDB(),
+ saveServerToDB(),
+ saveStorageToDB(),
+ saveEquipToDB(),
+ saveMobileToDB()
+ ]);
+}
+
// --- App Initialization ---
function initApp() {
console.log('🚀 ITAM Dedicated System Initializing...');
@@ -49,15 +60,10 @@ function initApp() {
else renderTable(mainContent);
});
- // 각 모달 초기화 시 해당 카테고리의 저장 API만 호출하도록 콜백 연결
- initPcModal(() => { savePcToDB(); renderTable(mainContent); }, closeAllModals);
- initHwModal(() => {
- if (state.activeSubTab === '서버') saveServerToDB();
- else if (state.activeSubTab === '스토리지') saveStorageToDB();
- else if (state.activeSubTab === '전산비품') saveEquipToDB();
- renderTable(mainContent);
- }, closeAllModals);
- initStorageModal(() => { saveStorageToDB(); renderTable(mainContent); }, closeAllModals);
+ // 하드웨어 모달은 통합 저장 로직 사용 (유형 변경 시 카테고리 이동 대응)
+ initPcModal(() => { saveAllHardwareToDB(); renderTable(mainContent); }, closeAllModals);
+ initHwModal(() => { saveAllHardwareToDB(); renderTable(mainContent); }, closeAllModals);
+
initSwModal(() => {
if (state.activeSubTab === '구독SW') saveSubSwToDB();
else savePermSwToDB();
@@ -86,9 +92,8 @@ function initApp() {
if (file) {
const data = await parseExcel(file);
state.masterData = data;
- // 엑셀 업로드 시 모든 카테고리 병렬 덮어쓰기
await Promise.all([
- savePcToDB(), saveServerToDB(), saveStorageToDB(), saveEquipToDB(),
+ saveAllHardwareToDB(),
saveSubSwToDB(), savePermSwToDB(), saveSwUsersToDB()
]);
renderTable(mainContent);
@@ -96,13 +101,13 @@ function initApp() {
});
document.getElementById('btn-add-asset')?.addEventListener('click', () => {
- if (state.activeSubTab === '서버' || state.activeSubTab === '전산비품' || state.activeSubTab === '스토리지') {
- openHwModal({
- id: Math.random().toString(36).substring(2, 9),
- type: state.activeSubTab,
- 법인: '한맥', 자산코드: '', 명칭: '', 위치: '', 관리자: '', IP주소: '', MACaddress: '', HW사양: '', OS: '', 납품업체: '', 품의서명: ''
- } as any);
- }
+ const defaultType = state.activeSubTab === '대시보드' ? '' : state.activeSubTab;
+ openHwModal({
+ id: Math.random().toString(36).substring(2, 9),
+ type: defaultType,
+ 법인: '', 자산코드: '', 명칭: '', 위치: '', 관리자: '', IP주소: '', MACaddress: '', HW사양: '', OS: '', 납품업체: '', 품의서명: '', 현사용조직: '', 이전사용조직: '',
+ 용도: '', 상세: '', 비고: '', storage유형: defaultType, 모델명: '', CPU: '', RAM: '', SSD1: '', SSD2: '', HDD1: '', 모니터링: ''
+ } as any, 'add');
});
createIcons({
diff --git a/src/styles/modal.css b/src/styles/modal.css
index 43aeb87..73c2557 100644
--- a/src/styles/modal.css
+++ b/src/styles/modal.css
@@ -103,13 +103,21 @@
.grid-form.is-view-mode input,
.grid-form.is-view-mode select,
.grid-form.is-view-mode textarea {
- border-color: transparent !important;
+ border: none !important;
background-color: transparent !important;
- padding-left: 0;
- padding-right: 0;
- pointer-events: none;
- color: var(--text-main);
- font-weight: 500;
+ padding-left: 0 !important;
+ padding-right: 0 !important;
+ pointer-events: none !important;
+ color: var(--text-main) !important;
+ font-weight: 500 !important;
+ appearance: none !important;
+ -webkit-appearance: none !important;
+ -moz-appearance: none !important;
+ box-shadow: none !important;
+}
+
+.grid-form.is-view-mode select::-ms-expand {
+ display: none !important;
}
.grid-form.is-edit-mode input,
@@ -119,6 +127,16 @@
border: 1px solid var(--border-color);
}
+/* 수동 수정 불가 필드 (자산번호 등) 전용 스타일 */
+.grid-form input[readonly] {
+ border-color: transparent !important;
+ background-color: transparent !important;
+ pointer-events: none !important;
+ color: var(--text-main) !important;
+ font-weight: 500 !important;
+ cursor: default;
+}
+
.grid-form.is-edit-mode input:focus,
.grid-form.is-edit-mode select:focus,
.grid-form.is-edit-mode textarea:focus {
diff --git a/src/views/AssetTableView.ts b/src/views/AssetTableView.ts
index a665c6b..bb22220 100644
--- a/src/views/AssetTableView.ts
+++ b/src/views/AssetTableView.ts
@@ -3,6 +3,7 @@ import { renderPcList } from './List/PcListView';
import { renderServerList } from './List/ServerListView';
import { renderStorageList } from './List/StorageListView';
import { renderEquipmentList } from './List/EquipmentListView';
+import { renderMobileList } from './List/MobileListView';
import { renderSwList } from './List/SwListView';
import { createIcons, Download, Upload, FileSpreadsheet, Plus, X, LayoutDashboard, Monitor, Server, Database, Laptop, CalendarClock, Key, Cpu, Layers, Users, Paperclip, Edit2, RefreshCcw } from 'lucide';
@@ -25,6 +26,7 @@ export function renderTable(mainContent: HTMLElement) {
else if (tab === '서버') renderServerList(container);
else if (tab === '스토리지') renderStorageList(container);
else if (tab === '전산비품') renderEquipmentList(container);
+ else if (tab === '모바일기기') renderMobileList(container);
else {
container.innerHTML = `"${tab}" 탭에 대한 하드웨어 리스트 뷰가 정의되지 않았습니다.
`;
}
diff --git a/src/views/Dashboard/HwDashboard.ts b/src/views/Dashboard/HwDashboard.ts
index 04da997..f669e2e 100644
--- a/src/views/Dashboard/HwDashboard.ts
+++ b/src/views/Dashboard/HwDashboard.ts
@@ -50,7 +50,7 @@ export function renderHwDashboard(container: HTMLElement) {
-
법인별 자산 분포
+ 구매법인별 자산 분포
${currentYear}년 도입 비용 분석
-
법인별 도입 금액 (원)
+ 구매법인별 도입 금액 (원)
diff --git a/src/views/List/EquipmentListView.ts b/src/views/List/EquipmentListView.ts
index 977606a..007bb10 100644
--- a/src/views/List/EquipmentListView.ts
+++ b/src/views/List/EquipmentListView.ts
@@ -1,10 +1,10 @@
import { state } from '../../core/state';
import { openHwModal } from '../../components/Modal/HWModal';
-import { formatInline } from '../../core/utils';
+import { formatInline, sortAssets } from '../../core/utils';
import { createIcons, RefreshCcw } from 'lucide';
export function renderEquipmentList(container: HTMLElement) {
- const fullList = state.masterData.equip;
+ const fullList = sortAssets(state.masterData.equip);
const filterBar = document.createElement('div');
filterBar.className = 'search-bar';
@@ -16,7 +16,7 @@ export function renderEquipmentList(container: HTMLElement) {
-
+
-
-
+
+