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

거래 관리 메인

BO-TRN-001 · 2026. 03. 17

화면 이름 거래 관리 메인

화면 위치 백오피스 로그인 진입 > 거래 관리 메뉴 클릭

화면 ID BO-TRN-001

작성일 2026. 03. 17

거래 관리 메인 화면 위치 백오피스 로그인 진입 > 거래 관리 메뉴 클릭

admin@chaart.co

CHRT.

사용자 관리

작품 관리

거래 관리

작품 문의 관리

거래 현황

joonyoob.kim@chaart.co

전체

마켓

프라이빗 세일

비공개

기간별 거래 · 2024.1 AM

전체거래건

1,345,678

마켓 거래

567

PS 거래

1,234

비공개 거래

234

총 거래액

5,000

미수금

300

정산 완료

300

수수료

300

정산액

300

거래 기간

2024.MM.DD 기준

검색어

거래번호로 검색하세요

거래유형선택

● 전체○ 마켓○ 프라이빗세일○ 기타

상태

☑ 전체☐ 거래대기 입금☐ 매출 등☐ 입금 확인☐ 작품 수령 준비☐ 작품 전달 중☐ 추적 확인

교포 입금

● 구매자 입금

교포 항목

전체항목

교포 입금을 검색하세요

초기화

검색

거래 목록

엑셀다운로드

거래 신규등록

거래 정보 편집

no.	거래 내역 일시	거래유형 선택/값	거래번호	거래대기 이전/이후(변동)	주성	판매자(판매자/식)	판매자	판매자 지분(판매/매형목)	획거래	거래대비	4분기(pm)	대 유류비(건)	이체확인(건)	VR유 수수료(건)	판매자 수수료(건)	상태	비고	상세보기
10	2024. MM. DD HH:MM	Q2-*-**	김**	abc@defgh.com	마켓	abc--**	김**	abcde@fgh.com	마켓공통	일반	10%-비	1,100,000	1,000,000	110%	100,000	거래대기 입금	R.C 입금대 대응-01	상세보기
9	2024. MM. DD HH:MM	Q2-*-**	김**	abc@defgh.com	프라이빗 세일	abc--**	김**	abcde@fgh.com	비공개품	일반	100%-비Q	11,000,000	10,000,000	110%	1,000,000	매출 등	R.C 입금대 대응-01	상세보기
8	2024. MM. DD HH:MM	Q2-*-**	김**	abc@defgh.com	비공개	abc--**	김**	abcde@fgh.com	비공개품	프레임	30-50	70,000,000	80,000,000	110%	10,000,000	정산 완료	R.C 입금대 대응-01	상세보기

< 1 2 3 4 5 >

Description

