-
-
-
-
-
-
- - 개인 PC 자산 대시보드 -
-
- 조직 필터:
+
+
+
-
-
@@ -42,125 +83,108 @@ export function renderHwDashboard(container: HTMLElement) {
+
+
-
-
+
+
-
-
-
+
+
-
+ 보유 자산 수량
-
-
- 보유 자산 수량
-
- 0대
+ 0대
-
-
+
+
-
+ 사양 부족
-
-
- 사양 부족
-
- 0대
+ 0대
-
-
+
+
-
+ 오버 스펙
-
-
- 오버 스펙
-
- 0대
+ 0대
-
-
+
-
-
+
+ 윈도우 11 불가
-
-
- 윈도우 11 불가 PC
-
- 0대
+ 0대
+
+
-
-
+
+
- 등급별 보유 비율
+ 조직별 사용 비율
-
+
-
-
-
+
-
- 최상급
+
+ 한맥
-
- 상급
+
+ 삼안
+
+
+
+ 장헌
+
+
+
+ 한라
- 중급
+ 기술개발센터
-
- 보급
+
+ 총괄기획실
-
- 교체
+
+ 기타
+
+
- 연도별 PC 노후도 및 예측
+ PC 노후도
-
+
| 구분 (연한) | -보유 | -권장 조치 | +구분 (연한) | +보유 | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| 구분 (등급) | -보유량 | -운영중 | -재고 | -구매 필요 | -사양 적정성 분석 (직무 기준) | +구분 (등급) | +보유량 | +운영중 | +재고 | +부족분 | +사양 적정성 | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| ${label} | -${data.total}대 (${totalRate}%) | +${label} | +${data.total}대 (${totalRate}%) | ${data.active}대 | ${data.stock}대 | ${shortage}대 | -+ | ${barGraphHtml} | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| 합계 (Total) | -${totalPcs}대 (100%) | -${totalActive}대 | -${totalStock}대 | -${totalShortage}대 | -- ${totBarGraphHtml} - | -||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| ${label} | -${list.length}대 | -- ${badgeText} - | +${label} | +${list.length}대 | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| ${user} | -${pc.current_dept || '-'} (${pc.user_position || '-'}) | +${pc.current_dept || '-'} (${pc._resolved_position || pc.user_position || '-'}) | ${spec} | ${badgeHTML}${scoreHTML} | ${pc.asset_code || '-'} | @@ -802,7 +906,7 @@ function showMiniListModal(title: string, list: any[]) { /** * 실시간 사양 적정률 원형 도넛 그래프 (Active Spec Rate) */ -function renderDonutChart(premium: number, high: number, normal: number, entry: number, replace: number) { +function renderDonutChart(deptData: { label: string; count: number; color: string }[]) { const ctx = document.getElementById('chart-overall-donut') as HTMLCanvasElement; if (!ctx || typeof Chart === 'undefined') return; @@ -811,21 +915,15 @@ function renderDonutChart(premium: number, high: number, normal: number, entry: donutChartInstance = null; } - const total = premium + high + normal + entry + replace; + const total = deptData.reduce((sum, d) => sum + d.count, 0); donutChartInstance = new Chart(ctx, { type: 'doughnut', data: { - labels: ['최상급', '상급', '중급', '보급', '교체 대상'], + labels: deptData.map(d => d.label), datasets: [{ - data: [premium, high, normal, entry, replace], - backgroundColor: [ - '#11302B', // premium (Hanmac Dark Green) - '#1E8E7C', // high (Hanmac Teal) - '#10B981', // normal (Hanmac Mint) - '#F59E0B', // entry (Yellow-Orange) - '#EF4444' // replace (Red) - ], + data: deptData.map(d => d.count), + backgroundColor: deptData.map(d => d.color), borderColor: '#ffffff', borderWidth: 2 }] diff --git a/src/views/List/ListFactory.ts b/src/views/List/ListFactory.ts index ae7a26b..28bcd40 100644 --- a/src/views/List/ListFactory.ts +++ b/src/views/List/ListFactory.ts @@ -153,6 +153,7 @@ export interface ListViewConfig { showField?: boolean; showType?: boolean; showStatus?: boolean; + showPosition?: boolean; }; columns: ColumnDef[]; onRowClick?: (asset: any) => void; @@ -161,9 +162,8 @@ export interface ListViewConfig { } export function createListView(container: HTMLElement, config: ListViewConfig) { - // 1. 컨테이너 초기화 및 헤더 렌더링 + // 1. 컨테이너 초기화 container.innerHTML = ''; - renderPageHeader(container, config.title); const fullList = config.dataSource(); let sortState: SortState = config.persistentSortState || { key: '', direction: 'asc' }; @@ -181,46 +181,20 @@ export function createListView(container: HTMLElement, config: ListViewConfig) { const isServer = config.title === '서버'; if (!isServer) { (state as any).currentViewMode = 'asset'; - } else if (!(state as any).currentViewMode) { - (state as any).currentViewMode = 'system'; } - // 2. 뷰 전환 토글 버튼 생성 (명칭 변경) - const toggleWrapper = document.createElement('div'); - toggleWrapper.className = 'view-toggle-container'; - - const showPcFlowBtn = config.title === 'PC'; - toggleWrapper.innerHTML = ` -||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| 일자 | -담당자 | -구분 | -사용자 | -인수자 | -자산번호 | -상세 | +
|---|---|---|---|---|---|---|
| 일자 | +담당자 | +구분 | +사용자 | +인수자 | +자산번호 | +상세 |
| 분류 | -용도/자산명 | -관리자(정) | -관리자(부) | -상세위치 | +||
| 분류 | +용도/자산명 | +관리자(정) | +관리자(부) | +상세위치 |
-
+
+
+
${isPcView ? `
-
-
-
+
+
+
+
⚠️ 사양 주의 장비 현황 (부족/오버스펙)
-
-
-
-
- 사용자
- 부서 (직무)
- 상태
- 자산코드
+
+
+
+
+ 사용자
+ 부서 (직무)
+ 상태
+ 자산코드
-
- 사양 주의 자산이 없습니다. 사양 주의 자산이 없습니다.
` : `
- 목록에서 자산을 선택하면
상세 정보와 배치도가 표시됩니다.
+ 목록에서 자산을 선택하면
상세 정보와 배치도가 표시됩니다.
`}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
-
-
+
-
-
-
-
-
-
- ![]()
-
-
-
+
+
+
+ ![]()
+
+
+
-
- 등록된 배치도가 없습니다.
+
+ 등록된 배치도가 없습니다.
@@ -502,42 +413,221 @@ export function createListView(container: HTMLElement, config: ListViewConfig) {
`;
- // 상세 정보 패널 업데이트 함수
+ const updateFlowLogsSection = () => {
+ if (!isPcView) return;
+
+ // 사양 주의 장비 현황 (부족/오버스펙) 계산 및 바인딩
+ const specMismatchTbody = document.getElementById('spec-mismatch-tbody');
+ if (specMismatchTbody) {
+ // fullList 중 개인 PC 관련 장비 필터링
+ const pcs = fullList.filter((a: any) => {
+ const type = a[ASSET_SCHEMA.ASSET_TYPE.key] || '';
+ const job = a[ASSET_SCHEMA.USER_POSITION.key] || '';
+ const status = a[ASSET_SCHEMA.HW_STATUS.key] || '';
+ const user = a[ASSET_SCHEMA.CURRENT_USER.key] || '';
+
+ // 운영 중이고 사용자가 할당되어 있으며, 직무가 재고PC가 아닌 실사용 기기 대상
+ return job !== '재고PC' && status === '운영' && user.trim() !== '';
+ });
+
+ // 직무별 평균 점수 산출
+ const jobScores: Record = {};
+ pcs.forEach((pc: any) => {
+ const job = pc[ASSET_SCHEMA.USER_POSITION.key] || '미분류';
+ const cpu = pc[ASSET_SCHEMA.CPU.key] || '';
+ const ram = pc[ASSET_SCHEMA.RAM.key] || '';
+ const gpu = pc[ASSET_SCHEMA.GPU.key] || '';
+ const pDate = pc[ASSET_SCHEMA.PURCHASE_DATE.key] || '';
+ const score = calculatePcScoreDeductive(cpu, ram, gpu, pDate);
+ pc['_pc_score'] = score;
+
+ if (!jobScores[job]) jobScores[job] = { totalScore: 0, count: 0, avg: 0 };
+ jobScores[job].totalScore += score;
+ jobScores[job].count += 1;
+ });
+
+ Object.keys(jobScores).forEach(job => {
+ jobScores[job].avg = jobScores[job].count > 0 ? jobScores[job].totalScore / jobScores[job].count : 0;
+ });
+
+ // DB 기준 사양 데이터 맵핑 (state.masterData.jobSpecs 이용)
+ const jobSpecsMap: Record = {};
+ if (state.masterData.jobSpecs) {
+ state.masterData.jobSpecs.forEach((s: any) => {
+ jobSpecsMap[s.job_name] = s.required_grade || '중급';
+ });
+ }
+
+ // 사용자 이름 → 세부 직무 맵 생성 (system_users.position 기준)
+ const userPositionMap: Record = {};
+ if (state.masterData.users) {
+ state.masterData.users.forEach((u: any) => {
+ if (u.user_name && u.position) {
+ userPositionMap[u.user_name.trim()] = u.position.trim();
+ }
+ });
+ }
+
+ const GRADE_RANK: Record = {
+ 'premium': 4, '최상급': 4,
+ 'high': 3, '상급': 3,
+ 'normal': 2, '중급': 2,
+ 'entry': 1, '보급': 1,
+ 'replace': 0, '교체 대상': 0
+ };
+
+ // 기준 대비 사양 부족/오버스펙 분류
+ const criticalPcList: any[] = [];
+ pcs.forEach((pc: any) => {
+ const userName = (pc[ASSET_SCHEMA.CURRENT_USER.key] || '').trim();
+ const job = userPositionMap[userName] || pc[ASSET_SCHEMA.USER_POSITION.key] || '미분류';
+ const score = pc['_pc_score'];
+ const requiredGrade = jobSpecsMap[job] || jobSpecsMap[pc[ASSET_SCHEMA.USER_POSITION.key]] || '중급';
+
+ const cpu = pc[ASSET_SCHEMA.CPU.key] || '';
+ const ram = pc[ASSET_SCHEMA.RAM.key] || '';
+ const win11Incompatible = isWindows11Incompatible(cpu, ram);
+
+ let actualGrade = 'replace';
+ if (score >= 85) actualGrade = 'premium';
+ else if (score >= 70) actualGrade = 'high';
+ else if (score >= 40) actualGrade = 'normal';
+ else if (score >= 20) actualGrade = 'entry';
+
+ const reqRank = GRADE_RANK[requiredGrade] !== undefined ? GRADE_RANK[requiredGrade] : 2;
+ const actRank = GRADE_RANK[actualGrade] !== undefined ? GRADE_RANK[actualGrade] : 0;
+
+ let isUnder = false;
+ if (job !== '재고PC') {
+ if (win11Incompatible) {
+ isUnder = true;
+ pc['_spec_status'] = '사양 부족';
+ } else if (actRank < reqRank) {
+ isUnder = true;
+ pc['_spec_status'] = '사양 부족';
+ } else if (actRank > reqRank) {
+ pc['_spec_status'] = '오버스펙';
+ criticalPcList.push(pc);
+ } else {
+ pc['_spec_status'] = '적정';
+ }
+ } else {
+ if (win11Incompatible) {
+ isUnder = true;
+ pc['_spec_status'] = '사양 부족';
+ } else {
+ pc['_spec_status'] = '적정';
+ }
+ }
+
+ if (isUnder) {
+ criticalPcList.push(pc);
+ }
+ });
+
+ // 정렬: 요구 등급 대비 실제 성능이 많이 부족한 순(등급 편차가 큰 순)으로 정렬
+ criticalPcList.sort((a: any, b: any) => {
+ const userNameA = (a[ASSET_SCHEMA.CURRENT_USER.key] || '').trim();
+ const userNameB = (b[ASSET_SCHEMA.CURRENT_USER.key] || '').trim();
+ const jobA = userPositionMap[userNameA] || a[ASSET_SCHEMA.USER_POSITION.key] || '미분류';
+ const jobB = userPositionMap[userNameB] || b[ASSET_SCHEMA.USER_POSITION.key] || '미분류';
+
+ const reqA = jobSpecsMap[jobA] || jobSpecsMap[a[ASSET_SCHEMA.USER_POSITION.key]] || '중급';
+ const reqB = jobSpecsMap[jobB] || jobSpecsMap[b[ASSET_SCHEMA.USER_POSITION.key]] || '중급';
+
+ const scoreA = a['_pc_score'];
+ const scoreB = b['_pc_score'];
+
+ let actA = 'replace';
+ if (scoreA >= 85) actA = 'premium';
+ else if (scoreA >= 70) actA = 'high';
+ else if (scoreA >= 40) actA = 'normal';
+ else if (scoreA >= 20) actA = 'entry';
+
+ let actB = 'replace';
+ if (scoreB >= 85) actB = 'premium';
+ else if (scoreB >= 70) actB = 'high';
+ else if (scoreB >= 40) actB = 'normal';
+ else if (scoreB >= 20) actB = 'entry';
+
+ const devA = (GRADE_RANK[reqA] || 2) - (GRADE_RANK[actA] || 0);
+ const devB = (GRADE_RANK[reqB] || 2) - (GRADE_RANK[actB] || 0);
+
+ if (devA !== devB) {
+ return devB - devA; // 편차가 큰 것(더 많이 부족한 것)이 먼저 정렬됨
+ }
+ return scoreA - scoreB; // 편차가 같으면 성능 점수가 낮은 순
+ });
+
+ if (criticalPcList.length === 0) {
+ specMismatchTbody.innerHTML = '사양 주의 자산이 없습니다.
+ ${user}
+ ${dept} (${job})
+
+ ${status === '오버스펙' ? '오버 스펙' : status}
+
+ ${assetCode}
+
+ `;
+ }).join('');
+
+ // 클릭 시 해당 자산 상세 페이지로 전환
+ specMismatchTbody.querySelectorAll('.spec-row').forEach(row => {
+ row.addEventListener('click', () => {
+ specMismatchTbody.querySelectorAll('.spec-row').forEach(r => {
+ (r as HTMLElement).style.backgroundColor = 'transparent';
+ });
+ (row as HTMLElement).style.backgroundColor = '#EBF2F1'; // 선택 하이라이트
+ const assetId = row.getAttribute('data-id');
+ const found = fullList.find(a => String(a.id) === String(assetId));
+ if (found) {
+ updateDetailPanel(found);
+ }
+ });
+ });
+ }
+ }
+ };
+
const updateDetailPanel = (asset: any) => {
const emptyState = document.getElementById('detail-empty-state');
const content = document.getElementById('detail-content');
if (!emptyState || !content) return;
- emptyState.style.display = 'none';
- content.style.display = 'flex';
+ emptyState.classList.add('hidden');
+ content.classList.remove('hidden');
- // 텍스트 정보 업데이트
const codeEl = document.getElementById('detail-asset-code');
const typeEl = document.getElementById('detail-asset-type');
- const memoEl = document.getElementById('detail-memo');
const viewBtn = document.getElementById('btn-view-full-detail') as HTMLButtonElement;
if (codeEl) codeEl.textContent = asset.asset_code || '미지정';
if (typeEl) typeEl.textContent = asset.asset_type || '-';
- if (memoEl) memoEl.textContent = asset.memo || '-';
- if (viewBtn) {
- viewBtn.onclick = () => config.onRowClick && config.onRowClick(asset);
- }
+ if (viewBtn) viewBtn.onclick = () => config.onRowClick && config.onRowClick(asset);
- // 위치 및 사진 정보 업데이트
const photo = document.getElementById('detail-photo') as HTMLImageElement;
const marker = document.getElementById('detail-marker');
const overlayLayer = document.getElementById('detail-overlay-layer');
const noPhoto = document.getElementById('detail-no-photo');
- const photoWrapper = document.getElementById('detail-photo-wrapper');
const bldg = asset.location || '';
const detail = asset.location_detail || '';
- // 숫자 0도 유효한 좌표이므로 정확한 체크 필요
- const x = asset.loc_x;
- const y = asset.loc_y;
- const hasCoords = (x !== null && x !== undefined && x !== '' && x !== 'null') &&
- (y !== null && y !== undefined && y !== '' && y !== 'null');
+ const x = asset.loc_x; const y = asset.loc_y;
+ const hasCoords = (x !== null && x !== undefined && x !== '' && x !== 'null');
const savedImg = asset.location_photo || asset.loc_img;
const locImgs = IMAGE_LOCATIONS[bldg.trim()]?.[detail.trim()] || null;
@@ -546,21 +636,20 @@ export function createListView(container: HTMLElement, config: ListViewConfig) {
const htmlMap = document.getElementById('detail-html-map') as HTMLIFrameElement;
const isHtmlMap = imgPath?.toLowerCase().endsWith('.html');
- // 좌표가 없으면 사진이 있어도 '정보 없음' 상태로 유도 (사용자 요청)
if (imgPath && hasCoords) {
if (isHtmlMap) {
- // HTML 지도 처리
photo.style.display = 'none';
if (marker) marker.style.display = 'none';
if (overlayLayer) overlayLayer.innerHTML = '';
if (htmlMap) {
htmlMap.src = `${imgPath}?markerX=${x}&markerY=${y}`;
+ htmlMap.classList.remove('hidden');
htmlMap.style.display = 'block';
}
} else {
- // 일반 이미지 지도 처리
if (htmlMap) {
htmlMap.src = '';
+ htmlMap.classList.add('hidden');
htmlMap.style.display = 'none';
}
photo.src = imgPath;
@@ -625,539 +714,174 @@ export function createListView(container: HTMLElement, config: ListViewConfig) {
}
if (marker) marker.style.display = 'none';
if (overlayLayer) overlayLayer.innerHTML = '';
- if (noPhoto) {
- noPhoto.style.display = 'flex';
- const msg = noPhoto.querySelector('span');
- if (msg) msg.textContent = !hasCoords ? '등록된 위치 좌표 정보가 없습니다.' : '등록된 배치도가 없습니다.';
- }
- }
-
- // 이력 보기 버튼 클릭 이벤트
- const flowLogsBtn = document.getElementById('btn-view-flow-logs');
- if (flowLogsBtn) {
- flowLogsBtn.onclick = () => {
- const emptyState = document.getElementById('detail-empty-state');
- const content = document.getElementById('detail-content');
- if (emptyState && content) {
- content.style.display = 'none';
- emptyState.style.display = 'flex';
- }
- const tbody = document.getElementById('system-status-tbody');
- if (tbody) {
- tbody.querySelectorAll('.mini-row').forEach(r => {
- const rIsWarning = (r as HTMLElement).style.borderLeftColor === 'rgb(225, 29, 72)';
- (r as HTMLElement).style.backgroundColor = rIsWarning ? '#FFF1F2' : 'transparent';
- });
- }
- updateFlowLogsSection();
- };
+ if (noPhoto) { noPhoto.classList.remove('hidden'); noPhoto.style.display = 'flex'; }
}
};
+ // [자산 현황] 테이블 렌더러
const updateTableOnly = () => {
- const now = new Date();
- const currentYear = now.getFullYear();
- const currentMonthNum = now.getMonth() + 1;
- const currentYearMonth = `${currentYear}-${String(currentMonthNum).padStart(2, '0')}`;
+ let filtered = selectedLocation
+ ? fullList.filter(a => (a[ASSET_SCHEMA.LOCATION.key] || '미지정') === selectedLocation)
+ : fullList;
+ const currentDetailLocs = Array.from(new Set(filtered.map(a => a[ASSET_SCHEMA.LOC_DETAIL.key] || '미지정'))).sort();
+ if (selectedDetailLocation) filtered = filtered.filter(a => (a[ASSET_SCHEMA.LOC_DETAIL.key] || '미지정') === selectedDetailLocation);
+ const finalDisplayList = (!selectedLocation && !selectedDetailLocation) ? filtered.slice(0, 20) : filtered;
- if (isPcView) {
- // PC 뷰일 때: 해당월의 PC 유동 이력을 렌더링하고, 클릭 시 해당 자산 상세를 띄움
- const recentTbody = document.getElementById('system-status-tbody');
- if (!recentTbody) return;
-
- const titleEl = document.getElementById('list-section-title');
- if (titleEl) {
- titleEl.textContent = `🔄 PC 유동 이력 (${currentMonthNum}월)`;
- }
-
- const logs = state.masterData.logs || [];
- const flowLogs = logs.filter((log: any) => {
- const details = log.details || '';
- if (details.trim().startsWith('{')) {
- try {
- const info = JSON.parse(details);
- return info && (info.type === 'checkout' || info.type === 'return' || info.type === 'move');
- } catch (e) {}
- }
- return details.includes('[불출]') || details.includes('[반납]') || details.includes('[입고]') || details.includes('[이동]') || details.includes('[이관]');
- });
-
- // 해당월(currentYearMonth)에 발생한 로그만 필터링
- const monthlyFlowLogs = flowLogs.filter((log: any) => {
- const logDate = log.log_date || '';
- return logDate.startsWith(currentYearMonth);
- });
-
- if (monthlyFlowLogs.length === 0) {
- recentTbody.innerHTML = `${currentMonthNum}월 유동 이력이 없습니다.
- ${log.log_date || '-'}
- ${log.log_user || '시스템'}
- ${badgeHtml}
- ${userDisplay}
- ${targetUserDisplay}
- ${assetCodeDisplay}
- ${memoDisplay}
-
- `;
- }).join('');
- }
- } else {
- // 기존의 자산 현황 목록 갱신
- let filtered = selectedLocation
- ? fullList.filter(a => (a[ASSET_SCHEMA.LOCATION.key] || '미지정') === selectedLocation)
- : fullList;
- const currentDetailLocs = Array.from(new Set(filtered.map(a => a[ASSET_SCHEMA.LOC_DETAIL.key] || '미지정'))).sort();
- if (selectedDetailLocation) filtered = filtered.filter(a => (a[ASSET_SCHEMA.LOC_DETAIL.key] || '미지정') === selectedDetailLocation);
- const finalDisplayList = (!selectedLocation && !selectedDetailLocation) ? filtered.slice(0, 10) : filtered;
-
- const titleEl = document.getElementById('list-section-title');
- if (titleEl) titleEl.textContent = selectedLocation ? `${selectedLocation} 자산 현황 (${finalDisplayList.length}대)` : '위치별 자산등록현황 (최근 등록)';
- const selectEl = document.getElementById('select-detail-loc') as HTMLSelectElement;
- if (selectEl && !selectedDetailLocation) {
- selectEl.innerHTML = `` + currentDetailLocs.map(dl => ``).join('');
- }
-
- const tbody = document.getElementById('system-status-tbody');
- if (tbody) {
- tbody.innerHTML = finalDisplayList.length === 0
- ? `조회된 자산이 없습니다.
-
-
- ${serviceType}
- ${isWarning ? `${warningReason}` : ''}
-
-
- ${purpose || '-'}
- ${managerMain}
- ${managerSub}
- ${asset[ASSET_SCHEMA.LOC_DETAIL.key] || '-'}
- `;
- }).join('');
-
- tbody.querySelectorAll('.mini-row').forEach(row => {
- row.addEventListener('click', () => {
- tbody.querySelectorAll('.mini-row').forEach(r => {
- const rIsWarning = (r as HTMLElement).style.borderLeftColor === 'rgb(225, 29, 72)'; // E11D48
- (r as HTMLElement).style.backgroundColor = rIsWarning ? '#FFF1F2' : 'transparent';
- });
- (row as HTMLElement).style.backgroundColor = '#EBF2F1'; // 선택 하이라이트
- const id = (row as HTMLElement).getAttribute('data-id');
- const asset = fullList.find(a => a.id === id);
- if (asset) updateDetailPanel(asset);
- });
- row.addEventListener('mouseenter', () => {
- if ((row as HTMLElement).style.backgroundColor !== 'rgb(235, 242, 241)') {
- (row as HTMLElement).style.backgroundColor = '#F8FAFA';
- }
- });
- row.addEventListener('mouseleave', () => {
- const isWarning = (row as HTMLElement).style.borderLeftColor === 'rgb(225, 29, 72)';
- if ((row as HTMLElement).style.backgroundColor !== 'rgb(235, 242, 241)') {
- (row as HTMLElement).style.backgroundColor = isWarning ? '#FFF1F2' : 'transparent';
- }
- });
- });
- }
+ const titleEl = document.getElementById('list-section-title');
+ if (titleEl) titleEl.textContent = selectedLocation ? `${selectedLocation} 자산 현황 (${finalDisplayList.length}대)` : '위치별 자산등록현황 (최근 등록)';
+
+ const selectEl = document.getElementById('select-detail-loc') as HTMLSelectElement;
+ if (selectEl && !selectedDetailLocation) {
+ selectEl.innerHTML = `` + currentDetailLocs.map(dl => ``).join('');
}
- };
- const updateFlowLogsSection = () => {
- if (!isPcView) return;
-
- // 사양 주의 장비 현황 (부족/오버스펙) 계산 및 바인딩
- const specMismatchTbody = document.getElementById('spec-mismatch-tbody');
- if (specMismatchTbody) {
- // fullList 중 개인 PC 관련 장비 필터링
- const pcs = fullList.filter((a: any) => {
- const type = a[ASSET_SCHEMA.ASSET_TYPE.key] || '';
- const job = a[ASSET_SCHEMA.USER_POSITION.key] || '';
- const status = a[ASSET_SCHEMA.HW_STATUS.key] || '';
- const user = a[ASSET_SCHEMA.CURRENT_USER.key] || '';
-
- // 운영 중이고 사용자가 할당되어 있으며, 직무가 재고PC가 아닌 실사용 기기 대상
- return job !== '재고PC' && status === '운영' && user.trim() !== '';
- });
-
- // 직무별 평균 점수 산출
- const jobScores: Record = {};
- pcs.forEach((pc: any) => {
- const job = pc[ASSET_SCHEMA.USER_POSITION.key] || '미분류';
- const cpu = pc[ASSET_SCHEMA.CPU.key] || '';
- const ram = pc[ASSET_SCHEMA.RAM.key] || '';
- const gpu = pc[ASSET_SCHEMA.GPU.key] || '';
- const pDate = pc[ASSET_SCHEMA.PURCHASE_DATE.key] || '';
- const score = calculatePcScoreDeductive(cpu, ram, gpu, pDate);
- pc['_pc_score'] = score;
-
- if (!jobScores[job]) jobScores[job] = { totalScore: 0, count: 0, avg: 0 };
- jobScores[job].totalScore += score;
- jobScores[job].count += 1;
- });
-
- Object.keys(jobScores).forEach(job => {
- jobScores[job].avg = jobScores[job].count > 0 ? jobScores[job].totalScore / jobScores[job].count : 0;
- });
-
- // DB 기준 사양 데이터 맵핑 (state.masterData.jobSpecs 이용)
- const jobSpecsMap: Record = {};
- if (state.masterData.jobSpecs) {
- state.masterData.jobSpecs.forEach((s: any) => {
- jobSpecsMap[s.job_name] = s.min_score;
- });
- }
-
- // 기준 대비 사양 부족/오버스펙 분류
- const criticalPcList: any[] = [];
- pcs.forEach((pc: any) => {
- const job = pc[ASSET_SCHEMA.USER_POSITION.key] || '미분류';
- const score = pc['_pc_score'];
- const standardScore = jobSpecsMap[job] !== undefined ? jobSpecsMap[job] : (jobScores[job]?.avg || 0);
-
- const cpu = pc[ASSET_SCHEMA.CPU.key] || '';
- const ram = pc[ASSET_SCHEMA.RAM.key] || '';
- const win11Incompatible = isWindows11Incompatible(cpu, ram);
-
- let isUnder = false;
- if (standardScore > 0) {
- if (score < standardScore * 0.6) {
- isUnder = true;
- pc['_spec_status'] = '사양 부족';
- } else if (score > standardScore * 1.5 && !win11Incompatible) {
- pc['_spec_status'] = '오버스펙';
- criticalPcList.push(pc);
- } else if (win11Incompatible) {
- isUnder = true;
- pc['_spec_status'] = '사양 부족';
- } else {
- pc['_spec_status'] = '적정';
- }
- } else {
- if (win11Incompatible) {
- isUnder = true;
- pc['_spec_status'] = '사양 부족';
- } else {
- pc['_spec_status'] = '적정';
- }
- }
-
- if (isUnder) {
- criticalPcList.push(pc);
- }
- });
-
- // 정렬: 기준 점수 대비 사양 부족이 심한 순(비율이 낮은 순)으로 정렬
- criticalPcList.sort((a: any, b: any) => {
- const jobA = a[ASSET_SCHEMA.USER_POSITION.key] || '미분류';
- const jobB = b[ASSET_SCHEMA.USER_POSITION.key] || '미분류';
- const stdA = jobSpecsMap[jobA] !== undefined ? jobSpecsMap[jobA] : (jobScores[jobA]?.avg || 0);
- const stdB = jobSpecsMap[jobB] !== undefined ? jobSpecsMap[jobB] : (jobScores[jobB]?.avg || 0);
-
- const ratioA = stdA > 0 ? a['_pc_score'] / stdA : 1;
- const ratioB = stdB > 0 ? b['_pc_score'] / stdB : 1;
- return ratioA - ratioB;
- });
-
- if (criticalPcList.length === 0) {
- specMismatchTbody.innerHTML = '사양 주의 자산이 없습니다.
- ${user}
- ${dept} (${job})
-
- ${status === '오버스펙' ? '오버 스펙' : status}
-
- ${assetCode}
-
- `;
- }).join('');
-
- // 클릭 시 해당 자산 상세 페이지로 전환
- specMismatchTbody.querySelectorAll('.spec-row').forEach(row => {
- row.addEventListener('click', () => {
- specMismatchTbody.querySelectorAll('.spec-row').forEach(r => {
- (r as HTMLElement).style.backgroundColor = 'transparent';
- });
- (row as HTMLElement).style.backgroundColor = '#EBF2F1'; // 선택 하이라이트
+ const tbody = document.getElementById('system-status-tbody');
+ if (tbody) {
+ tbody.innerHTML = finalDisplayList.length === 0
+ ? `조회된 자산이 없습니다.
+
+ ${serviceType}
+
+ ${purpose || '-'}
+ ${managerMain}
+ ${managerSub}
+ ${asset[ASSET_SCHEMA.LOC_DETAIL.key] || '-'}
+ `;
+ }).join('');
- (window as any).dispatchLocFilter = (loc: string) => {
- if (isPcView) return;
- selectedLocation = loc;
- selectedDetailLocation = null;
- renderSystemStatus();
+ tbody.querySelectorAll('.mini-row').forEach(row => {
+ row.addEventListener('click', () => {
+ tbody.querySelectorAll('.mini-row').forEach(r => r.classList.remove('active'));
+ row.classList.add('active');
+ const asset = fullList.find(a => a.id === row.getAttribute('data-id'));
+ if (asset) updateDetailPanel(asset);
+ });
+ });
+ }
};
setTimeout(() => {
- const selectLoc = document.getElementById('select-loc') as HTMLSelectElement;
- const selectDetailLoc = document.getElementById('select-detail-loc') as HTMLSelectElement;
-
- selectLoc?.addEventListener('change', (e) => {
- selectedLocation = (e.target as HTMLSelectElement).value || null;
- selectedDetailLocation = null;
- updateTableOnly();
- updateFlowLogsSection();
+ document.getElementById('select-loc')?.addEventListener('change', (e) => {
+ selectedLocation = (e.target as HTMLSelectElement).value || null; selectedDetailLocation = null; updateTableOnly();
});
- selectDetailLoc?.addEventListener('change', (e) => {
- selectedDetailLocation = (e.target as HTMLSelectElement).value || null;
- updateTableOnly();
- updateFlowLogsSection();
+ document.getElementById('select-detail-loc')?.addEventListener('change', (e) => {
+ selectedDetailLocation = (e.target as HTMLSelectElement).value || null; updateTableOnly();
});
updateTableOnly();
updateFlowLogsSection();
}, 50);
};
- // [자산 목록] 테이블 렌더러
const tableWrapper = document.createElement('div');
tableWrapper.className = 'table-container';
const table = document.createElement('table');
const thead = document.createElement('thead');
const tbody = document.createElement('tbody');
- tbody.id = 'dynamic-tbody';
- table.appendChild(thead);
- table.appendChild(tbody);
- tableWrapper.appendChild(table);
+ table.appendChild(thead); table.appendChild(tbody); tableWrapper.appendChild(table);
const updateTable = () => {
- if ((state as any).currentViewMode !== 'asset') return;
let filtered = applyCommonFilters(fullList, currentFilters, config.searchKeys as any[]);
if (sortState.key) filtered = dynamicSort(filtered, sortState.key, sortState.direction);
-
- thead.innerHTML = `${config.columns.map(col => `
- ${col.header} `).join('')} `;
-
- tbody.innerHTML = filtered.length === 0
- ? `${config.emptyMessage || UI_TEXT.MESSAGES.NO_DATA}
- ${config.columns.map(col => `${col.render(asset)} `).join('')}
- `).join('');
-
- tbody.querySelectorAll('.asset-row').forEach((tr, idx) => {
- tr.addEventListener('click', () => config.onRowClick && config.onRowClick(filtered[idx]));
- });
-
- setupTableSorting(table, sortState, (key, dir) => {
- sortState = { key, direction: dir };
- if (config.persistentSortState) {
- config.persistentSortState.key = key;
- config.persistentSortState.direction = dir;
- }
- updateTable();
- });
-
- // createIcons call removed as icons are no longer needed in dashboard
+
+ thead.innerHTML = `${config.columns.map(col => `${col.header} `).join('')} `;
+
+ tbody.innerHTML = filtered.length === 0 ? `${UI_TEXT.MESSAGES.NO_DATA} ${config.columns.map(col => {
+ const isDateCol = col.header.includes('일') || col.header.includes('날짜') || col.header.includes('연월');
+ return `${col.render(asset)} `;
+ }).join('')} `).join('');
+
+ tbody.querySelectorAll('.asset-row').forEach((tr, idx) => { tr.addEventListener('click', () => config.onRowClick && config.onRowClick(filtered[idx])); });
+ setupTableSorting(table, sortState, (key, dir) => { sortState = { key, direction: dir }; updateTable(); });
};
- // --- 뷰 전환 로직 ---
const switchView = () => {
contentWrapper.innerHTML = '';
if ((state as any).currentViewMode === 'asset') {
- filterBar.style.display = 'flex';
- contentWrapper.style.overflowY = 'auto';
- contentWrapper.appendChild(tableWrapper);
- updateTable();
+ filterBar.style.display = 'flex'; contentWrapper.style.overflowY = 'hidden';
+ contentWrapper.appendChild(tableWrapper); updateTable();
} else {
- filterBar.style.display = 'none';
- contentWrapper.style.overflowY = 'hidden';
+ filterBar.style.display = 'none'; contentWrapper.style.overflowY = 'hidden';
renderSystemStatus();
}
};
- // 토글 버튼 이벤트
- toggleWrapper.addEventListener('click', (e) => {
- const btn = (e.target as HTMLElement).closest('.toggle-btn') as HTMLButtonElement;
- if (!btn) return;
- toggleWrapper.querySelectorAll('.toggle-btn').forEach(b => b.classList.remove('active'));
- btn.classList.add('active');
- (state as any).currentViewMode = btn.getAttribute('data-mode') as 'asset' | 'system';
- switchView();
- });
-
- // 필터 바 초기화
+ // 2. 필터 바 렌더링
renderFilterBar(filterBar, {
- ...config.filterOptions,
+ ...config.filterOptions,
initialFilters: currentFilters,
- onFilterChange: (filters) => {
- Object.assign(currentFilters, filters);
- updateTable();
- }
+ fullList: fullList, // Added for dynamic options
+ extraHTML: isServer ? `
+
+
+
+ ` : '',
+ onFilterChange: (filters) => { Object.assign(currentFilters, filters); updateTable(); }
});
- // 셀렉트 박스 채우기
- const populateSelect = (selector: string, dataKey: string, initialValue?: string) => {
- const select = container.querySelector(selector) as HTMLSelectElement;
- if (select) {
- const getVal = (a: any) => dataKey === ASSET_SCHEMA.CURRENT_DEPT.key ? (a[dataKey] || a['현사용부서'] || a['현사용조직']) : a[dataKey];
- const uniqueValues = Array.from(new Set(fullList.map(getVal))).filter(Boolean).sort();
- uniqueValues.forEach(val => {
- const opt = document.createElement('option');
- opt.value = String(val);
- opt.textContent = String(val);
- if (initialValue && String(val) === initialValue) {
- opt.selected = true;
+ // 3. 필터 바 내 액션 버튼 배치
+ const actionContainer = filterBar.querySelector('#filter-bar-actions');
+ if (actionContainer) {
+ actionContainer.className = "header-action-group";
+ actionContainer.innerHTML = `
+ ${showPcFlowBtn ? `
+
+
+ ` : ''}
+
+ `;
+
+ actionContainer.querySelector('#btn-add-asset')?.addEventListener('click', () => {
+ const dummyAsset = { id: '', category: config.title };
+ config.onRowClick && config.onRowClick(dummyAsset);
+ });
+ actionContainer.querySelector('#btn-pc-flow')?.addEventListener('click', () => {
+ window.dispatchEvent(new CustomEvent('open-pc-flow'));
+ });
+ actionContainer.querySelector('#btn-goto-parts-master')?.addEventListener('click', () => {
+ state.activeSubTab = '부품 마스터';
+ window.dispatchEvent(new Event('refresh-view'));
+ });
+ }
+
+ // 서버 탭 전용 목록보기 체크박스 이벤트
+ if (isServer) {
+ const chkBox = filterBar.querySelector('#chk-list-view') as HTMLInputElement;
+
+ const handleToggle = () => {
+ const isListMode = (state as any).currentViewMode === 'asset';
+ if (isListMode) {
+ state.viewMode = 'location';
+ (state as any).currentViewMode = 'location';
+ } else {
+ state.viewMode = 'list';
+ (state as any).currentViewMode = 'asset';
}
- select.appendChild(opt);
- });
- }
- };
+ window.dispatchEvent(new Event('refresh-view'));
+ };
+ chkBox?.addEventListener('change', handleToggle);
+ }
- if (config.filterOptions.showLoc) populateSelect('#filter-loc', ASSET_SCHEMA.LOCATION.key, currentFilters.loc);
- if (config.filterOptions.showDept) populateSelect('#filter-dept', ASSET_SCHEMA.CURRENT_DEPT.key, currentFilters.dept);
- if (config.filterOptions.showCorp) populateSelect('#filter-corp', ASSET_SCHEMA.PURCHASE_CORP.key, currentFilters.corp);
- if (config.filterOptions.showType) populateSelect('#filter-type', ASSET_SCHEMA.ASSET_TYPE.key, currentFilters.type);
- if (config.filterOptions.showStatus) populateSelect('#filter-status', ASSET_SCHEMA.HW_STATUS.key, currentFilters.status);
-
- // 초기 실행
switchView();
}
+
- ⚠️ 사양 주의 장비 현황 (부족/오버스펙)
-
-
-
| 사용자 | -부서 (직무) | -상태 | -자산코드 | +||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| 사용자 | +부서 (직무) | +상태 | +자산코드 |
|---|---|---|---|
| 사양 주의 자산이 없습니다. | |||
| 사양 주의 자산이 없습니다. | |||
목록에서 자산을 선택하면
상세 정보와 배치도가 표시됩니다.
목록에서 자산을 선택하면
상세 정보와 배치도가 표시됩니다.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
-
+
+
-
-
+
-
-
-
-
-
- ![]()
-
-
-
+ = {};
+ pcs.forEach((pc: any) => {
+ const job = pc[ASSET_SCHEMA.USER_POSITION.key] || '미분류';
+ const cpu = pc[ASSET_SCHEMA.CPU.key] || '';
+ const ram = pc[ASSET_SCHEMA.RAM.key] || '';
+ const gpu = pc[ASSET_SCHEMA.GPU.key] || '';
+ const pDate = pc[ASSET_SCHEMA.PURCHASE_DATE.key] || '';
+ const score = calculatePcScoreDeductive(cpu, ram, gpu, pDate);
+ pc['_pc_score'] = score;
+
+ if (!jobScores[job]) jobScores[job] = { totalScore: 0, count: 0, avg: 0 };
+ jobScores[job].totalScore += score;
+ jobScores[job].count += 1;
+ });
+
+ Object.keys(jobScores).forEach(job => {
+ jobScores[job].avg = jobScores[job].count > 0 ? jobScores[job].totalScore / jobScores[job].count : 0;
+ });
+
+ // DB 기준 사양 데이터 맵핑 (state.masterData.jobSpecs 이용)
+ const jobSpecsMap: Record = {};
+ if (state.masterData.jobSpecs) {
+ state.masterData.jobSpecs.forEach((s: any) => {
+ jobSpecsMap[s.job_name] = s.required_grade || '중급';
+ });
+ }
+
+ // 사용자 이름 → 세부 직무 맵 생성 (system_users.position 기준)
+ const userPositionMap: Record = {};
+ if (state.masterData.users) {
+ state.masterData.users.forEach((u: any) => {
+ if (u.user_name && u.position) {
+ userPositionMap[u.user_name.trim()] = u.position.trim();
+ }
+ });
+ }
+
+ const GRADE_RANK: Record = {
+ 'premium': 4, '최상급': 4,
+ 'high': 3, '상급': 3,
+ 'normal': 2, '중급': 2,
+ 'entry': 1, '보급': 1,
+ 'replace': 0, '교체 대상': 0
+ };
+
+ // 기준 대비 사양 부족/오버스펙 분류
+ const criticalPcList: any[] = [];
+ pcs.forEach((pc: any) => {
+ const userName = (pc[ASSET_SCHEMA.CURRENT_USER.key] || '').trim();
+ const job = userPositionMap[userName] || pc[ASSET_SCHEMA.USER_POSITION.key] || '미분류';
+ const score = pc['_pc_score'];
+ const requiredGrade = jobSpecsMap[job] || jobSpecsMap[pc[ASSET_SCHEMA.USER_POSITION.key]] || '중급';
+
+ const cpu = pc[ASSET_SCHEMA.CPU.key] || '';
+ const ram = pc[ASSET_SCHEMA.RAM.key] || '';
+ const win11Incompatible = isWindows11Incompatible(cpu, ram);
+
+ let actualGrade = 'replace';
+ if (score >= 85) actualGrade = 'premium';
+ else if (score >= 70) actualGrade = 'high';
+ else if (score >= 40) actualGrade = 'normal';
+ else if (score >= 20) actualGrade = 'entry';
+
+ const reqRank = GRADE_RANK[requiredGrade] !== undefined ? GRADE_RANK[requiredGrade] : 2;
+ const actRank = GRADE_RANK[actualGrade] !== undefined ? GRADE_RANK[actualGrade] : 0;
+
+ let isUnder = false;
+ if (job !== '재고PC') {
+ if (win11Incompatible) {
+ isUnder = true;
+ pc['_spec_status'] = '사양 부족';
+ } else if (actRank < reqRank) {
+ isUnder = true;
+ pc['_spec_status'] = '사양 부족';
+ } else if (actRank > reqRank) {
+ pc['_spec_status'] = '오버스펙';
+ criticalPcList.push(pc);
+ } else {
+ pc['_spec_status'] = '적정';
+ }
+ } else {
+ if (win11Incompatible) {
+ isUnder = true;
+ pc['_spec_status'] = '사양 부족';
+ } else {
+ pc['_spec_status'] = '적정';
+ }
+ }
+
+ if (isUnder) {
+ criticalPcList.push(pc);
+ }
+ });
+
+ // 정렬: 요구 등급 대비 실제 성능이 많이 부족한 순(등급 편차가 큰 순)으로 정렬
+ criticalPcList.sort((a: any, b: any) => {
+ const userNameA = (a[ASSET_SCHEMA.CURRENT_USER.key] || '').trim();
+ const userNameB = (b[ASSET_SCHEMA.CURRENT_USER.key] || '').trim();
+ const jobA = userPositionMap[userNameA] || a[ASSET_SCHEMA.USER_POSITION.key] || '미분류';
+ const jobB = userPositionMap[userNameB] || b[ASSET_SCHEMA.USER_POSITION.key] || '미분류';
+
+ const reqA = jobSpecsMap[jobA] || jobSpecsMap[a[ASSET_SCHEMA.USER_POSITION.key]] || '중급';
+ const reqB = jobSpecsMap[jobB] || jobSpecsMap[b[ASSET_SCHEMA.USER_POSITION.key]] || '중급';
+
+ const scoreA = a['_pc_score'];
+ const scoreB = b['_pc_score'];
+
+ let actA = 'replace';
+ if (scoreA >= 85) actA = 'premium';
+ else if (scoreA >= 70) actA = 'high';
+ else if (scoreA >= 40) actA = 'normal';
+ else if (scoreA >= 20) actA = 'entry';
+
+ let actB = 'replace';
+ if (scoreB >= 85) actB = 'premium';
+ else if (scoreB >= 70) actB = 'high';
+ else if (scoreB >= 40) actB = 'normal';
+ else if (scoreB >= 20) actB = 'entry';
+
+ const devA = (GRADE_RANK[reqA] || 2) - (GRADE_RANK[actA] || 0);
+ const devB = (GRADE_RANK[reqB] || 2) - (GRADE_RANK[actB] || 0);
+
+ if (devA !== devB) {
+ return devB - devA; // 편차가 큰 것(더 많이 부족한 것)이 먼저 정렬됨
+ }
+ return scoreA - scoreB; // 편차가 같으면 성능 점수가 낮은 순
+ });
+
+ if (criticalPcList.length === 0) {
+ specMismatchTbody.innerHTML = '사양 주의 자산이 없습니다.
+ ${user}
+ ${dept} (${job})
+
+ ${status === '오버스펙' ? '오버 스펙' : status}
+
+ ${assetCode}
+
+ `;
+ }).join('');
+
+ // 클릭 시 해당 자산 상세 페이지로 전환
+ specMismatchTbody.querySelectorAll('.spec-row').forEach(row => {
+ row.addEventListener('click', () => {
+ specMismatchTbody.querySelectorAll('.spec-row').forEach(r => {
+ (r as HTMLElement).style.backgroundColor = 'transparent';
+ });
+ (row as HTMLElement).style.backgroundColor = '#EBF2F1'; // 선택 하이라이트
+ const assetId = row.getAttribute('data-id');
+ const found = fullList.find(a => String(a.id) === String(assetId));
+ if (found) {
+ updateDetailPanel(found);
+ }
+ });
+ });
+ }
+ }
+ };
+
const updateDetailPanel = (asset: any) => {
const emptyState = document.getElementById('detail-empty-state');
const content = document.getElementById('detail-content');
if (!emptyState || !content) return;
- emptyState.style.display = 'none';
- content.style.display = 'flex';
+ emptyState.classList.add('hidden');
+ content.classList.remove('hidden');
- // 텍스트 정보 업데이트
const codeEl = document.getElementById('detail-asset-code');
const typeEl = document.getElementById('detail-asset-type');
- const memoEl = document.getElementById('detail-memo');
const viewBtn = document.getElementById('btn-view-full-detail') as HTMLButtonElement;
if (codeEl) codeEl.textContent = asset.asset_code || '미지정';
if (typeEl) typeEl.textContent = asset.asset_type || '-';
- if (memoEl) memoEl.textContent = asset.memo || '-';
- if (viewBtn) {
- viewBtn.onclick = () => config.onRowClick && config.onRowClick(asset);
- }
+ if (viewBtn) viewBtn.onclick = () => config.onRowClick && config.onRowClick(asset);
- // 위치 및 사진 정보 업데이트
const photo = document.getElementById('detail-photo') as HTMLImageElement;
const marker = document.getElementById('detail-marker');
const overlayLayer = document.getElementById('detail-overlay-layer');
const noPhoto = document.getElementById('detail-no-photo');
- const photoWrapper = document.getElementById('detail-photo-wrapper');
const bldg = asset.location || '';
const detail = asset.location_detail || '';
- // 숫자 0도 유효한 좌표이므로 정확한 체크 필요
- const x = asset.loc_x;
- const y = asset.loc_y;
- const hasCoords = (x !== null && x !== undefined && x !== '' && x !== 'null') &&
- (y !== null && y !== undefined && y !== '' && y !== 'null');
+ const x = asset.loc_x; const y = asset.loc_y;
+ const hasCoords = (x !== null && x !== undefined && x !== '' && x !== 'null');
const savedImg = asset.location_photo || asset.loc_img;
const locImgs = IMAGE_LOCATIONS[bldg.trim()]?.[detail.trim()] || null;
@@ -546,21 +636,20 @@ export function createListView(container: HTMLElement, config: ListViewConfig) {
const htmlMap = document.getElementById('detail-html-map') as HTMLIFrameElement;
const isHtmlMap = imgPath?.toLowerCase().endsWith('.html');
- // 좌표가 없으면 사진이 있어도 '정보 없음' 상태로 유도 (사용자 요청)
if (imgPath && hasCoords) {
if (isHtmlMap) {
- // HTML 지도 처리
photo.style.display = 'none';
if (marker) marker.style.display = 'none';
if (overlayLayer) overlayLayer.innerHTML = '';
if (htmlMap) {
htmlMap.src = `${imgPath}?markerX=${x}&markerY=${y}`;
+ htmlMap.classList.remove('hidden');
htmlMap.style.display = 'block';
}
} else {
- // 일반 이미지 지도 처리
if (htmlMap) {
htmlMap.src = '';
+ htmlMap.classList.add('hidden');
htmlMap.style.display = 'none';
}
photo.src = imgPath;
@@ -625,539 +714,174 @@ export function createListView(container: HTMLElement, config: ListViewConfig) {
}
if (marker) marker.style.display = 'none';
if (overlayLayer) overlayLayer.innerHTML = '';
- if (noPhoto) {
- noPhoto.style.display = 'flex';
- const msg = noPhoto.querySelector('span');
- if (msg) msg.textContent = !hasCoords ? '등록된 위치 좌표 정보가 없습니다.' : '등록된 배치도가 없습니다.';
- }
- }
-
- // 이력 보기 버튼 클릭 이벤트
- const flowLogsBtn = document.getElementById('btn-view-flow-logs');
- if (flowLogsBtn) {
- flowLogsBtn.onclick = () => {
- const emptyState = document.getElementById('detail-empty-state');
- const content = document.getElementById('detail-content');
- if (emptyState && content) {
- content.style.display = 'none';
- emptyState.style.display = 'flex';
- }
- const tbody = document.getElementById('system-status-tbody');
- if (tbody) {
- tbody.querySelectorAll('.mini-row').forEach(r => {
- const rIsWarning = (r as HTMLElement).style.borderLeftColor === 'rgb(225, 29, 72)';
- (r as HTMLElement).style.backgroundColor = rIsWarning ? '#FFF1F2' : 'transparent';
- });
- }
- updateFlowLogsSection();
- };
+ if (noPhoto) { noPhoto.classList.remove('hidden'); noPhoto.style.display = 'flex'; }
}
};
+ // [자산 현황] 테이블 렌더러
const updateTableOnly = () => {
- const now = new Date();
- const currentYear = now.getFullYear();
- const currentMonthNum = now.getMonth() + 1;
- const currentYearMonth = `${currentYear}-${String(currentMonthNum).padStart(2, '0')}`;
+ let filtered = selectedLocation
+ ? fullList.filter(a => (a[ASSET_SCHEMA.LOCATION.key] || '미지정') === selectedLocation)
+ : fullList;
+ const currentDetailLocs = Array.from(new Set(filtered.map(a => a[ASSET_SCHEMA.LOC_DETAIL.key] || '미지정'))).sort();
+ if (selectedDetailLocation) filtered = filtered.filter(a => (a[ASSET_SCHEMA.LOC_DETAIL.key] || '미지정') === selectedDetailLocation);
+ const finalDisplayList = (!selectedLocation && !selectedDetailLocation) ? filtered.slice(0, 20) : filtered;
- if (isPcView) {
- // PC 뷰일 때: 해당월의 PC 유동 이력을 렌더링하고, 클릭 시 해당 자산 상세를 띄움
- const recentTbody = document.getElementById('system-status-tbody');
- if (!recentTbody) return;
-
- const titleEl = document.getElementById('list-section-title');
- if (titleEl) {
- titleEl.textContent = `🔄 PC 유동 이력 (${currentMonthNum}월)`;
- }
-
- const logs = state.masterData.logs || [];
- const flowLogs = logs.filter((log: any) => {
- const details = log.details || '';
- if (details.trim().startsWith('{')) {
- try {
- const info = JSON.parse(details);
- return info && (info.type === 'checkout' || info.type === 'return' || info.type === 'move');
- } catch (e) {}
- }
- return details.includes('[불출]') || details.includes('[반납]') || details.includes('[입고]') || details.includes('[이동]') || details.includes('[이관]');
- });
-
- // 해당월(currentYearMonth)에 발생한 로그만 필터링
- const monthlyFlowLogs = flowLogs.filter((log: any) => {
- const logDate = log.log_date || '';
- return logDate.startsWith(currentYearMonth);
- });
-
- if (monthlyFlowLogs.length === 0) {
- recentTbody.innerHTML = `${currentMonthNum}월 유동 이력이 없습니다.
- ${log.log_date || '-'}
- ${log.log_user || '시스템'}
- ${badgeHtml}
- ${userDisplay}
- ${targetUserDisplay}
- ${assetCodeDisplay}
- ${memoDisplay}
-
- `;
- }).join('');
- }
- } else {
- // 기존의 자산 현황 목록 갱신
- let filtered = selectedLocation
- ? fullList.filter(a => (a[ASSET_SCHEMA.LOCATION.key] || '미지정') === selectedLocation)
- : fullList;
- const currentDetailLocs = Array.from(new Set(filtered.map(a => a[ASSET_SCHEMA.LOC_DETAIL.key] || '미지정'))).sort();
- if (selectedDetailLocation) filtered = filtered.filter(a => (a[ASSET_SCHEMA.LOC_DETAIL.key] || '미지정') === selectedDetailLocation);
- const finalDisplayList = (!selectedLocation && !selectedDetailLocation) ? filtered.slice(0, 10) : filtered;
-
- const titleEl = document.getElementById('list-section-title');
- if (titleEl) titleEl.textContent = selectedLocation ? `${selectedLocation} 자산 현황 (${finalDisplayList.length}대)` : '위치별 자산등록현황 (최근 등록)';
- const selectEl = document.getElementById('select-detail-loc') as HTMLSelectElement;
- if (selectEl && !selectedDetailLocation) {
- selectEl.innerHTML = `` + currentDetailLocs.map(dl => ``).join('');
- }
-
- const tbody = document.getElementById('system-status-tbody');
- if (tbody) {
- tbody.innerHTML = finalDisplayList.length === 0
- ? `조회된 자산이 없습니다.
-
-
- ${purpose || '-'}
- ${managerMain}
- ${managerSub}
- ${asset[ASSET_SCHEMA.LOC_DETAIL.key] || '-'}
- `;
- }).join('');
-
- tbody.querySelectorAll('.mini-row').forEach(row => {
- row.addEventListener('click', () => {
- tbody.querySelectorAll('.mini-row').forEach(r => {
- const rIsWarning = (r as HTMLElement).style.borderLeftColor === 'rgb(225, 29, 72)'; // E11D48
- (r as HTMLElement).style.backgroundColor = rIsWarning ? '#FFF1F2' : 'transparent';
- });
- (row as HTMLElement).style.backgroundColor = '#EBF2F1'; // 선택 하이라이트
- const id = (row as HTMLElement).getAttribute('data-id');
- const asset = fullList.find(a => a.id === id);
- if (asset) updateDetailPanel(asset);
- });
- row.addEventListener('mouseenter', () => {
- if ((row as HTMLElement).style.backgroundColor !== 'rgb(235, 242, 241)') {
- (row as HTMLElement).style.backgroundColor = '#F8FAFA';
- }
- });
- row.addEventListener('mouseleave', () => {
- const isWarning = (row as HTMLElement).style.borderLeftColor === 'rgb(225, 29, 72)';
- if ((row as HTMLElement).style.backgroundColor !== 'rgb(235, 242, 241)') {
- (row as HTMLElement).style.backgroundColor = isWarning ? '#FFF1F2' : 'transparent';
- }
- });
- });
- }
+ const titleEl = document.getElementById('list-section-title');
+ if (titleEl) titleEl.textContent = selectedLocation ? `${selectedLocation} 자산 현황 (${finalDisplayList.length}대)` : '위치별 자산등록현황 (최근 등록)';
+
+ const selectEl = document.getElementById('select-detail-loc') as HTMLSelectElement;
+ if (selectEl && !selectedDetailLocation) {
+ selectEl.innerHTML = `` + currentDetailLocs.map(dl => ``).join('');
}
- };
- const updateFlowLogsSection = () => {
- if (!isPcView) return;
-
- // 사양 주의 장비 현황 (부족/오버스펙) 계산 및 바인딩
- const specMismatchTbody = document.getElementById('spec-mismatch-tbody');
- if (specMismatchTbody) {
- // fullList 중 개인 PC 관련 장비 필터링
- const pcs = fullList.filter((a: any) => {
- const type = a[ASSET_SCHEMA.ASSET_TYPE.key] || '';
- const job = a[ASSET_SCHEMA.USER_POSITION.key] || '';
- const status = a[ASSET_SCHEMA.HW_STATUS.key] || '';
- const user = a[ASSET_SCHEMA.CURRENT_USER.key] || '';
-
- // 운영 중이고 사용자가 할당되어 있으며, 직무가 재고PC가 아닌 실사용 기기 대상
- return job !== '재고PC' && status === '운영' && user.trim() !== '';
- });
-
- // 직무별 평균 점수 산출
- const jobScores: Record = {};
- pcs.forEach((pc: any) => {
- const job = pc[ASSET_SCHEMA.USER_POSITION.key] || '미분류';
- const cpu = pc[ASSET_SCHEMA.CPU.key] || '';
- const ram = pc[ASSET_SCHEMA.RAM.key] || '';
- const gpu = pc[ASSET_SCHEMA.GPU.key] || '';
- const pDate = pc[ASSET_SCHEMA.PURCHASE_DATE.key] || '';
- const score = calculatePcScoreDeductive(cpu, ram, gpu, pDate);
- pc['_pc_score'] = score;
-
- if (!jobScores[job]) jobScores[job] = { totalScore: 0, count: 0, avg: 0 };
- jobScores[job].totalScore += score;
- jobScores[job].count += 1;
- });
-
- Object.keys(jobScores).forEach(job => {
- jobScores[job].avg = jobScores[job].count > 0 ? jobScores[job].totalScore / jobScores[job].count : 0;
- });
-
- // DB 기준 사양 데이터 맵핑 (state.masterData.jobSpecs 이용)
- const jobSpecsMap: Record = {};
- if (state.masterData.jobSpecs) {
- state.masterData.jobSpecs.forEach((s: any) => {
- jobSpecsMap[s.job_name] = s.min_score;
- });
- }
-
- // 기준 대비 사양 부족/오버스펙 분류
- const criticalPcList: any[] = [];
- pcs.forEach((pc: any) => {
- const job = pc[ASSET_SCHEMA.USER_POSITION.key] || '미분류';
- const score = pc['_pc_score'];
- const standardScore = jobSpecsMap[job] !== undefined ? jobSpecsMap[job] : (jobScores[job]?.avg || 0);
-
- const cpu = pc[ASSET_SCHEMA.CPU.key] || '';
- const ram = pc[ASSET_SCHEMA.RAM.key] || '';
- const win11Incompatible = isWindows11Incompatible(cpu, ram);
-
- let isUnder = false;
- if (standardScore > 0) {
- if (score < standardScore * 0.6) {
- isUnder = true;
- pc['_spec_status'] = '사양 부족';
- } else if (score > standardScore * 1.5 && !win11Incompatible) {
- pc['_spec_status'] = '오버스펙';
- criticalPcList.push(pc);
- } else if (win11Incompatible) {
- isUnder = true;
- pc['_spec_status'] = '사양 부족';
- } else {
- pc['_spec_status'] = '적정';
- }
- } else {
- if (win11Incompatible) {
- isUnder = true;
- pc['_spec_status'] = '사양 부족';
- } else {
- pc['_spec_status'] = '적정';
- }
- }
-
- if (isUnder) {
- criticalPcList.push(pc);
- }
- });
-
- // 정렬: 기준 점수 대비 사양 부족이 심한 순(비율이 낮은 순)으로 정렬
- criticalPcList.sort((a: any, b: any) => {
- const jobA = a[ASSET_SCHEMA.USER_POSITION.key] || '미분류';
- const jobB = b[ASSET_SCHEMA.USER_POSITION.key] || '미분류';
- const stdA = jobSpecsMap[jobA] !== undefined ? jobSpecsMap[jobA] : (jobScores[jobA]?.avg || 0);
- const stdB = jobSpecsMap[jobB] !== undefined ? jobSpecsMap[jobB] : (jobScores[jobB]?.avg || 0);
-
- const ratioA = stdA > 0 ? a['_pc_score'] / stdA : 1;
- const ratioB = stdB > 0 ? b['_pc_score'] / stdB : 1;
- return ratioA - ratioB;
- });
-
- if (criticalPcList.length === 0) {
- specMismatchTbody.innerHTML = '사양 주의 자산이 없습니다.
- ${user}
- ${dept} (${job})
-
- ${status === '오버스펙' ? '오버 스펙' : status}
-
- ${assetCode}
-
- `;
- }).join('');
-
- // 클릭 시 해당 자산 상세 페이지로 전환
- specMismatchTbody.querySelectorAll('.spec-row').forEach(row => {
- row.addEventListener('click', () => {
- specMismatchTbody.querySelectorAll('.spec-row').forEach(r => {
- (r as HTMLElement).style.backgroundColor = 'transparent';
- });
- (row as HTMLElement).style.backgroundColor = '#EBF2F1'; // 선택 하이라이트
+ const tbody = document.getElementById('system-status-tbody');
+ if (tbody) {
+ tbody.innerHTML = finalDisplayList.length === 0
+ ? `조회된 자산이 없습니다.
+
+ ${serviceType}
+
+ ${purpose || '-'}
+ ${managerMain}
+ ${managerSub}
+ ${asset[ASSET_SCHEMA.LOC_DETAIL.key] || '-'}
+ `;
+ }).join('');
- (window as any).dispatchLocFilter = (loc: string) => {
- if (isPcView) return;
- selectedLocation = loc;
- selectedDetailLocation = null;
- renderSystemStatus();
+ tbody.querySelectorAll('.mini-row').forEach(row => {
+ row.addEventListener('click', () => {
+ tbody.querySelectorAll('.mini-row').forEach(r => r.classList.remove('active'));
+ row.classList.add('active');
+ const asset = fullList.find(a => a.id === row.getAttribute('data-id'));
+ if (asset) updateDetailPanel(asset);
+ });
+ });
+ }
};
setTimeout(() => {
- const selectLoc = document.getElementById('select-loc') as HTMLSelectElement;
- const selectDetailLoc = document.getElementById('select-detail-loc') as HTMLSelectElement;
-
- selectLoc?.addEventListener('change', (e) => {
- selectedLocation = (e.target as HTMLSelectElement).value || null;
- selectedDetailLocation = null;
- updateTableOnly();
- updateFlowLogsSection();
+ document.getElementById('select-loc')?.addEventListener('change', (e) => {
+ selectedLocation = (e.target as HTMLSelectElement).value || null; selectedDetailLocation = null; updateTableOnly();
});
- selectDetailLoc?.addEventListener('change', (e) => {
- selectedDetailLocation = (e.target as HTMLSelectElement).value || null;
- updateTableOnly();
- updateFlowLogsSection();
+ document.getElementById('select-detail-loc')?.addEventListener('change', (e) => {
+ selectedDetailLocation = (e.target as HTMLSelectElement).value || null; updateTableOnly();
});
updateTableOnly();
updateFlowLogsSection();
}, 50);
};
- // [자산 목록] 테이블 렌더러
const tableWrapper = document.createElement('div');
tableWrapper.className = 'table-container';
const table = document.createElement('table');
const thead = document.createElement('thead');
const tbody = document.createElement('tbody');
- tbody.id = 'dynamic-tbody';
- table.appendChild(thead);
- table.appendChild(tbody);
- tableWrapper.appendChild(table);
+ table.appendChild(thead); table.appendChild(tbody); tableWrapper.appendChild(table);
const updateTable = () => {
- if ((state as any).currentViewMode !== 'asset') return;
let filtered = applyCommonFilters(fullList, currentFilters, config.searchKeys as any[]);
if (sortState.key) filtered = dynamicSort(filtered, sortState.key, sortState.direction);
-
- thead.innerHTML = `${config.columns.map(col => `
- ${col.header} `).join('')} `;
-
- tbody.innerHTML = filtered.length === 0
- ? `${config.emptyMessage || UI_TEXT.MESSAGES.NO_DATA}
- ${config.columns.map(col => `${col.render(asset)} `).join('')}
- `).join('');
-
- tbody.querySelectorAll('.asset-row').forEach((tr, idx) => {
- tr.addEventListener('click', () => config.onRowClick && config.onRowClick(filtered[idx]));
- });
-
- setupTableSorting(table, sortState, (key, dir) => {
- sortState = { key, direction: dir };
- if (config.persistentSortState) {
- config.persistentSortState.key = key;
- config.persistentSortState.direction = dir;
- }
- updateTable();
- });
-
- // createIcons call removed as icons are no longer needed in dashboard
+
+ thead.innerHTML = `${config.columns.map(col => `${col.header} `).join('')} `;
+
+ tbody.innerHTML = filtered.length === 0 ? `${UI_TEXT.MESSAGES.NO_DATA} ${config.columns.map(col => {
+ const isDateCol = col.header.includes('일') || col.header.includes('날짜') || col.header.includes('연월');
+ return `${col.render(asset)} `;
+ }).join('')} `).join('');
+
+ tbody.querySelectorAll('.asset-row').forEach((tr, idx) => { tr.addEventListener('click', () => config.onRowClick && config.onRowClick(filtered[idx])); });
+ setupTableSorting(table, sortState, (key, dir) => { sortState = { key, direction: dir }; updateTable(); });
};
- // --- 뷰 전환 로직 ---
const switchView = () => {
contentWrapper.innerHTML = '';
if ((state as any).currentViewMode === 'asset') {
- filterBar.style.display = 'flex';
- contentWrapper.style.overflowY = 'auto';
- contentWrapper.appendChild(tableWrapper);
- updateTable();
+ filterBar.style.display = 'flex'; contentWrapper.style.overflowY = 'hidden';
+ contentWrapper.appendChild(tableWrapper); updateTable();
} else {
- filterBar.style.display = 'none';
- contentWrapper.style.overflowY = 'hidden';
+ filterBar.style.display = 'none'; contentWrapper.style.overflowY = 'hidden';
renderSystemStatus();
}
};
- // 토글 버튼 이벤트
- toggleWrapper.addEventListener('click', (e) => {
- const btn = (e.target as HTMLElement).closest('.toggle-btn') as HTMLButtonElement;
- if (!btn) return;
- toggleWrapper.querySelectorAll('.toggle-btn').forEach(b => b.classList.remove('active'));
- btn.classList.add('active');
- (state as any).currentViewMode = btn.getAttribute('data-mode') as 'asset' | 'system';
- switchView();
- });
-
- // 필터 바 초기화
+ // 2. 필터 바 렌더링
renderFilterBar(filterBar, {
- ...config.filterOptions,
+ ...config.filterOptions,
initialFilters: currentFilters,
- onFilterChange: (filters) => {
- Object.assign(currentFilters, filters);
- updateTable();
- }
+ fullList: fullList, // Added for dynamic options
+ extraHTML: isServer ? `
+
+
`;
- // 상세 정보 패널 업데이트 함수
+ const updateFlowLogsSection = () => {
+ if (!isPcView) return;
+
+ // 사양 주의 장비 현황 (부족/오버스펙) 계산 및 바인딩
+ const specMismatchTbody = document.getElementById('spec-mismatch-tbody');
+ if (specMismatchTbody) {
+ // fullList 중 개인 PC 관련 장비 필터링
+ const pcs = fullList.filter((a: any) => {
+ const type = a[ASSET_SCHEMA.ASSET_TYPE.key] || '';
+ const job = a[ASSET_SCHEMA.USER_POSITION.key] || '';
+ const status = a[ASSET_SCHEMA.HW_STATUS.key] || '';
+ const user = a[ASSET_SCHEMA.CURRENT_USER.key] || '';
+
+ // 운영 중이고 사용자가 할당되어 있으며, 직무가 재고PC가 아닌 실사용 기기 대상
+ return job !== '재고PC' && status === '운영' && user.trim() !== '';
+ });
+
+ // 직무별 평균 점수 산출
+ const jobScores: Record
+
@@ -502,42 +413,221 @@ export function createListView(container: HTMLElement, config: ListViewConfig) {
+ ![]()
+
+
+
-
- 등록된 배치도가 없습니다.
+
+ 등록된 배치도가 없습니다.
- ${serviceType}
- ${isWarning ? `${warningReason}` : ''}
-
-
+
+
+ ` : '',
+ onFilterChange: (filters) => { Object.assign(currentFilters, filters); updateTable(); }
});
- // 셀렉트 박스 채우기
- const populateSelect = (selector: string, dataKey: string, initialValue?: string) => {
- const select = container.querySelector(selector) as HTMLSelectElement;
- if (select) {
- const getVal = (a: any) => dataKey === ASSET_SCHEMA.CURRENT_DEPT.key ? (a[dataKey] || a['현사용부서'] || a['현사용조직']) : a[dataKey];
- const uniqueValues = Array.from(new Set(fullList.map(getVal))).filter(Boolean).sort();
- uniqueValues.forEach(val => {
- const opt = document.createElement('option');
- opt.value = String(val);
- opt.textContent = String(val);
- if (initialValue && String(val) === initialValue) {
- opt.selected = true;
+ // 3. 필터 바 내 액션 버튼 배치
+ const actionContainer = filterBar.querySelector('#filter-bar-actions');
+ if (actionContainer) {
+ actionContainer.className = "header-action-group";
+ actionContainer.innerHTML = `
+ ${showPcFlowBtn ? `
+
+
+ ` : ''}
+
+ `;
+
+ actionContainer.querySelector('#btn-add-asset')?.addEventListener('click', () => {
+ const dummyAsset = { id: '', category: config.title };
+ config.onRowClick && config.onRowClick(dummyAsset);
+ });
+ actionContainer.querySelector('#btn-pc-flow')?.addEventListener('click', () => {
+ window.dispatchEvent(new CustomEvent('open-pc-flow'));
+ });
+ actionContainer.querySelector('#btn-goto-parts-master')?.addEventListener('click', () => {
+ state.activeSubTab = '부품 마스터';
+ window.dispatchEvent(new Event('refresh-view'));
+ });
+ }
+
+ // 서버 탭 전용 목록보기 체크박스 이벤트
+ if (isServer) {
+ const chkBox = filterBar.querySelector('#chk-list-view') as HTMLInputElement;
+
+ const handleToggle = () => {
+ const isListMode = (state as any).currentViewMode === 'asset';
+ if (isListMode) {
+ state.viewMode = 'location';
+ (state as any).currentViewMode = 'location';
+ } else {
+ state.viewMode = 'list';
+ (state as any).currentViewMode = 'asset';
}
- select.appendChild(opt);
- });
- }
- };
+ window.dispatchEvent(new Event('refresh-view'));
+ };
+ chkBox?.addEventListener('change', handleToggle);
+ }
- if (config.filterOptions.showLoc) populateSelect('#filter-loc', ASSET_SCHEMA.LOCATION.key, currentFilters.loc);
- if (config.filterOptions.showDept) populateSelect('#filter-dept', ASSET_SCHEMA.CURRENT_DEPT.key, currentFilters.dept);
- if (config.filterOptions.showCorp) populateSelect('#filter-corp', ASSET_SCHEMA.PURCHASE_CORP.key, currentFilters.corp);
- if (config.filterOptions.showType) populateSelect('#filter-type', ASSET_SCHEMA.ASSET_TYPE.key, currentFilters.type);
- if (config.filterOptions.showStatus) populateSelect('#filter-status', ASSET_SCHEMA.HW_STATUS.key, currentFilters.status);
-
- // 초기 실행
switchView();
}