컴포넌트

[공통]

• 환자용 메인페이지 - 병원 CI, 예약 등록 버튼, 예약 확인 버튼

  

• 환경설정

  

  • 폰트 크기
    • 화면에 보여지는 폰트 크기를 조정할 수 있다.

• 로그인

  

  • 아이디
    • 아이디를 입력한다.
  • 비밀번호
    • 비밀번호를 입력한다.
  • 확인
    • 로그인 작업을 수행한다.

• 예약 등록

  

  • 담당의사
    • 토글 목록에서 원하는 의사를 선택할 수 있다.
  • 예약 일자
    • 담당의사의 스케줄에 맞춰 예약 가능한 일자를 출력한다.
    • 오늘로부터 1주일 단위
  • 예약 시간
    • 담당의사의 스케줄에 맞춰 선택한 일자의 예약 가능한 시간들을 표시한다.
    • 예약 불가능한 시간들은 블러 처리한다.
  • 증상(이미지에 없음)
    • 증상을 간단히 입력한다.
  • 예약 버튼
    • 예약 작업을 수행한다.
  • 취소
    • 이전 단계로 돌아간다.

  <aside> 📢

  각 단계 완료 시 다음 단계 렌더링 수행

  </aside>

[간호사, 의사 공통]

• 메인 페이지 레이아웃

  

• 의료진 용 메인 페이지 내 대기 환자 리스트

  

  • 환자 리스트
    • 현재 진료 중인 환자의 이름과 대기 중인 환자 이름을 대기 상태와 함께 출력한다.

• 사이드바(메뉴)

  

  • 홈 화면
    • 홈 화면으로 이동한다.
  • 예약
    • 예약 화면으로 이동한다.
  • 결제
    • 결제 화면으로 이동한다.
  • 설정
    • 환경 설정 창으로 이동한다.

• 예약 확인

  

  • 상단 <
    • 이전 날짜로 이동
    • 금일은 렌더링하지 않는다.
  • 상단 >
    • 이후 날짜로 이동
    • 금일 기준 일주일 이후 날짜에는 렌더링하지 않는다.
  • 이름
    • 금일 예약한 환자들의 이름을 출력한다.
  • 주민번호
    • 금일 예약한 환자들의 생년월일을 출력한다.
  • 예약 시간
    • 금일 예약한 환자들의 예약시간을 출력한다.
  • 예약 취소 버튼
    • 각 환자별 예약 취소 작업을 수행한다.
  • 하단 <
    • 이전 페이지로 이동
    • 1페이지라면 렌더링하지 않는다.
  • 하단 >
    • 다음 페이지로 이동
    • 마지막 페이지라면 렌더링하지 않는다.

• 환자 진료 이력 확인

  

  • 이전 진료 일자
    • 해당 환자의 이전 진료 일자들을 표시한다.
  • 진료 상세 내용
    • 일자를 토글해 열면 해당 환자의 이전 진료 내용을 표시한다.
  • 처방 내용
    • 일자를 토글해 열면 해당 환자의 이전 처방 내용을 표시한다.

  <aside> 📢

  </aside>

• 현재 진료 내용

• 처방전

• 실시간 채팅(전체 공통)

• 환자 검색