0	화면 접근 조건	백오피스 로그인 완료 상태 거래 관리 메뉴 접근 권한(Role 기반) 보유 조회 권한 필수 엑셀 요청 권한 별도 분리 가능 최초 진입 시 기본 탭 = 전체 기본 정렬 = 거래 시작 일시 DESC 기본 페이지 = 1 기본 페이지 사이즈 = 10
1	GNB	좌측 GNB에서 “거래 관리” 활성 표시 다른 메뉴 클릭 시 즉시 화면 이동 이동 시 LOG 적재
2	헤더	상단 거래 관리 타이틀 영역 우측 상단 로그인 관리자 정보 표시
3	작품 구성 탭 영역	구성 전체 마켓 프라이빗 세일 탭 클릭 시 구성 조건 변경 리스트 재조회 간이 대시보드 데이터 재계산 전체 → 모든 구성 포함 마켓 → 구성 = 마켓 프라이빗 세일 → 구성 = 프라이빗 세일
4	간이 대시보드	상단 표시 기준 값 : 전체 기간 전체 기간 집계 정의 전체 기간 기준 전체 거래 건수 거래 생성일 기준 집계 삭제되지 않은 거래 포함 실시간 COUNT 누적값 마켓 거래수 정의 거래유형 = 마켓 상태 전체 포함 정의 거래유형 = 프라이빗 세일 상태 전체 포함 매출 월 거래액
5	검색 필터	구성 기간 선택 From ~ To 거래 생성일 기준 검색 마켓 프라이빗 세일 비공개 체크박스 복수 선택 가능 거래 상태 거래 상태 운영단 정의 전체 상태값 체크박스 복수 선택 가능 복수 선택 가능 최소 금액 ~ 최대 금액 검색어 기본 검색 대상 : 거래 번호 고객 정보 확인 전 : 고객 정보 기반 검색 불가 초기화 조회 조회 클릭 선택된 탭 조건 + 검색 필터 조건 결합 모든 선택 조건은 AND 조건으로 적용 거래 유형 / 거래 상태는 선택값 간 OR 조건 적용 리스트 재조회 페이지 1로 이동 기간값 초기화 거래 유형 전체 해제 거래 상태 전체 해제 검색어 제거 기본 리스트 재조회 페이지 1로 이동 조건 적용 규칙 기간 미설정 시 전체 기간 조회 거래 유형 미선택 시 전체 유형 조회 거래 상태 미선택 시 전체 상태 조회 검색어 미입력 시 검색어 조건 제외 구매자명 / 구매자 연락처 / 판매자명 / 판매자 연락처 / 이메일 검색 필터에서는 기본적으로 검색 불가 고객 정보 확인 기능은 리스트 영역에서 처리한다. 로그 조회 실행
6	거래 리스트	컬럼 no 거래 시작 일시 구매자 연락처 구매자명 구매자 아이디(이메일) 구성 판매자 연락처 판매자명 판매자 아이디(이메일) 작가명 카테고리 사이즈(cm) 최종 금액(원) 정산 금액(원) 이익률(%) 구매 수수료(원) 판매 수수료(원) 상태 비고 상세보기 드롭다운 형태 검색 필터의 거래 상태 목록과 동일한 상태값 사용 동작 순서 상태값 선택 상태 변경 확인 모달 호출 변경 사유 입력 (필수) 저장 시 상태값 반영 현재 검색 조건에 부합하지 않을 경우 리스트에서 제외 BO-ART-001에 적재된 해당 작품 상태 “거래 완료"로 변경 상세보기 버튼 보안 정책 적용 동작 순서 상세보기 클릭 비밀번호 재인증 모달 호출 인증 성공 시 거래 상세 화면 이동 인증 실패 시 진입 차단 구성 페이지 사이즈 선택 (10 / 50 / 100 / 200) 엑셀 다운로드 고객 정보 확인 10 / 50 / 100 / 200 중 선택 변경 즉시 리스트 재조회 현재 검색 조건 유지 1페이지로 이동 기본 상태 구매자/판매자 연락처, 이름, 이메일 마스킹 처리 버튼 클릭 비밀번호 입력 모달 호출 인증 성공 시 마스킹 해제 인증 실패 시 유지 엑셀 다운로드 승인 기반 다운로드 정책 적용 동작 클릭 → 요청 모달 호출 다운로드 사유 입력 (필수) 요청 상태 : 승인 대기 슈퍼 관리자 승인 필요 승인 후 다운로드 가능 총 건수 기준 페이지 구성 페이지 이동 시 현재 검색 조건 유지 리스트 조회 상태 변경 시도 및 완료 상세보기 접근 시도 및 결과 고객 정보 확인 시도 및 결과 엑셀 다운로드 요청 / 승인 / 실행 페이지 이동
7	토스트 메세지 정의	상태 변경 상태 변경 완료 시 거래 상태가 정상적으로 변경되었습니다. 상태 변경에 실패했습니다. 다시 시도해주세요. 변경 사유 미입력 시 변경 사유를 입력해주세요. 상태 변경 권한이 없습니다. 인증 성공 시 고객 정보가 노출되었습니다. 비밀번호가 일치하지 않습니다. 재인증 세션 만료 시 재인증 시간이 만료되었습니다. 다시 시도해주세요. 다운로드 요청 완료 엑셀 다운로드 요청이 접수되었습니다. 다운로드가 가능합니다. 반려 처리 시 다운로드 요청이 반려되었습니다. 승인 후 다운로드 가능합니다. 사유 미입력 시 다운로드 사유를 입력해주세요. 조회 실패 시 데이터를 불러오지 못했습니다. 고객 정보 확인 후 검색 가능합니다. 공통 예외 권한 없음 권한이 없습니다. 일시적인 오류가 발생했습니다. 잠시 후 다시 시도해주세요.
8	공통 규칙	로그 정책 리스트 조회 검색 실행 상태 변경 시도 상세보기 접근 시도 고객 정보 확인 시도 엑셀 다운로드 요청 구매자 / 판매자 연락처, 이름, 이메일은 기본 마스킹 처리한다. 고객 정보 확인 절차 완료 후에만 마스킹 해제 가능하다. 상세보기 진입 시 비밀번호 재인증을 필수로 적용한다. 재인증 세션은 일정 시간 이후 자동 만료된다. 엑셀 다운로드 정책 모든 엑셀 다운로드는 승인 기반 정책을 적용한다. 요청 시 사유 입력을 필수로 한다. 승인 완료 상태에서만 다운로드 가능하다. 다운로드 데이터는 현재 검색 조건 기준으로 추출한다. 거래 상태는 운영단 정의 상태값만 사용한다. 상태 변경 시 변경 사유 입력을 필수로 한다. 변경 이력은 별도 저장한다. 상태 변경 즉시 리스트에 반영한다. 검색 조건 유지 정책 페이지 이동 시 검색 조건 유지 페이지 사이즈 변경 시 검색 조건 유지 상태 변경 후 현재 조건과 불일치할 경우 해당 행은 리스트에서 제외 모든 시간 기준은 서버 시간 기준으로 처리한다. 집계 및 리스트 조회는 서버 API 기준으로 수행한다.

