Taehoon/ITAM
2
0
Fork 0
Code Issues 15 Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: standardize modal system, unify hardware DB schemas, and implement automatic asset reclassification

Browse Source
This commit is contained in:
이태훈
2026-04-20 17:56:19 +09:00
parent 5372cda59f
commit 5248b494e9
24 changed files with 5453 additions and 1318 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
src/views/List/EquipmentListView.ts
View File

@@ -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) {
<input type="text" id="filter-keyword" placeholder="검색어를 입력하세요..." autocomplete="off">
</div>
<div class="search-item">
<label>법인</label>
<label>구매법인</label>
<select id="filter-corp"><option value="">전체 법인</option>${corps.map(c => `<option value="${c}">${c}</option>`).join('')}</select>
</div>
<button id="btn-reset-filters" class="btn btn-outline btn-reset">
@@ -28,7 +28,7 @@ export function renderEquipmentList(container: HTMLElement) {
const tableWrapper = document.createElement('div');
tableWrapper.className = 'table-container';
const table = document.createElement('table');
table.innerHTML = `<thead><tr><th>No</th><th>법인</th><th>유형</th><th>자산코드</th><th>명칭</th><th>위치</th><th>관리자</th><th>구매일</th><th>금액</th><th>관리</th></tr></thead><tbody id="dynamic-tbody"></tbody>`;
table.innerHTML = `<thead><tr><th>No</th><th>구매법인</th><th>현 사용조직</th><th>유형</th><th>자산번호</th><th>모델명</th><th>관리자</th><th>구매일</th><th>금액</th><th>관리</th></tr></thead><tbody id="dynamic-tbody"></tbody>`;
tableWrapper.appendChild(table);
container.appendChild(tableWrapper);
@@ -42,7 +42,7 @@ export function renderEquipmentList(container: HTMLElement) {
const corp = corpSelect ? corpSelect.value : '';
const filtered = fullList.filter(asset => {
const matchKeyword = !keyword || String(asset.자산코드||'').toLowerCase().includes(keyword) || String(asset.명칭||'').toLowerCase().includes(keyword);
const matchKeyword = !keyword || String(asset.자산코드||'').toLowerCase().includes(keyword) || String(asset.모델명||'').toLowerCase().includes(keyword) || String(asset.현사용조직||'').toLowerCase().includes(keyword);
const matchCorp = !corp || asset.법인 === corp;
return matchKeyword && matchCorp;
});
@@ -59,16 +59,16 @@ export function renderEquipmentList(container: HTMLElement) {
tr.innerHTML = `
<td>${idx+1}</td>
<td>${asset.법인}</td>
<td>${asset.비품유형||'-'}</td>
<td>${asset.현사용조직||''}</td>
<td>${asset.type}</td>
<td>${asset.자산코드}</td>
<td>${formatInline(asset.명칭)}</td>
<td>${formatInline(asset.위치)}</td>
<td>${formatInline(asset.관리자)}</td>
<td>${formatInline(asset.모델명)}</td>
<td>${formatInline(asset.담당자_정 || asset.관리자)}</td>
<td>${asset.구매일||''}</td>
<td>${asset.금액||''}</td>
<td><button class="btn btn-outline btn-sm">수정</button></td>
`;
tr.addEventListener('click', (e) => { if (!(e.target as HTMLElement).closest('button')) openHwModal(asset); });
tr.addEventListener('click', (e) => { if (!(e.target as HTMLElement).closest('button')) openHwModal(asset, 'view'); });
tbody.appendChild(tr);
});
};