소스 보기

금융 상품 목록과 상세 정보를 확인할 수 있는 관리 화면입니다.

템플릿 소개

이 템플릿은 여러 상품의 상세 정보를 팝업을 통해 확인할 수 있습니다.

사용자는 상품 목록의 상품을 더블 클릭하여 상세 정보를 확인할 수 있으며, 상세 정보 팝업창에서는 특이사항을 텍스트에 서식을 적용하여 확인하고, 수정할 수 있습니다.

또한 상품 정보 전체 내보내기가 아닌 사용자가 마우스로 선택한 영역만 엑셀로 내보내는 기능을 통해 원하는 정보만 내보내기할 수 있습니다.

상품 정보, 고객 정보 등 정보 관리가 중요한 데이터에 적합합니다.

레이아웃 활용 예시

[유통] 카테고리별 매출 추적
* KPI : 대분류 카테고리(예: 가전, 의류, 식품, 뷰티 등)의 당일 매출액 및 전주 대비 증감률
* 차트 : 선택한 대분류의 매출 추이 / 대분류 '하위 브랜드' 또는 '소분류별' 최근 30일 판매량 비교 및 판매 수치

[제조] 공장 라인별 수율 및 불량 관리
* KPI : 생산 공장 또는 생산 라인별(예: 1공장, 2공장 등) 당일 목표 달성률 및 불량률
* 차트 : 선택한 공장의 월별 총생산량 및 평균 불량률 흐름 / 해당 공장 내 '세부 공정' 또는 '설비'별 최근 30일 에러 발생 건수 비교

[HR] 본부별 인건비 및 근태 현황
* KPI : 사업 본부별 당월 예산 대비 인건비 집행률 및 평균 초과근무 시간
* 차트 : 선택한 본부의 연간 인건비 집행 흐름 및 예산 변동 추이 / 본부 내 '하위 팀'별 최근 30일 연차 사용률 및 초과근무 시간 비교

템플릿을 효과적으로 구현하기 위해 사용된 핵심 기

Master 그리드를 더블 클릭하여 Detail 팝업창을 실행합니다.

SmartEditor 컴포넌트를 활용하여 텍스트에 서식(html 태그)이 포함된 데이터를 저장합니다.

데이터 그리드에서 사용자가 선택한 영역만 엑셀로 내보내기합니다. 데이터 그리드를 우클릭할 때 보여지는 '내보내기' 항목에 '선택한 영역만 엑셀로 내보내기'가 추가되며, 별도의 버튼을 활용하여 내보내기 동작을 설정할 수 있습니다.

KPI를 한 눈에 비교할 수 있는 레이아웃을 사용했습니다. 레이아웃 활용 팁이 궁금하시다면? ▶ KPI 비교 조회 화면 템플릿 보기

2025년 부서별 일일 목표 금액과 실적 데이터를 사용했습니다. 다른 데이터를 다운 받고 싶다면? ▶ 샘플 데이터 목록