페이지 트리

버전 비교

  • 이 줄이 추가되었습니다.
  • 이 줄이 삭제되었습니다.
  • 서식이 변경되었습니다.


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

Easy Heading Macro
navigationTitle목차
selectorh2
navigationExpandOptionexpand-all-by-default


(빨간 별) 템플릿 소개


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

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

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

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

참고사항

레이아웃 활용 예시

  • [유통] 카테고리별 매출 추적
    * KPI : 대분류 카테고리(예: 가전, 의류, 식품, 뷰티 등)의 당일 매출액 및 전주 대비 증감률
    * 차트 : 선택한 대분류의 매출 추이 / 대분류 '하위 브랜드' 또는 '소분류별' 최근 30일 판매량 비교 및 판매 수치
  • [제조] 공장 라인별 수율 및 불량 관리
    * KPI : 생산 공장 또는 생산 라인별(예: 1공장, 2공장 등) 당일 목표 달성률 및 불량률
    * 차트 : 선택한 공장의 월별 총생산량 및 평균 불량률 흐름 / 해당 공장 내 '세부 공정' 또는 '설비'별 최근 30일 에러 발생 건수 비교
  • [HR] 본부별 인건비 및 근태 현황
    * KPI : 사업 본부별 당월 예산 대비 인건비 집행률 및 평균 초과근무 시간
    * 차트 : 선택한 본부의 연간 인건비 집행 흐름 및 예산 변동 추이 / 본부 내 '하위 팀'별 최근 30일 연차 사용률 및 초과근무 시간 비교


(빨간 별) 주요 기능


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


패널
borderColor#e5e7eb
bgColor#ffffff
borderStylenone

데이터 그리드 Master to Detail 팝업

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

모듈 다운로드 →



패널
borderColor#e5e7eb
bgColor#ffffff
borderStylenone

스마트에디터 활용 데이터 저장하기

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

모듈 다운로드 →



패널
borderColor#e5e7eb
bgColor#ffffff
borderStylenone

데이터 그리드 선택 영역만 엑셀로 내보내기

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


모듈 다운로드 →



(빨간 별) 사용 레이아웃


정보

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

(빨간 별) 사용 데이터


정보

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