Design Output

UI 디자인 산출물

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

거래 관리 메인

joonyoob.kim@chaart.co

CHRT.

사용자 관리

작품 관리

거래 관리

작품 문의 관리

전체

마켓

프라이빗 세일

비공개

전체거래

1,345,678

마켓

567

1,234

비공개

234

총 거래액

5,000

미수금

300

정산

300

수수료

300

정산액

300

검색 결과 · 데이터 테이블

DATA TABLE AREA

Applied Design Tokens

요소	Token	값
전체 배경	`--bg`	#FAFAF8
사이드바	`--charcoal`	#1A1A1A, 160px 너비
활성 탭	`--charcoal` bg	R=0, 흰색 텍스트, border-bottom 2px
KPI 박스	`--mono` label + `--sans` value	9px uppercase label, 15px 700 value
테이블 헤더	`--neutral-95` bg	600 weight, charcoal border-bottom
상세보기 링크	`--red-brand`	underline, 10px, cursor pointer
검색 필터	`--bg` card + border	1px solid #ddd, 16px 내부 패딩
관리자 이메일	`--mono` 11px	`--text-muted`, letter-spacing 0.02em

Design Description

Update History

2026.03.04초기 디자인 작성

0	화면 접근 조건	백오피스 로그인 완료 상태 거래 관리 메뉴 접근 권한(Role 기반) 보유 조회 권한 필수 엑셀 요청 권한 별도 분리 가능 최초 진입 시 기본 탭 = 전체 기본 정렬 = 거래 시작 일시 DESC 기본 페이지 = 1 기본 페이지 사이즈 = 10
1	GNB	좌측 GNB에서 “거래 관리” 활성 표시 다른 메뉴 클릭 시 즉시 화면 이동 이동 시 LOG 적재
2	헤더	상단 거래 관리 타이틀 영역 우측 상단 로그인 관리자 정보 표시
3	작품 구성 탭 영역	구성 전체 마켓 프라이빗 세일 탭 클릭 시 구성 조건 변경 리스트 재조회 간이 대시보드 데이터 재계산 전체 → 모든 구성 포함 마켓 → 구성 = 마켓 프라이빗 세일 → 구성 = 프라이빗 세일
4	간이 대시보드	상단 표시 기준 값 : 전체 기간 전체 기간 집계 정의 전체 기간 기준 전체 거래 건수 거래 생성일 기준 집계 삭제되지 않은 거래 포함 실시간 COUNT 누적값 마켓 거래수 정의 거래유형 = 마켓 상태 전체 포함 정의 거래유형 = 프라이빗 세일 상태 전체 포함 매출 월 거래액
5	검색 필터	구성 기간 선택 From ~ To 거래 생성일 기준 검색 마켓 프라이빗 세일 비공개 체크박스 복수 선택 가능 거래 상태 거래 상태 운영단 정의 전체 상태값 체크박스 복수 선택 가능 복수 선택 가능 최소 금액 ~ 최대 금액 검색어 기본 검색 대상 : 거래 번호 고객 정보 확인 전 : 고객 정보 기반 검색 불가 초기화 조회 조회 클릭 선택된 탭 조건 + 검색 필터 조건 결합 모든 선택 조건은 AND 조건으로 적용 거래 유형 / 거래 상태는 선택값 간 OR 조건 적용 리스트 재조회 페이지 1로 이동 기간값 초기화 거래 유형 전체 해제 거래 상태 전체 해제 검색어 제거 기본 리스트 재조회 페이지 1로 이동 조건 적용 규칙 기간 미설정 시 전체 기간 조회 거래 유형 미선택 시 전체 유형 조회 거래 상태 미선택 시 전체 상태 조회 검색어 미입력 시 검색어 조건 제외 구매자명 / 구매자 연락처 / 판매자명 / 판매자 연락처 / 이메일 검색 필터에서는 기본적으로 검색 불가 고객 정보 확인 기능은 리스트 영역에서 처리한다. 로그 조회 실행
6	거래 리스트	컬럼 no 거래 시작 일시 구매자 연락처 구매자명 구매자 아이디(이메일) 구성 판매자 연락처 판매자명 판매자 아이디(이메일) 작가명 카테고리 사이즈(cm) 최종 금액(원) 정산 금액(원) 이익률(%) 구매 수수료(원) 판매 수수료(원) 상태 비고 상세보기 드롭다운 형태 검색 필터의 거래 상태 목록과 동일한 상태값 사용 동작 순서 상태값 선택 상태 변경 확인 모달 호출 변경 사유 입력 (필수) 저장 시 상태값 반영 현재 검색 조건에 부합하지 않을 경우 리스트에서 제외 BO-ART-001에 적재된 해당 작품 상태 “거래 완료"로 변경 상세보기 버튼 보안 정책 적용 동작 순서 상세보기 클릭 비밀번호 재인증 모달 호출 인증 성공 시 거래 상세 화면 이동 인증 실패 시 진입 차단 구성 페이지 사이즈 선택 (10 / 50 / 100 / 200) 엑셀 다운로드 고객 정보 확인 10 / 50 / 100 / 200 중 선택 변경 즉시 리스트 재조회 현재 검색 조건 유지 1페이지로 이동 기본 상태 구매자/판매자 연락처, 이름, 이메일 마스킹 처리 버튼 클릭 비밀번호 입력 모달 호출 인증 성공 시 마스킹 해제 인증 실패 시 유지 엑셀 다운로드 승인 기반 다운로드 정책 적용 동작 클릭 → 요청 모달 호출 다운로드 사유 입력 (필수) 요청 상태 : 승인 대기 슈퍼 관리자 승인 필요 승인 후 다운로드 가능 총 건수 기준 페이지 구성 페이지 이동 시 현재 검색 조건 유지 리스트 조회 상태 변경 시도 및 완료 상세보기 접근 시도 및 결과 고객 정보 확인 시도 및 결과 엑셀 다운로드 요청 / 승인 / 실행 페이지 이동
7	토스트 메세지 정의	상태 변경 상태 변경 완료 시 거래 상태가 정상적으로 변경되었습니다. 상태 변경에 실패했습니다. 다시 시도해주세요. 변경 사유 미입력 시 변경 사유를 입력해주세요. 상태 변경 권한이 없습니다. 인증 성공 시 고객 정보가 노출되었습니다. 비밀번호가 일치하지 않습니다. 재인증 세션 만료 시 재인증 시간이 만료되었습니다. 다시 시도해주세요. 다운로드 요청 완료 엑셀 다운로드 요청이 접수되었습니다. 다운로드가 가능합니다. 반려 처리 시 다운로드 요청이 반려되었습니다. 승인 후 다운로드 가능합니다. 사유 미입력 시 다운로드 사유를 입력해주세요. 조회 실패 시 데이터를 불러오지 못했습니다. 고객 정보 확인 후 검색 가능합니다. 공통 예외 권한 없음 권한이 없습니다. 일시적인 오류가 발생했습니다. 잠시 후 다시 시도해주세요.
8	공통 규칙	로그 정책 리스트 조회 검색 실행 상태 변경 시도 상세보기 접근 시도 고객 정보 확인 시도 엑셀 다운로드 요청 구매자 / 판매자 연락처, 이름, 이메일은 기본 마스킹 처리한다. 고객 정보 확인 절차 완료 후에만 마스킹 해제 가능하다. 상세보기 진입 시 비밀번호 재인증을 필수로 적용한다. 재인증 세션은 일정 시간 이후 자동 만료된다. 엑셀 다운로드 정책 모든 엑셀 다운로드는 승인 기반 정책을 적용한다. 요청 시 사유 입력을 필수로 한다. 승인 완료 상태에서만 다운로드 가능하다. 다운로드 데이터는 현재 검색 조건 기준으로 추출한다. 거래 상태는 운영단 정의 상태값만 사용한다. 상태 변경 시 변경 사유 입력을 필수로 한다. 변경 이력은 별도 저장한다. 상태 변경 즉시 리스트에 반영한다. 검색 조건 유지 정책 페이지 이동 시 검색 조건 유지 페이지 사이즈 변경 시 검색 조건 유지 상태 변경 후 현재 조건과 불일치할 경우 해당 행은 리스트에서 제외 모든 시간 기준은 서버 시간 기준으로 처리한다. 집계 및 리스트 조회는 서버 API 기준으로 수행한다.

← 이전 화면: BO-ART-004 다음 화면: BO-TRN-002 →