관리자 화면 · 백오피스 거래 관리

거래 관리 메인 — 상세보기 페이지

BO-TRN-002 · 2026. 02. 26

화면 이름 거래 관리 메인 — 상세보기 페이지

화면 위치 백오피스 로그인 진입 > 거래 관리 메뉴 > 상세보기 클릭 > 거래 상세 페이지 진입

화면 ID BO-TRN-002

작성일 2026. 02. 26

거래 관리 메인 > 스토리보드 상세/보기

수정 요청하기

비밀번호 재발행하기

CHRT.

사용자 관리

작품 관리

거래 관리

작품 문의 관리

← 거래 정보 상세

작품 기본 정보

작품 이미지(들)	(이미지 참조)
보증서	보증서001.pdf
재질	캔버스, 아크릴, 혼합
제작 년도(년)	2026. 01
수량/에	1점(호) / 작가
작품 설명	작품 설명입니다. 본 작품 설명글으로 거래를 원활하게 하기 위한 설명입니다. 작품 설명입니다. 본 작품 설명글은 거래를 원활하게 하기 위한 설명입니다...
차트 사내 공유	Y

거래 / 결제 정보

거래 일시	2024.08.23 AM 4시30분
구매자 연락처	010-1234-5678
거래유형(건)	1건(건)
프라이빗 세일(구매자/구매처)	abcde@fgh.com
구분 (유형)	마켓
결제(은행) 정보(기)	000-0078-1234
결제수(지)	마켓공통
판매자 거래(구매자/구매처)	efg@abcdef.com
유거래	1차비공개품
거래대비	일반
4분기(pm)(건)	100x100
총 금(판매건(값))	110,000,000
판매 금액(건)(값)	100,000,000
이체확인(건)(값)	110%
구매 수수료(건)(값)	10,000,000
판매자 수수료(건)(값)	10,000,000
상태	거래대기 입금 ▼
작성일(실비(비)	거래 정보 수정 안내용으로만 사용합니다

Description

0	화면 접근 조건	진입 경로: 백오피스 로그인 > 좌측 메뉴 [거래 관리] > [상세보기] 버튼 클릭 권한 조건 상세보기 권한 보유 관리자만 접근 가능 권한 없는 사용자가 메뉴/URL 직접 접근 시 접근 차단 권한 없음: 목록/페이지 노출 없이 이전 화면 유지(또는 권한 안내 페이지) + 토스트 노출 세션 만료: 로그인 페이지로 이동 + 토스트 노출
1	뒤로가기 버튼 + 화면 타이틀	구성 좌측: 뒤로가기 아이콘 버튼 타이틀: “거래 정보 상세” 뒤로가기 클릭 시 기본적으로 BO-TRN-001로 이동 단, 변경사항 존재 시 → 페이지 이동 안내 모달 노출 취소 : 모달 닫고 현재 화면 유지 이동 : 변경사항 폐기 후 BO-TRN-001로 이동(필터 유지)
2	작품 정보 복사 버튼	운영 인력이 사용자에게 작품 정보를 텍스트 형태로 전달할 때 사용하는 기능 작품 주요 정보를 정해진 포맷으로 일괄 복사 복사 대상 항목 작가명 작품명 제작연도 재료 사이즈 최종 금액 작가명 : {작가명} 작품명 : {작품명} 제작연도 : {제작연도} 재료 : {재료} 사이즈 : {사이즈} 금액 : {최종 금액}원 비고 금액은 천 단위 콤마 적용 값이 없는 항목은 “-” 표기 버튼 클릭 작품 상세 영역 내 해당 필드값 추출 지정된 포맷으로 텍스트 생성 클립보드 복사 처리 성공 토스트 메시지 노출 예외 처리 데이터 로드 실패 시 복사 불가 필수 데이터 누락 시 해당 값은 “-” 처리 후 복사 클립보드 접근 실패 시 오류 메시지 노출 복사 성공 작품 정보가 복사되었습니다. 복사에 실패했습니다. 다시 시도해주세요.
3	저장 버튼	기본 상태: 비활성 활성 조건: 4번, 5번 영역 내 수정 가능한 필드 값 변경 발생 시 활성 클릭 동작 저장 버튼 클릭 → 사용자 정보 수정 안내 모달 노출 취소 : 모달 닫기(저장 미수행) 수정 : 저장 API 호출 성공: 토스트(9번 정의) 노출 + 변경 해제(저장 버튼 비활성) + 화면 값 최신화 실패: 토스트(9번 정의) 노출 + 현재 입력값 유지 + 저장 버튼 활성 유지(재시도)
4	거래 상세 정보	거래에 연결된 작품 정보 및 거래 관련 금액·상태·메모를 확인/관리하는 영역 상단 작품 정보는 조회 중심 하단 거래 기본 정보는 일부 수정 가능 항목 포함 개인정보 및 금액 수정 기능이 포함되므로 보안 정책 적용 작품 이미지 등록된 작품 이미지를 썸네일 형태로 노출 각 이미지에는 “이미지 복사” 기능 제공 동작 이미지 복사 아이콘 클릭 해당 이미지 파일을 클립보드에 복사 성공 시 토스트 메시지 노출 복사 대상은 원본 이미지 파일 여러 이미지가 있을 경우 각각 개별 복사 가능 이미지 미등록 시 기본 이미지 노출 보증서 파일명을 버튼 형태로 노출 동작 파일명 클릭 보증서 URL을 새 탭으로 오픈 보증서 미등록 시 버튼 비노출 URL 오류 시 접근 차단 작품 상세 정보 작품 관리 화면에서 관리되는 정보 조회 전용으로 노출 목록 제목 제작연도 재료 구성 작품 등급 작가 서명 유무 작품 설명 본 화면에서 수정 불가 작품 관리 화면에서 수정 시 자동 반영 값이 없는 경우 “-” 표시
5	거래 기본 정보	기본 정보 (조회) 거래 일시 구매자 연락처 구매자명 구매자 아이디(이메일) 구성(경로) 판매자 연락처 판매자명 판매자 아이디(이메일) 작가명 카테고리 사이즈 개인정보 항목은 마스킹 적용 상세 화면 진입 시 비밀번호 재인증 필수 금액 정보 (수정 가능) 운영 특성상 구매자/판매자 간 협의에 따라 변동 가능하도록 설계 수정 가능 항목 최종 금액(원) 정산 금액(원) 수정 아이콘 클릭 → 입력 상태 전환 금액 입력 저장 클릭 시 반영 연동 규칙 정산 금액 변경 시 사용자단 판매 금액 자동 반영 수수료 / 이익률 자동 재계산 금액은 천 단위 콤마 적용 숫자만 입력 가능 0원 이하 입력 불가 공란 저장 불가 로그 변경 전 금액 / 변경 후 금액 저장 상세 화면에서도 거래 상태 변경 가능 동작 상태 드롭다운 선택 변경 확인 모달 호출 변경 사유 입력 (필수) 저장 시 상태 반영 상태 목록은 리스트와 동일 상태 변경 이력 저장 상태 변경 시 리스트 화면에도 즉시 반영 로그 변경 전 상태 / 변경 후 상태 기록 운영 인력이 거래에 대한 내부 메모 작성 사용자단에는 노출되지 않음 동작 텍스트 입력 저장 시 DB 반영 최대 글자 수 제한 수정 시 수정자 / 수정일 기록 본 화면 진입 시 비밀번호 재인증 필수 재인증 세션 만료 시 자동 차단 개인정보 포함 항목 마스킹 기본 적용
6	토스트 메세지 정의	작품 이미지 이미지 복사 성공 이미지가 복사되었습니다. 이미지 복사에 실패했습니다. 다시 시도해주세요. 이미지 로드 실패 이미지를 불러올 수 없습니다. 보증서 열람 실패 보증서를 불러올 수 없습니다. 등록된 보증서가 없습니다. 수정 성공 금액이 수정되었습니다. 숫자만 입력 가능합니다. 0원 이하 입력 시 0원 이하로 입력할 수 없습니다. 금액을 입력해주세요. 저장 실패 금액 수정에 실패했습니다. 다시 시도해주세요. 변경 성공 거래 상태가 변경되었습니다. 변경 사유를 입력해주세요. 변경 실패 상태 변경에 실패했습니다. 완료된 거래는 상태 변경이 제한됩니다. 처리 중 상태 중복 변경 시 이미 처리 중인 요청입니다. 저장 성공 메모가 저장되었습니다. 메모 저장에 실패했습니다. 글자 수 초과 입력 가능한 글자 수를 초과했습니다. 인증 성공 인증이 완료되었습니다. 비밀번호가 일치하지 않습니다. 세션 만료 인증 시간이 만료되었습니다. 다시 시도해주세요. 권한이 없습니다. 공통 오류 데이터 조회 실패  → 데이터를 불러오지 못했습니다. 시스템 오류  → 일시적인 오류가 발생했습니다. 잠시 후 다시 시도해주세요. 저장 완료 (범용) 저장되었습니다. 저장 처리 중 오류가 발생했습니다. 중복 저장 방지 처리 중입니다. 잠시만 기다려주세요. 정산 금액이 최종 금액보다 클 경우 정산 금액은 최종 금액을 초과할 수 없습니다. 정산 금액 변경으로 사용자단 판매 금액이 함께 변경됩니다. (경고성 안내 토스트) 음수 입력 시 음수는 입력할 수 없습니다. 서버 응답 지연 서버 응답이 지연되고 있습니다. 네트워크 오류가 발생했습니다.
7	공통 규칙	접근 및 보안 정책 본 화면은 거래 리스트(BO-TRN-001)에서 상세보기 클릭을 통해서만 진입 가능 화면 진입 시 비밀번호 재인증을 필수로 수행 재인증 실패 시 상세 화면 접근을 차단 재인증 세션은 일정 시간 경과 시 자동 만료 세션 만료 시 재인증을 다시 요구 구매자 / 판매자 연락처, 이름, 이메일은 기본 마스킹 처리 고객 정보 확인 절차 완료 시에만 마스킹 해제 가능 마스킹 해제 상태는 재인증 세션 종료 시 자동 초기화 엑셀 다운로드 시 개인정보 포함 여부와 무관하게 승인 절차 진행 금액 변경 정책 최종 금액 및 정산 금액은 운영자 권한 보유자만 수정 가능 금액 변경 시 변경 이력을 반드시 저장 정산 금액 변경 시 사용자단 판매 금액에 즉시 반영 금액 변경 시 수수료 및 이익률은 자동 재계산 음수 및 0원 이하 값 입력은 허용하지 않음 상태 목록은 운영단에서 정의한 거래 상태 체계를 따름 상태 변경 시 변경 사유 입력을 필수 완료 상태 이후 변경 가능 여부는 운영 정책에 따름 상태 변경은 즉시 반영되며 리스트 화면과 동기화 메모(비고) 정책 비고는 내부 운영용 메모 사용자단에는 노출되지 않음 수정 시 최종 수정자 및 수정일을 기록 삭제 기능은 제공하지 않고 수정 방식으로 관리 모든 금액 계산은 서버 기준으로 처리 프론트 단 계산 결과는 참고값이며 저장 시 서버 검증을 수행 동시 수정 발생 시 마지막 저장값을 기준으로 하되 충돌 시 안내 메시지를 노출 로그 정책 상세 화면 진입 재인증 시도 및 결과 금액 수정 (변경 전/후 값 포함) 상태 변경 (변경 전/후 값 및 사유 포함) 메모 저장 엑셀 다운로드 요청 / 승인 / 실행 모든 시간 및 데이터 처리는 서버 시간 기준 화면 내 데이터는 서버 API 응답값 기준으로 렌더링 비정상 응답 시 저장 처리하지 않음

Design Output

UI 디자인 산출물

위 스토리보드 기획을 CHAART OS 디자인 토큰으로 변환한 결과물. 실제 구현 시 참조할 최종 디자인.

← 거래 정보 상세

수정 요청하기

비밀번호 재발행하기

CHRT.

사용자 관리

작품 관리

거래 관리

작품 문의 관리

작품 기본 정보

ARTWORK DETAIL TABLE

거래 / 결제 정보

TRANSACTION DETAIL TABLE

Applied Design Tokens

요소	Token	값
전체 배경	`--bg`	#FAFAF8
정보 카드	#fff + `rgba(26,26,26,0.06)` border	R=0, 20px padding
테이블 라벨 열	#f5f5f3 bg	600 weight, 120~140px 너비
수정 아이콘	연필(edit) SVG	`--text-muted`, 12px, stroke 1.5
액션 버튼(수정)	`--charcoal` bg	R=0, 11px font, 600 weight
아웃라인 버튼	rgba(26,26,26,0.12) border	`--text-secondary` 텍스트
작품 썸네일	`--paper` + linen	Paper-Catalog 메타포, 72x72px

Design Description

Update History

2026.03.19인라인 스타일 → sb-dp-thumb-texture 클래스 전환

2026.03.04초기 디자인 작성

0	화면 접근 조건	진입 경로: 백오피스 로그인 > 좌측 메뉴 [거래 관리] > [상세보기] 버튼 클릭 권한 조건 상세보기 권한 보유 관리자만 접근 가능 권한 없는 사용자가 메뉴/URL 직접 접근 시 접근 차단 권한 없음: 목록/페이지 노출 없이 이전 화면 유지(또는 권한 안내 페이지) + 토스트 노출 세션 만료: 로그인 페이지로 이동 + 토스트 노출
1	뒤로가기 버튼 + 화면 타이틀	구성 좌측: 뒤로가기 아이콘 버튼 타이틀: “거래 정보 상세” 뒤로가기 클릭 시 기본적으로 BO-TRN-001로 이동 단, 변경사항 존재 시 → 페이지 이동 안내 모달 노출 취소 : 모달 닫고 현재 화면 유지 이동 : 변경사항 폐기 후 BO-TRN-001로 이동(필터 유지)
2	작품 정보 복사 버튼	운영 인력이 사용자에게 작품 정보를 텍스트 형태로 전달할 때 사용하는 기능 작품 주요 정보를 정해진 포맷으로 일괄 복사 복사 대상 항목 작가명 작품명 제작연도 재료 사이즈 최종 금액 작가명 : {작가명} 작품명 : {작품명} 제작연도 : {제작연도} 재료 : {재료} 사이즈 : {사이즈} 금액 : {최종 금액}원 비고 금액은 천 단위 콤마 적용 값이 없는 항목은 “-” 표기 버튼 클릭 작품 상세 영역 내 해당 필드값 추출 지정된 포맷으로 텍스트 생성 클립보드 복사 처리 성공 토스트 메시지 노출 예외 처리 데이터 로드 실패 시 복사 불가 필수 데이터 누락 시 해당 값은 “-” 처리 후 복사 클립보드 접근 실패 시 오류 메시지 노출 복사 성공 작품 정보가 복사되었습니다. 복사에 실패했습니다. 다시 시도해주세요.
3	저장 버튼	기본 상태: 비활성 활성 조건: 4번, 5번 영역 내 수정 가능한 필드 값 변경 발생 시 활성 클릭 동작 저장 버튼 클릭 → 사용자 정보 수정 안내 모달 노출 취소 : 모달 닫기(저장 미수행) 수정 : 저장 API 호출 성공: 토스트(9번 정의) 노출 + 변경 해제(저장 버튼 비활성) + 화면 값 최신화 실패: 토스트(9번 정의) 노출 + 현재 입력값 유지 + 저장 버튼 활성 유지(재시도)
4	거래 상세 정보	거래에 연결된 작품 정보 및 거래 관련 금액·상태·메모를 확인/관리하는 영역 상단 작품 정보는 조회 중심 하단 거래 기본 정보는 일부 수정 가능 항목 포함 개인정보 및 금액 수정 기능이 포함되므로 보안 정책 적용 작품 이미지 등록된 작품 이미지를 썸네일 형태로 노출 각 이미지에는 “이미지 복사” 기능 제공 동작 이미지 복사 아이콘 클릭 해당 이미지 파일을 클립보드에 복사 성공 시 토스트 메시지 노출 복사 대상은 원본 이미지 파일 여러 이미지가 있을 경우 각각 개별 복사 가능 이미지 미등록 시 기본 이미지 노출 보증서 파일명을 버튼 형태로 노출 동작 파일명 클릭 보증서 URL을 새 탭으로 오픈 보증서 미등록 시 버튼 비노출 URL 오류 시 접근 차단 작품 상세 정보 작품 관리 화면에서 관리되는 정보 조회 전용으로 노출 목록 제목 제작연도 재료 구성 작품 등급 작가 서명 유무 작품 설명 본 화면에서 수정 불가 작품 관리 화면에서 수정 시 자동 반영 값이 없는 경우 “-” 표시
5	거래 기본 정보	기본 정보 (조회) 거래 일시 구매자 연락처 구매자명 구매자 아이디(이메일) 구성(경로) 판매자 연락처 판매자명 판매자 아이디(이메일) 작가명 카테고리 사이즈 개인정보 항목은 마스킹 적용 상세 화면 진입 시 비밀번호 재인증 필수 금액 정보 (수정 가능) 운영 특성상 구매자/판매자 간 협의에 따라 변동 가능하도록 설계 수정 가능 항목 최종 금액(원) 정산 금액(원) 수정 아이콘 클릭 → 입력 상태 전환 금액 입력 저장 클릭 시 반영 연동 규칙 정산 금액 변경 시 사용자단 판매 금액 자동 반영 수수료 / 이익률 자동 재계산 금액은 천 단위 콤마 적용 숫자만 입력 가능 0원 이하 입력 불가 공란 저장 불가 로그 변경 전 금액 / 변경 후 금액 저장 상세 화면에서도 거래 상태 변경 가능 동작 상태 드롭다운 선택 변경 확인 모달 호출 변경 사유 입력 (필수) 저장 시 상태 반영 상태 목록은 리스트와 동일 상태 변경 이력 저장 상태 변경 시 리스트 화면에도 즉시 반영 로그 변경 전 상태 / 변경 후 상태 기록 운영 인력이 거래에 대한 내부 메모 작성 사용자단에는 노출되지 않음 동작 텍스트 입력 저장 시 DB 반영 최대 글자 수 제한 수정 시 수정자 / 수정일 기록 본 화면 진입 시 비밀번호 재인증 필수 재인증 세션 만료 시 자동 차단 개인정보 포함 항목 마스킹 기본 적용
6	토스트 메세지 정의	작품 이미지 이미지 복사 성공 이미지가 복사되었습니다. 이미지 복사에 실패했습니다. 다시 시도해주세요. 이미지 로드 실패 이미지를 불러올 수 없습니다. 보증서 열람 실패 보증서를 불러올 수 없습니다. 등록된 보증서가 없습니다. 수정 성공 금액이 수정되었습니다. 숫자만 입력 가능합니다. 0원 이하 입력 시 0원 이하로 입력할 수 없습니다. 금액을 입력해주세요. 저장 실패 금액 수정에 실패했습니다. 다시 시도해주세요. 변경 성공 거래 상태가 변경되었습니다. 변경 사유를 입력해주세요. 변경 실패 상태 변경에 실패했습니다. 완료된 거래는 상태 변경이 제한됩니다. 처리 중 상태 중복 변경 시 이미 처리 중인 요청입니다. 저장 성공 메모가 저장되었습니다. 메모 저장에 실패했습니다. 글자 수 초과 입력 가능한 글자 수를 초과했습니다. 인증 성공 인증이 완료되었습니다. 비밀번호가 일치하지 않습니다. 세션 만료 인증 시간이 만료되었습니다. 다시 시도해주세요. 권한이 없습니다. 공통 오류 데이터 조회 실패  → 데이터를 불러오지 못했습니다. 시스템 오류  → 일시적인 오류가 발생했습니다. 잠시 후 다시 시도해주세요. 저장 완료 (범용) 저장되었습니다. 저장 처리 중 오류가 발생했습니다. 중복 저장 방지 처리 중입니다. 잠시만 기다려주세요. 정산 금액이 최종 금액보다 클 경우 정산 금액은 최종 금액을 초과할 수 없습니다. 정산 금액 변경으로 사용자단 판매 금액이 함께 변경됩니다. (경고성 안내 토스트) 음수 입력 시 음수는 입력할 수 없습니다. 서버 응답 지연 서버 응답이 지연되고 있습니다. 네트워크 오류가 발생했습니다.
7	공통 규칙	접근 및 보안 정책 본 화면은 거래 리스트(BO-TRN-001)에서 상세보기 클릭을 통해서만 진입 가능 화면 진입 시 비밀번호 재인증을 필수로 수행 재인증 실패 시 상세 화면 접근을 차단 재인증 세션은 일정 시간 경과 시 자동 만료 세션 만료 시 재인증을 다시 요구 구매자 / 판매자 연락처, 이름, 이메일은 기본 마스킹 처리 고객 정보 확인 절차 완료 시에만 마스킹 해제 가능 마스킹 해제 상태는 재인증 세션 종료 시 자동 초기화 엑셀 다운로드 시 개인정보 포함 여부와 무관하게 승인 절차 진행 금액 변경 정책 최종 금액 및 정산 금액은 운영자 권한 보유자만 수정 가능 금액 변경 시 변경 이력을 반드시 저장 정산 금액 변경 시 사용자단 판매 금액에 즉시 반영 금액 변경 시 수수료 및 이익률은 자동 재계산 음수 및 0원 이하 값 입력은 허용하지 않음 상태 목록은 운영단에서 정의한 거래 상태 체계를 따름 상태 변경 시 변경 사유 입력을 필수 완료 상태 이후 변경 가능 여부는 운영 정책에 따름 상태 변경은 즉시 반영되며 리스트 화면과 동기화 메모(비고) 정책 비고는 내부 운영용 메모 사용자단에는 노출되지 않음 수정 시 최종 수정자 및 수정일을 기록 삭제 기능은 제공하지 않고 수정 방식으로 관리 모든 금액 계산은 서버 기준으로 처리 프론트 단 계산 결과는 참고값이며 저장 시 서버 검증을 수행 동시 수정 발생 시 마지막 저장값을 기준으로 하되 충돌 시 안내 메시지를 노출 로그 정책 상세 화면 진입 재인증 시도 및 결과 금액 수정 (변경 전/후 값 포함) 상태 변경 (변경 전/후 값 및 사유 포함) 메모 저장 엑셀 다운로드 요청 / 승인 / 실행 모든 시간 및 데이터 처리는 서버 시간 기준 화면 내 데이터는 서버 API 응답값 기준으로 렌더링 비정상 응답 시 저장 처리하지 않음

← 이전 화면: BO-TRN-001 다음 화면: BO-TRN-003 →