QT-PMS 화면 명세 — 시연 흐름 보고서

🔐1. 인증2건

1-02

비밀번호 변경

/auth/password.html

6규칙 클라이언트 검증
최초/90일 경과 강제
현재/새/확인 3단

PC · 1700px 비밀번호 변경 (PC)

📱 Mobile · 390px 비밀번호 변경 (Mobile)

📊2. 대시보드1건

2-01

대시보드

/dashboard/index.html

KPI 4종 (진행중/마감임박/지연/결재대기)
시험 카테고리 매트릭스 4행 × 6단계
결재 문서 컴팩트 행

PC · 1700px 대시보드 (PC)

📱 Mobile · 390px 대시보드 (Mobile)

📁3. 프로젝트5건

3-01

프로젝트 목록

/project/list.html

단계 탭 (계약~종료)
검색 6종 (프로젝트명/Job No./문서번호/발주처/Site/사업기간)
행 클릭 → detail?stage=

PC · 1700px 프로젝트 목록 (PC)

📱 Mobile · 390px 프로젝트 목록 (Mobile)

3-02

프로젝트 상세 (허브) ★

/project/detail.html?stage=test

Rev 메타바 + 헤더 카드
7단계 스테퍼
현재 단계 요약
iframe 모달로 단계 폼 진입

PC · 1700px 프로젝트 상세 (허브) ★ (PC)

📱 Mobile · 390px 프로젝트 상세 (허브) ★ (Mobile)

3-04

5-2. 종료 단계 시뮬레이션 (잠금)

/project/detail.html?stage=closed

전체 스테퍼 회색 ✓
상단 노란 잠금 배너
모달 폼은 readonly 처리

PC · 1700px 5-2. 종료 단계 시뮬레이션 (잠금) (PC)

📱 Mobile · 390px 5-2. 종료 단계 시뮬레이션 (잠금) (Mobile)

3-05

Rev 이력

/project/history.html

활성/잠금 Rev 목록
변경사유 + 작성자/일시
Rev 보고서 보기

PC · 1700px Rev 이력 (PC)

📱 Mobile · 390px Rev 이력 (Mobile)

🪜4. 단계 폼18건

4-01

1. 계약 (신규 등록)

/project/form-1-contract.html

기본 정보 + 시험 카테고리 + 담당자 매핑
드래그앤드롭 업로드 (계약서/견적서)
임시저장 / 등록

PC · 1700px 1. 계약 (신규 등록) (PC)

📱 Mobile · 390px 1. 계약 (신규 등록) (Mobile)

4-02

2. 계획 (카테고리 인덱스)

/project/form-2-plan.html

EQ/Seismic 카드 (활성)
EMC 외주 / Dedication 추후 (비활성)
계약 단계 헤더 readonly

PC · 1700px 2. 계획 (카테고리 인덱스) (PC)

📱 Mobile · 390px 2. 계획 (카테고리 인덱스) (Mobile)

4-03

2a. 계획 — 내환경(EQ)

/project/form-2-plan-eq.html

Qualification Method 4종 라디오
Test 트리 9 + 자식 6 (DBA, 극한환경)
Dedication 5컬럼 표 (Catalog 포함, 기본 3행)

PC · 1700px 2a. 계획 — 내환경(EQ) (PC)

📱 Mobile · 390px 2a. 계획 — 내환경(EQ) (Mobile)

4-04

2b. 계획 — 내진(Seismic)

/project/form-2-plan-seismic.html

Test 3종 (Vibration/RMF/RIM)
Dedication 4컬럼 (Catalog 없음)
보고서 유형 라디오 (업로드/직접작성)

PC · 1700px 2b. 계획 — 내진(Seismic) (PC)

📱 Mobile · 390px 2b. 계획 — 내진(Seismic) (Mobile)

4-05

3a. 시험 (카테고리 인덱스)

/project/form-3-test.html

EQ/Seismic 진행중 카드
EMC=외주 / Dedication=추후 비활성

PC · 1700px 3a. 시험 (카테고리 인덱스) (PC)

📱 Mobile · 390px 3a. 시험 (카테고리 인덱스) (Mobile)

4-06

3a-EQ. 시험 — 내환경

/project/form-3-test-eq.html

시험 환경 + 결과 입력 + 시험데이터
도면(다중) 첨부

PC · 1700px 3a-EQ. 시험 — 내환경 (PC)

