페이지 트리

버전 비교

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

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

Image RemovedImage RemovedImage Added Image Added

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


(빨간 별) 템플릿 소개


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

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

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

상품 정보, 고객 정보 등 정보 관리가 중요한 데이터에 정보 등 데이터 양이 많고 항목별로 확인해야 할 속성이 복합적인 경우적합합니다.

참고사항

레이아웃 활용 예시

  • [유통] 카테고리별 매출 추적주문 및 배송 관제
    * KPI 목록 : 대분류 카테고리(예: 가전, 의류, 식품, 뷰티 등)의 당일 매출액 및 전주 대비 증감률
    * 차트 : 선택한 대분류의 매출 추이 / 대분류 '하위 브랜드' 또는 '소분류별' 최근 30일 판매량 비교 및 판매 수치
  • [제조] 공장 라인별 수율 및 불량 관리
    * KPI : 생산 공장 또는 생산 라인별(예: 1공장, 2공장 등) 당일 목표 달성률 및 불량률
    * 차트 : 선택한 공장의 월별 총생산량 및 평균 불량률 흐름 / 해당 공장 내 '세부 공정' 또는 '설비'별 최근 30일 에러 발생 건수 비교
  • [HR] 본부별 인건비 및 근태 현황
    * KPI : 사업 본부별 당월 예산 대비 인건비 집행률 및 평균 초과근무 시간
    * 차트 : 선택한 본부의 연간 인건비 집행 흐름 및 예산 변동 추이 / 본부 내 '하위 팀'별 최근 30일 연차 사용률 및 초과근무 시간 비교
    주문 정보(주문번호, 주문일시, 고객명, 총 결제금액, 주문상태) 조회
    * 상세 : 선택한 주문의 주문 상세(개별 상품 리스트, 배송지 주소, 택배사 송장 추적 정보, CS 상담 이력) 조회
  • [제조] 장비 유지보수 및 자산 관리
    * 목록 : 설비 정보(설비명, 설비위치, 현재 가동률, 최근 점검일, 상태) 조회
    * 상세 : 선택한 설비의 설비 제원 및 이력(상세 사양, 부품 교체 이려그 수리 매뉴얼, 센서 데이터) 조회
  • [공공] 인사 정보 및 역량 관리
    * 목록 : 직원 명부(사번, 설명, 부서, 직급, 근태 현황, 성과 등급) 조회
    * 상세 : 선택한 직원의 인사 카드(상세 경력 사항, 보유 자격증 목록, 연도별 고과 점수, 교육 이수 현황, 연봉 변동 추이) 조회


(빨간 별) 주요 기능


템플릿을 효과적으로 구현하기 위해 사용된 핵심 기능 3가지입니다.


패널
borderColor#e5e7eb
bgColor#ffffff
borderStylenone

라벨에 그리드 값 바인딩

상단 영역의 KPI 카드 숫자는 고정 텍스트가 아닙니다. 그리드 값을 바인딩하여 실시간으로 갱신됩니다.

마스터-디테일 팝업 조회

마스터 그리드를 더블 클릭하면 상세 팝업창이 실행됩니다.

모듈 다운로드 →



패널
borderColor#e5e7eb
bgColor#ffffff
borderStylenone

차트에 그리드 데이터 연결

하단 '월별 추이' 꺾은선 차트와 우측의 콤보 차트는 각각 연결된 그리드 데이터를 시각화 합니다.

가이드 보기

서식 있는 텍스트 편집기 활용

서식(HTML 태그)이 포함된 텍스트 데이터를 저장하고 표시할 수 있는 전용 편집기 컨트롤을 활용합니다.

모듈 다운로드



패널
borderColor#e5e7eb
bgColor#ffffff
borderStylenone

조건에 따라 라벨 색상 변경

KPI 카드의 '달성률'이나 증감 수치에 조건부 서식을 적용했습니다. (예: 감소 시 붉은색)

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

그리드 우클릭 메뉴에 '선택한 영역만 엑셀로 내보내기'가 추가되며, 별도의 버튼으로 해당 동작을 설정할 수 있습니다.

모듈 다운로드 →



(빨간 별) 사용 레이아웃


정보

KPI를 한 눈에 비교할 상세 내용을 팝업창에서 확인할 수 있는 마스터-디테일 레이아웃을 사용했습니다. 레이아웃 활용 팁이 궁금하시다면? KPI 비교 마스터-디테일 팝업 조회 화면 템플릿 보기

(빨간 별) 사용 데이터


정보

2025년 부서별 일일 목표 금액과 실적 총 30개의 금융 상품 정보 데이터를 사용했습니다. 다른 데이터를 다운 받고 싶다면? 샘플 데이터 목록