퍼블리싱 인계 변경 요약 — 2026-08-12 대시보드 신규 · 파트너사관리 개편

HTML 마크업 변경만 정리한 문서입니다. CSS/JS/SVG 는 개발팀 재정의 영역이라 제외 — 단, 상태 클래스는 마크업 계약이라 §A·§C 에 명시합니다.

신규 1 pages/dashboard/dashboard.html · 개편 4 pages/user/partner-org-*.html. 모두 진행중 상태로 올립니다(개발 확정 전).

※ 대시보드는 신규 화면이라 마크업 전체가 새로 생겼습니다(변경 diff 아님). 차트는 Chart.js 미리보기 렌더 + 더미 데이터이며 실데이터/차트 옵션은 개발 연동 영역입니다.

A대시보드 (신규) (pages/dashboard/dashboard.html)

로그인 후 홈 화면. 좌측 요약 영역 + 우측 차트 2종 구성. LNB 레이아웃(layout-open active="") 안에 들어갑니다.

구성 블록

영역	클래스	내용
요약-좌	`.dash-summary > .dash-sum-left`	파일요청 · 회원가입 상태 카운트(`.dash-cnt`) + 공지 캐러셀(`.dash-notice`)
요약-우	`.dash-sum-right`	파트너사 4개사 / 파트너 32인 요약행(`.dash-sum-row`)
차트①	`.dash-chart` (토큰발급 요청)	헤더 + 오늘값 박스(`.dash-stat`) + `<canvas>` 그래프
차트②	`.dash-chart` (인증)	동일 구조 · 시리즈만 다름

상태 클래스 (개발 연동 지점)

요약 카운트의 상태색은 마크업 계약입니다 — 아래 클래스를 <span class="dash-cnt op-status--*"> 에 붙여 사용.

클래스	의미	색
`op-status--req`	요청	초록
`op-status--recv`	접수	주황
`op-status--proc`	처리중	파랑
`op-status--approve`	승인	보라
`op-status--reject`	반려	빨강

차트 토글

각 차트 헤더의 .dash-chart__toggle 버튼으로 막대 ↔ 라인 전환. 전환 시 버튼 아이콘도 교체(chart-line.svg ↔ chart-bar.svg).
차트 렌더·토글은 페이지 하단 인라인 <script>(Chart.js) — 퍼블 미리보기용. 실데이터·차트 옵션은 개발에서 교체.

B파트너사관리 개편 (pages/user/partner-org-*.html · 4)

Figma 개편분 반영 — 등록/수정/상세/상세더보기 4화면. 표를 2열 그리드로 재배치하고 Domain 4종 추가, TRID를 복수 입력형으로 재구성.

변경 유형

코드	내용
표 2열화	`info-table` 을 `th/td/th/td` 2열 그리드로 재배치. 주소는 `colspan="3"` 전폭.
속성·Company ID 분리	회사명 인풋에 묶여 있던 파트너사 속성 select(`.org-name-field` · `.org-type-select`) → 파트너사 속성 독립 셀로 분리 + Company ID 자동생성 안내행(`.trid-guide`) 신규
Domain 4종 신규	`CAMS Domain` · `KMS Domain` · `환경서버Domain` · `통계서버 Domain` 행 추가(모든 화면)
TRID 재구성	단일값 → 복수 입력형. `.trid-field[data-trid-field] > .trid-row` = 이름 `input` + 코드 `input.trid-code-input(readonly)` + `button.btn-trid-add`(“TRID 추가”, 클릭 시 행 생성). 삭제 없음. 상세는 `.trid-list`(이름·코드 `span` 쌍)
라벨·필수 정리	대표자명·웹사이트 필수(`*`) 해제 / `TRID(관리사이트)` → `TRID`

파일별 매트릭스 (✓ = 적용 · 숫자 = 추가 필드 수)

파일 (pages/user/)	표 2열화	속성분리	Domain	TRID재구성	라벨·필수
`partner-org-register`	✓	✓	4	✓	✓
`partner-org-edit`	✓	✓	4	✓	✓
`partner-org-detail`	✓	✓	4	✓	✓
`partner-org-detail-more`	✓	✓	4	✓	✓

C참고 — TRID 마크업 최종 형태

등록/수정 화면. “TRID 추가” 클릭 시 아래 .trid-row 가 append 됩니다(발행 전이라 코드칸 readonly, 삭제 없음 — 기획 2.d·2.e).

<td colspan="3">
  <div class="trid-field" data-trid-field>
    <div class="trid-row">
      <input type="text" class="input" value="에이전시지갑" aria-label="TRID명">
      <input type="text" class="input trid-code-input" value="AW0011231" aria-label="TRID Code" readonly>
      <button type="button" class="btn-trid-add">TRID 추가</button>
    </div>
    <!-- 추가 행: 이름 input + 코드 input(readonly, placeholder “정보 저장 후 자동 생성”) -->
  </div>
</td>