📱 Mobile · 390px 3a-EQ. 시험 — 내환경 (Mobile)

4-07

3a-Seismic. 시험 — 내진

/project/form-3-test-seismic.html

시험 결과 + 데이터 + 4종 첨부 (절차서/보고서/도면/FRS)

PC · 1700px 3a-Seismic. 시험 — 내진 (PC)

📱 Mobile · 390px 3a-Seismic. 시험 — 내진 (Mobile)

4-08

3b. 보고서 (카테고리 인덱스)

/project/form-4-report.html

EQ=업로드형 / Seismic=직접작성형 (계획에서 선택)

PC · 1700px 3b. 보고서 (카테고리 인덱스) (PC)

📱 Mobile · 390px 3b. 보고서 (카테고리 인덱스) (Mobile)

4-09

3b-EQ. 보고서 — 내환경 (업로드형)

/project/form-4-report-eq.html

단일 PDF 업로드 + 등록 카드
문서 메타 (문서번호/유형/제목)

PC · 1700px 3b-EQ. 보고서 — 내환경 (업로드형) (PC)

📱 Mobile · 390px 3b-EQ. 보고서 — 내환경 (업로드형) (Mobile)

4-10

3b-Seismic. 보고서 — 내진 (에디터)

/project/form-4-report-seismic.html

나모 에디터 본문 + 우측 sticky 첨부
양식 선택 → 과거 보고서 모달

PC · 1700px 3b-Seismic. 보고서 — 내진 (에디터) (PC)

📱 Mobile · 390px 3b-Seismic. 보고서 — 내진 (에디터) (Mobile)

4-12

4. 결과검증

/project/form-5-verify.html

카테고리별 보고서 진행 모니터링
대기/진행중/승인/반려 통계 4종
결재선 시각화 + 액션

PC · 1700px 4. 결과검증 (PC)

📱 Mobile · 390px 4. 결과검증 (Mobile)

4-13

5. 고객보고

/project/form-6-client.html

좌: 고객사 담당자 카드
우: 발송 이력 (발신일·수신자)
사용자 검색/직접 입력/메일 발송 모달 3종

PC · 1700px 5. 고객보고 (PC)

📱 Mobile · 390px 5. 고객보고 (Mobile)

4-17

6. 수정 (Rev 증가)

/project/form-7-revise.html

Rev3 신규 작성 (유형/사유/수정항목/완료예정일)
이전 Rev1·Rev2 이력 카드

PC · 1700px 6. 수정 (Rev 증가) (PC)

📱 Mobile · 390px 6. 수정 (Rev 증가) (Mobile)

4-18

7. 종료

/project/form-8-closed.html

종료 사유/일자
최종 산출물 5건
프로젝트 요약 4종 (기간/Rev/시험/결재)

PC · 1700px 7. 종료 (PC)

📱 Mobile · 390px 7. 종료 (Mobile)

📝5. 전자결재7건

5-01

결재 현황 목록

/approval/list.html

프로젝트/사내 카테고리 토글
5상태 (대기/협의/진행중/완료/반려)
결재선 진행 시각화

PC · 1700px 결재 현황 목록 (PC)

📱 Mobile · 390px 결재 현황 목록 (Mobile)

5-02

결재 상세

/approval/detail.html

결재선 단계별 처리
승인/반려/검토 액션

PC · 1700px 결재 상세 (PC)

📱 Mobile · 390px 결재 상세 (Mobile)

5-03

결재 요청 (기안 작성)

/approval/request.html

제목 + 본문 에디터 + 첨부
결재선 구성 (3단계)
기안 의견

PC · 1700px 결재 요청 (기안 작성) (PC)

📱 Mobile · 390px 결재 요청 (기안 작성) (Mobile)

5-05

대결 / 위임 설정

/approval/delegate.html

대리 결재자 지정
기간 + 사유

PC · 1700px 대결 / 위임 설정 (PC)

📱 Mobile · 390px 대결 / 위임 설정 (Mobile)

5-06

양식 관리

/approval/form-list.html

카테고리 사이드 + 양식 카드
사용/버전 관리

PC · 1700px 양식 관리 (PC)

📱 Mobile · 390px 양식 관리 (Mobile)

5-07

양식 편집 (단일 최종본)

/approval/form-edit.html

나모 에디터로 양식 본문
머지 태그 제거 → 단일 저장

