페이지 트리

버전 비교

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

좌측 목록에서 항목을 선택하면 우측에 연동된 상세 데이터를 즉각 탐색하고 분석할 수 있는 레이아웃입니다.

 light-on (on) 레이아웃 구조


(star) 적용 사례


  • [금융/보험] 기업 대출 및 고액 보험금 청구 심사 관제
    * 목록 : 영업점 및 온라인으로 접수된 고액 대출 또는 보험금 청구 건 목록
    * 상세 : 특정 청구 건 클릭 시, 고객 신용 등급, 담보물 가치, 전담 심사역 정보 요약
    <흐름도> 서류 접수 → 현장 조사 → 1차 심사 → 2차 심사 → 최종 승인/지급
    <로그> 서류 진위 확인 내역, 현장 조사 일지, 심사역 코멘트 이력 등

  • [유통/물류] 프리미엄(VIP) 맞춤형 주문 및 특수 배송 관제
    * 목록 : 고가의 명품, 신선식품, 맞춤 제작 가구 등 특별 관리가 필요한 주문 목록
    * 상세 : 특정 주문 클릭 시, 도착지 교통 상황, 고객 특이사항, 배송 기사 정보 요약
    <흐름도> 결제 완료 → 상품 준비 → 특수 포장 → 전담 차량 이동 → 고객 인수
    <로그> 단계별 바코드 스캔 기록, 온도 이탈 여부, 알림 메세지 이력 등

  • [의료/제약] 응급 환자 이송 및 중증 질환 처치 트래킹
    * 목록 : 현재 진행 중인 응급 환자 및 중증 환자 이송/치료 목록
    * 상세 : 특정 환자 클릭 시, 환자 바이탈 사인 및 알러지 정보 요약
    <흐름도> 구급차 이송 → 응급실 도착 → 1차 처치 → 수술/입원 → 퇴원
    <로그> 시간대별 바이탈 변화, 투여 약물, 검사 결과 및 의료진 처치 내역 조회 등



(정보) 레이아웃 활용 팁


  • 마스터-디테일(Master-Detail)로 정보 계층화

    • 좌측 목록에서 전반적인 현황을 파악하고, 선택 시 우측 영역에서 세부 데이터를 심층 분석할 수 있습니다.

    • 화면 전환 없이 한 곳에서 모든 데이터를 탐색할 수 있어, 실무자의 작업 동선을 최소화하고 관리자의 신속한 의사결정을 지원합니다.


  • 진행 상태와 연동되는 시각적 가이드

    • 프로세스 봇을 활용하여 진척 상황에 따라 아이콘 색상으로 즉각 시각화해 보세요.

    • 병목 구간을 한눈에 식별할 수 있어, 장애 발생 시 현장 대응 속도를 높여줍니다.


  • MX-Grid를 이용한 라벨에 데이터 연결

    • 우측 상단 카드의 핵심 지표들을 MX-Grid에서 직접 연결하여 실시간으로 표시할 수 있습니다.

    • MX-Grid에 적용된 서식을 그대로 반영할 수 있습니다.


  • 상세 작업 로그의 유연한 데이터 연동

    • 우측 하단 목록에 필요한 데이터를 MX-Grid의 이름 정의 기능을 통해 간편하게 연결해 보세요.  가이드 보기 →

    • 좌측 목록에서 항목을 선택할 때마다, 해당하는 상세 데이터가 실시간으로 조회됩니다.