+
+
+
+
+
+
+
+ ${state.activeSubTab === '서버' ? `
+
+
+
+
` : ''}
+
+ `;
+ container.appendChild(filterBar);
+
+ // --- 2. Table Structure (Unified Style) ---
+ const tableWrapper = document.createElement('div');
+ tableWrapper.className = 'table-container';
+
+ if (state.activeSubTab === '개인PC') {
+ table.innerHTML = `운영 서비스 대시보드는 준비 중입니다.
`;
+ }
+}
+
+// --- 하드웨어 대시보드 ---
+function renderHwDashboard(container: HTMLElement) {
+ const types = ['개인PC', '서버', '스토리지', '전산비품'];
+ const units = ['대', '대', '대', '개'];
+ const groups: any = {};
+
+ types.forEach(t => { groups[t] = { idle: [], active: [], aged: [], normal: [] }; });
+
+ state.masterData.hw.forEach(a => {
+ if (!groups[a.type]) return;
+ if (isHwIdle(a)) groups[a.type].idle.push(a);
+ else groups[a.type].active.push(a);
+
+ const ageY = getHwAgeYears(a);
+ const isAged = a.type === '전산비품' ? ageY >= 3 : ageY >= 5;
+ if (isAged) groups[a.type].aged.push(a);
+ else groups[a.type].normal.push(a);
+ });
+
+ let usageCards = '';
+ types.forEach((t, i) => {
+ const total = groups[t].idle.length + groups[t].active.length;
+ const used = groups[t].active.length;
+ const per = total > 0 ? Math.round((used / total) * 100) : 0;
+ const barColor = per >= 50 ? 'var(--dash-primary)' : 'var(--dash-danger)';
+
+ usageCards += `
+
+ ${t} 사용현황
+
`;
+ });
+
+ container.innerHTML = `
+
+ ${total}${units[i]} 중 ${used}${units[i]} 사용 중
+
+ ${per}%
+
+
+
+ `;
+
+ setTimeout(() => {
+ if (typeof Chart === 'undefined') return;
+ const ctxType = (document.getElementById('chart-hw-types') as HTMLCanvasElement)?.getContext('2d');
+ const ctxCorp = (document.getElementById('chart-hw-corps') as HTMLCanvasElement)?.getContext('2d');
+ if (ctxType) {
+ const chart = new Chart(ctxType, {
+ type: 'doughnut',
+ data: { labels: types, datasets: [{ data: types.map(t => state.masterData.hw.filter(a => a.type === t).length), backgroundColor: ['#1E5149', '#3b82f6', '#10b981', '#f59e0b'] }] },
+ options: { responsive: true, maintainAspectRatio: false, plugins: { legend: { position: 'right' } } }
+ });
+ state.activeCharts.push(chart);
+ }
+ if (ctxCorp) {
+ const corps = ['한맥', '삼안', '바론'];
+ const chart = new Chart(ctxCorp, {
+ type: 'bar',
+ data: { labels: corps, datasets: [{ label: '보유 수량', data: corps.map(c => state.masterData.hw.filter(a => a.법인 === c).length), backgroundColor: 'rgba(30, 81, 73, 0.7)', borderRadius: 4 }] },
+ options: { responsive: true, maintainAspectRatio: false, plugins: { legend: { display: false } } }
+ });
+ state.activeCharts.push(chart);
+ }
+ }, 100);
+
+ container.querySelectorAll('[data-action="idle"]').forEach(card => {
+ card.addEventListener('click', () => {
+ const t = card.getAttribute('data-type')!;
+ openDashboardDetail(`[${t}] 유휴 자산 목록`, groups[t].idle);
+ });
+ });
+}
+
+// --- 소프트웨어 대시보드 ---
+function renderSwDashboard(container: HTMLElement) {
+ let subQty = 0, subUsed = 0, subExp = 0, subTotal = 0;
+ let permQty = 0, permUsed = 0, permExp = 0, permTotal = 0;
+
+ const currentYear = new Date().getFullYear().toString();
+ const corps = ['한맥', '삼안', '바론'];
+ const categories = ['업무공통', '개발S/W', '디자인', '설계S/W'];
+
+ const costByCorp: Record자산 사용현황 요약
+${usageCards}
+
+ 하드웨어 보유 통계
+
+
+
+
+ 자산 유형별 보유 현황
+ +
+
+ 법인별 자산 분포
+ +
+
+ `;
+
+ setTimeout(() => {
+ if (typeof Chart === 'undefined') return;
+ const ctxCorp = (document.getElementById('chart-sw-corp') as HTMLCanvasElement)?.getContext('2d');
+ const ctxCat = (document.getElementById('chart-sw-cat') as HTMLCanvasElement)?.getContext('2d');
+ if (ctxCorp) {
+ const chart = new Chart(ctxCorp, {
+ type: 'bar',
+ data: { labels: corps, datasets: [{ data: corps.map(c => costByCorp[c]), backgroundColor: 'rgba(30, 81, 73, 0.8)', borderRadius: 4 }] },
+ options: { responsive: true, maintainAspectRatio: false, plugins: { legend: { display: false } } }
+ });
+ state.activeCharts.push(chart);
+ }
+ if (ctxCat) {
+ const chart = new Chart(ctxCat, {
+ type: 'bar',
+ data: { labels: categories, datasets: [{ data: categories.map(c => costByCat[c]), backgroundColor: 'rgba(59, 130, 246, 0.8)', borderRadius: 4 }] },
+ options: { responsive: true, maintainAspectRatio: false, plugins: { legend: { display: false } } }
+ });
+ state.activeCharts.push(chart);
+ }
+ }, 100);
+
+ container.querySelector('[data-action="sub-usage"]')?.addEventListener('click', () => openSwUsageDetail('구독 소프트웨어 사용 목록', state.masterData.sw.filter(sw => sw.type === '구독SW')));
+ container.querySelector('[data-action="perm-usage"]')?.addEventListener('click', () => openSwUsageDetail('영구 소프트웨어 사용 목록', state.masterData.sw.filter(sw => sw.type === '영구SW')));
+ container.querySelector('[data-action="sub-exp"]')?.addEventListener('click', () => openSwDashboardDetail('구독 SW 만료 예정 목록', state.masterData.sw.filter(sw => sw.type === '구독SW' && isSWExpiring(sw))));
+ container.querySelector('[data-action="perm-exp"]')?.addEventListener('click', () => openSwDashboardDetail('유지보수 만료 예정 목록', state.masterData.sw.filter(sw => sw.type === '영구SW' && isSWExpiring(sw))));
+}
+
+function isHwIdle(a: HardwareAsset) {
+ if (a.type === '개인PC') return !a.사용자 || a.사용자.trim() === '' || a.사용자.trim() === '-';
+ if (a.type === '스토리지') return !a.담당자_정 || a.담당자_정.trim() === '' || a.담당자_정.trim() === '-';
+ return !a.관리자 || a.관리자.trim() === '' || a.관리자.trim() === '-';
+}
+
+function getHwAgeYears(a: HardwareAsset) {
+ if (!a.구매일) return 0;
+ try {
+ const buyDate = new Date(a.구매일.replace(/\./g, '-'));
+ if (isNaN(buyDate.getTime())) return 0;
+ return (Date.now() - buyDate.getTime()) / (1000 * 60 * 60 * 24 * 365.25);
+ } catch { return 0; }
+}
+
+function isSWExpiring(sw: SoftwareAsset) {
+ if (sw.type === '구독SW' && sw.구독일) {
+ const parts = sw.구독일.split('~');
+ if (parts.length > 1) {
+ const endMs = new Date(parts[1].trim().replace(/\./g, '-')).getTime();
+ const diffDays = (endMs - Date.now()) / (1000 * 60 * 60 * 24);
+ return diffDays >= 0 && diffDays <= 30;
+ }
+ } else if (sw.type === '영구SW' && sw.비고 && sw.비고.includes('유지보수: ~')) {
+ try {
+ const endMs = new Date(sw.비고.split('~')[1].trim().replace(/\./g, '-')).getTime();
+ const diffDays = (endMs - Date.now()) / (1000 * 60 * 60 * 24);
+ return diffDays >= 0 && diffDays <= 30;
+ } catch { return false; }
+ }
+ return false;
+}
diff --git a/db_fix_data.js b/db_fix_data.js
new file mode 100644
index 0000000..92fb2b4
--- /dev/null
+++ b/db_fix_data.js
@@ -0,0 +1,49 @@
+import mysql from 'mysql2/promise';
+import dotenv from 'dotenv';
+
+dotenv.config();
+
+const { DB_HOST, DB_USER, DB_PASS, DB_NAME, DB_PORT } = process.env;
+
+async function migrateData() {
+ const connection = await mysql.createConnection({
+ host: DB_HOST,
+ user: DB_USER,
+ password: DB_PASS,
+ database: DB_NAME,
+ port: parseInt(DB_PORT || '3306')
+ });
+
+ console.log('🔄 기존 데이터 보정 시작 (상세유형 = 유형)...');
+
+ const tables = ['pc_assets', 'server_assets', 'storage_assets', 'equip_assets', 'mobile_assets'];
+
+ for (const table of tables) {
+ // 1. 유형(type)이 비어있는 경우 기본값 채우기 (보정 전 단계)
+ let defaultType = '기타';
+ if (table === 'server_assets') defaultType = '서버';
+ else if (table === 'pc_assets') defaultType = '개인PC';
+ else if (table === 'storage_assets') defaultType = '스토리지';
+ else if (table === 'equip_assets') defaultType = '전산비품';
+ else if (table === 'mobile_assets') defaultType = '모바일기기';
+
+ await connection.query(`UPDATE ${table} SET type = ? WHERE type IS NULL OR type = ''`, [defaultType]);
+
+ // 2. 개인PC가 아닌 데이터들에 대해 상세유형 = 유형 업데이트
+ const [result] = await connection.query(`
+ UPDATE ${table}
+ SET detail_purpose = type
+ WHERE type NOT IN ('개인PC', 'PC')
+ `);
+
+ console.log(`✅ ${table}: ${result.affectedRows}개 데이터 보정 완료`);
+ }
+
+ console.log('✨ 모든 기존 데이터 보정이 완료되었습니다.');
+ await connection.end();
+}
+
+migrateData().catch(err => {
+ console.error('❌ 데이터 보정 실패:', err);
+ process.exit(1);
+});
diff --git a/db_init.js b/db_init.js
index 86ac2a3..ca95364 100644
--- a/db_init.js
+++ b/db_init.js
@@ -15,9 +15,8 @@ async function initDB() {
multipleStatements: true
});
- console.log('🔄 DB 초기화 시작 (표준화 스키마 적용)...');
+ console.log('🔄 DB 초기화 시작 (영문 표준 스키마 적용)...');
- // 기존 테이블 삭제
const tablesToDrop = [
'pc_assets', 'server_assets', 'storage_assets', 'equip_assets', 'mobile_assets',
'sw_sub_assets', 'sw_perm_assets', 'cloud_assets', 'sw_users', 'asset_logs'
@@ -26,24 +25,23 @@ async function initDB() {
await connection.query(`DROP TABLE IF EXISTS ${table}`);
}
- // 공통 하드웨어 테이블 생성 함수
const createHardwareTable = (tableName, comment) => `
CREATE TABLE ${tableName} (
id VARCHAR(50) PRIMARY KEY,
- corp VARCHAR(100) COMMENT '구매법인',
- asset_code VARCHAR(100) COMMENT '자산번호',
- purchase_date VARCHAR(50) COMMENT '구매일자',
- type VARCHAR(50) COMMENT '유형',
- detail_purpose VARCHAR(50) COMMENT '상세용도',
- purpose VARCHAR(255) COMMENT '용도',
- details TEXT COMMENT '상세내용',
- current_org VARCHAR(255) COMMENT '현 사용조직',
- prev_org VARCHAR(255) COMMENT '이전 사용조직',
- location VARCHAR(255) COMMENT '설치위치',
- manager_main VARCHAR(100) COMMENT '담당자(정)',
- manager_sub VARCHAR(100) COMMENT '담당자(부)',
- ip_address VARCHAR(100) COMMENT 'IP 주소 1',
- remote_tool VARCHAR(100) COMMENT '원격도구',
+ corp VARCHAR(100),
+ asset_code VARCHAR(100),
+ purchase_date VARCHAR(50),
+ type VARCHAR(50),
+ detail_purpose VARCHAR(50),
+ purpose VARCHAR(255),
+ details TEXT,
+ current_org VARCHAR(255),
+ prev_org VARCHAR(255),
+ location VARCHAR(255),
+ manager_main VARCHAR(100),
+ manager_sub VARCHAR(100),
+ ip_address VARCHAR(100),
+ remote_tool VARCHAR(100),
server_id VARCHAR(100),
server_pw VARCHAR(100),
model_name VARCHAR(255),
@@ -56,24 +54,24 @@ async function initDB() {
storage2 VARCHAR(255),
storage3 VARCHAR(255),
monitoring VARCHAR(100),
- price VARCHAR(100) COMMENT '금액',
+ price VARCHAR(100),
remarks TEXT,
+ storage_location VARCHAR(255),
+ status VARCHAR(50),
created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP
- ) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci COMMENT='${comment}';
+ ) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4;
`;
- await connection.query(createHardwareTable('pc_assets', '개인PC 자산'));
- await connection.query(createHardwareTable('server_assets', '서버 자산'));
- await connection.query(createHardwareTable('storage_assets', '스토리지 자산'));
- await connection.query(createHardwareTable('equip_assets', '전산비품 자산'));
- await connection.query(createHardwareTable('mobile_assets', '모바일기기 자산'));
+ await connection.query(createHardwareTable('pc_assets', 'PC'));
+ await connection.query(createHardwareTable('server_assets', 'Server'));
+ await connection.query(createHardwareTable('storage_assets', 'Storage'));
+ await connection.query(createHardwareTable('equip_assets', 'Equipment'));
+ await connection.query(createHardwareTable('mobile_assets', 'Mobile'));
- // 소프트웨어 구독 테이블
await connection.query(`
CREATE TABLE sw_sub_assets (
id VARCHAR(50) PRIMARY KEY,
corp VARCHAR(100) COMMENT '구매법인',
- asset_code VARCHAR(100) COMMENT '자산번호',
category VARCHAR(100) COMMENT '분야',
dept VARCHAR(100) COMMENT '부서',
product_name VARCHAR(255) COMMENT '제품명',
@@ -86,15 +84,13 @@ async function initDB() {
vendor VARCHAR(255) COMMENT '납품업체',
remarks TEXT COMMENT '비고',
created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP
- ) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci;
+ ) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4;
`);
- // 소프트웨어 영구 테이블
await connection.query(`
CREATE TABLE sw_perm_assets (
id VARCHAR(50) PRIMARY KEY,
corp VARCHAR(100) COMMENT '구매법인',
- asset_code VARCHAR(100) COMMENT '자산번호',
category VARCHAR(100) COMMENT '분야',
dept VARCHAR(100) COMMENT '부서',
product_name VARCHAR(255) COMMENT '제품명',
@@ -106,10 +102,9 @@ async function initDB() {
vendor VARCHAR(255) COMMENT '납품업체',
remarks TEXT COMMENT '비고',
created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP
- ) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci;
+ ) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4;
`);
- // 클라우드 자산 테이블
await connection.query(`
CREATE TABLE cloud_assets (
id VARCHAR(50) PRIMARY KEY,
@@ -124,25 +119,23 @@ async function initDB() {
monthly_fee VARCHAR(100),
remarks TEXT,
created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP
- ) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci;
+ ) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4;
`);
- // 소프트웨어 사용자 매핑 테이블
await connection.query(`
CREATE TABLE sw_users (
id INT AUTO_INCREMENT PRIMARY KEY,
- sw_id VARCHAR(50) COMMENT 'SW 자산 ID',
- corp VARCHAR(100) COMMENT '법인',
- dept VARCHAR(100) COMMENT '부서',
- position VARCHAR(50) COMMENT '직위',
- user_name VARCHAR(100) COMMENT '이름',
- usage_period VARCHAR(100) COMMENT '사용기간',
- doc_name VARCHAR(255) COMMENT '신청서명',
+ sw_id VARCHAR(50),
+ corp VARCHAR(100),
+ dept VARCHAR(100),
+ position VARCHAR(50),
+ user_name VARCHAR(100),
+ usage_period VARCHAR(100),
+ doc_name VARCHAR(255),
created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP
- ) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci;
+ ) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4;
`);
- // 변경 이력 테이블
await connection.query(`
CREATE TABLE asset_logs (
id VARCHAR(50) PRIMARY KEY,
@@ -151,10 +144,10 @@ async function initDB() {
log_user VARCHAR(100),
details TEXT,
created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP
- ) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci;
+ ) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4;
`);
- console.log('✅ 모든 테이블이 표준화된 스키마로 재생성되었습니다.');
+ console.log('✅ 모든 테이블이 영문 표준 스키마로 재생성되었습니다.');
await connection.end();
}
diff --git a/image 92.png b/image 92.png
new file mode 100644
index 0000000..5a36e8f
Binary files /dev/null and b/image 92.png differ
diff --git a/index.html b/index.html
index 08a1f5e..378e833 100644
--- a/index.html
+++ b/index.html
@@ -1,61 +1,72 @@
-
-
-
-
- 소프트웨어 라이선스 현황
+
+
+
+
+ 구독 소프트웨어 사용율
+
+ ${subQty}카피 중 ${subUsed}개 할당
+ ${subPer}%
+
+
+ 영구 소프트웨어 사용율
+
+ ${permQty}카피 중 ${permUsed}개 할당
+ ${permPer}%
+
+
+
+
+
+
+
+ 구독 SW 만료 예정 (30일 이내)
+
+ ${subExp}개 제품
+
+
+
+ ${subExpPer}%
+
+
+
+
+ 유지보수 만료 예정 (30일 이내)
+
+ ${permExp}개 제품
+
+
+
+ ${permExpPer}%
+
+ ${currentYear}년 도입 비용 분석
+
+
+
+
+ 법인별 도입 금액 (원)
+ +
+
+ 분야별 도입 금액 (원)
+ +
-
-
-
- ITAM 자산관리 ERP
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-
-
-
-
- HM IT 자산관리 시스템
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
-
-
-
+
+
-
-
-
-
+
+ 
+
-
-
-
+ 자산관리시스템(Digital Asset Control Hub System)
+
+
+
+
+
+
+
+
+