PC · 1700px 양식 편집 (단일 최종본) (PC)

📱 Mobile · 390px 양식 편집 (단일 최종본) (Mobile)

📋6. 게시판6건

6-01

내부 공지사항

/board/list.html?type=internal-notice

사내 공지·정책·시스템 안내
상단 고정 (📌)
조회수/첨부 표시

PC · 1700px 내부 공지사항 (PC)

📱 Mobile · 390px 내부 공지사항 (Mobile)

6-02

내부 자료실

/board/list.html?type=internal-doc

매뉴얼·체크리스트·외부 규격 PDF
직원 다운로드 전용

PC · 1700px 내부 자료실 (PC)

📱 Mobile · 390px 내부 자료실 (Mobile)

6-03

고객 공지사항

/board/list.html?type=customer-notice

발주처 공유 공지
외부 사용자 열람 가능

PC · 1700px 고객 공지사항 (PC)

📱 Mobile · 390px 고객 공지사항 (Mobile)

6-04

고객 자료실

/board/list.html?type=customer-doc

발주처 표준 양식·매뉴얼
외부 사용자 다운로드

PC · 1700px 고객 자료실 (PC)

📱 Mobile · 390px 고객 자료실 (Mobile)

6-05

글 작성

/board/form.html

분류 select (4종)
제목/본문 에디터/첨부
고정·댓글 옵션

PC · 1700px 글 작성 (PC)

📱 Mobile · 390px 글 작성 (Mobile)

6-06

글 보기

/board/detail.html

본문 + 첨부 다운로드
이전/다음/목록 네비

PC · 1700px 글 보기 (PC)

📱 Mobile · 390px 글 보기 (Mobile)

👥7. 사용자관리3건

7-01

사용자 목록

/employee/list.html

탭: 전체/내부/고객사/관리자
고객사 7명 (한수원·한전기술·두산·KPS)
최근 로그인 + 상태

PC · 1700px 사용자 목록 (PC)

📱 Mobile · 390px 사용자 목록 (Mobile)

7-02

사용자 등록/수정

/employee/form.html

기본정보 + 조직/직급
권한 카드 (관리자/승인자/검토자/작성자)

PC · 1700px 사용자 등록/수정 (PC)

📱 Mobile · 390px 사용자 등록/수정 (Mobile)

7-03

조직도

/employee/org.html

좌측 트리 + 우측 부서 카드
팀원 그리드

PC · 1700px 조직도 (PC)

📱 Mobile · 390px 조직도 (Mobile)

⚙️8. 시스템관리3건

8-01

환경설정

/system/settings.html

시험유형/문서유형 코드
세션·업로드·비밀번호 정책

PC · 1700px 환경설정 (PC)

📱 Mobile · 390px 환경설정 (Mobile)

8-02

IP 접근제어

/system/security-ip.html

화이트/블랙리스트
현재 IP 강조 (자기차단 방지)

PC · 1700px IP 접근제어 (PC)

📱 Mobile · 390px IP 접근제어 (Mobile)

8-03

접속 로그

/system/activity-log.html

로그인 성공/실패/차단 통계 4종
외부 사용자(고객사) 로그인 사례 포함

PC · 1700px 접속 로그 (PC)

📱 Mobile · 390px 접속 로그 (Mobile)

🔔9. 공통5건

9-01

알림 센터

/common/notification.html

탭 (전체/결재/문서/시스템/읽지않음)
읽지 않음 좌측 점 강조

PC · 1700px 알림 센터 (PC)

📱 Mobile · 390px 알림 센터 (Mobile)

9-02

내 프로필

/common/profile.html

개인 설정 + 비밀번호 + 알림
최근 로그인 이력

PC · 1700px

📱 Mobile · 390px

9-03

403 권한 없음

/common/403.html

역할/IP/세션 안내
다시 로그인 액션

PC · 1700px 403 권한 없음 (PC)

📱 Mobile · 390px 403 권한 없음 (Mobile)

9-04

404 없는 페이지

/common/404.html

대시보드/이전 페이지 액션

PC · 1700px 404 없는 페이지 (PC)

📱 Mobile · 390px 404 없는 페이지 (Mobile)

9-05

500 서버 오류

/common/500.html

오류 ID/시각/경로
다시 시도 + 관리자 전달

PC · 1700px 500 서버 오류 (PC)

📱 Mobile · 390px 500 서버 오류 (Mobile)