46 lines
2.4 KiB
TypeScript
46 lines
2.4 KiB
TypeScript
import { state } from '../../core/state';
|
|
import { openHwModal } from '../../components/Modal/HWModal';
|
|
import { sortAssets, formatInline } from '../../core/utils';
|
|
import { ASSET_SCHEMA } from '../../core/schema';
|
|
import { createListView } from './ListFactory';
|
|
|
|
export function renderPcPartList(container: HTMLElement) {
|
|
createListView(container, {
|
|
title: 'PC부품',
|
|
dataSource: () => sortAssets(state.masterData.equipment?.filter((a: any) => a.category === 'PC부품') || []),
|
|
searchKeys: ['MODEL_NAME', 'ASSET_TYPE'],
|
|
filterOptions: {
|
|
keywordLabel: `통합 검색 (${ASSET_SCHEMA.MODEL_NAME.ui})`,
|
|
showLoc: true,
|
|
showDept: true,
|
|
showType: true
|
|
},
|
|
onRowClick: (asset) => openHwModal(asset, 'view'),
|
|
columns: [
|
|
{
|
|
header: ASSET_SCHEMA.HW_STATUS.ui,
|
|
sortKey: ASSET_SCHEMA.HW_STATUS.key,
|
|
align: 'center',
|
|
render: a => `<span class="badge badge-success">${a[ASSET_SCHEMA.HW_STATUS.key] || '보관중'}</span>`
|
|
},
|
|
{ header: ASSET_SCHEMA.ASSET_TYPE.ui, sortKey: ASSET_SCHEMA.ASSET_TYPE.key, align: 'center', width: '10%', render: a => a[ASSET_SCHEMA.ASSET_TYPE.key] || '-' },
|
|
{ header: ASSET_SCHEMA.ASSET_MFR.ui, sortKey: ASSET_SCHEMA.ASSET_MFR.key, align: 'center', render: a => a[ASSET_SCHEMA.ASSET_MFR.key] || '' },
|
|
{ header: ASSET_SCHEMA.MODEL_NAME.ui, sortKey: ASSET_SCHEMA.MODEL_NAME.key, render: a => formatInline(a[ASSET_SCHEMA.MODEL_NAME.key] || '-') },
|
|
{ header: ASSET_SCHEMA.VOLUME.ui, sortKey: ASSET_SCHEMA.VOLUME.key, align: 'center', render: a => a[ASSET_SCHEMA.VOLUME.key] || '-' },
|
|
{ header: ASSET_SCHEMA.MONITOR_INCH.ui, sortKey: ASSET_SCHEMA.MONITOR_INCH.key, align: 'center', render: a => a[ASSET_SCHEMA.MONITOR_INCH.key] || '-' },
|
|
{ header: ASSET_SCHEMA.ASSET_COUNT.ui, sortKey: ASSET_SCHEMA.ASSET_COUNT.key, align: 'center', render: a => a[ASSET_SCHEMA.ASSET_COUNT.key] || '1' },
|
|
{
|
|
header: ASSET_SCHEMA.LOCATION.ui,
|
|
sortKey: ASSET_SCHEMA.LOCATION.key,
|
|
align: 'center',
|
|
render: a => {
|
|
const loc = a[ASSET_SCHEMA.LOCATION.key] || '';
|
|
const detail = a[ASSET_SCHEMA.LOC_DETAIL.key] || '';
|
|
return detail ? `${loc}(${detail})` : (loc || '-');
|
|
}
|
|
},
|
|
{ header: ASSET_SCHEMA.MEMO.ui, sortKey: ASSET_SCHEMA.MEMO.key, className: 'col-memo', render: a => formatInline(a[ASSET_SCHEMA.MEMO.key] || '-') }
|
|
]
|
|
});
|
|
}
|