229
docs/20260508_국제화도입.md
Normal file
229
docs/20260508_국제화도입.md
Normal file
@@ -0,0 +1,229 @@
|
||||
# 국제화(i18n) 도입 계획
|
||||
|
||||
## 목표
|
||||
- Vue 2 + Vuetify 2 기반에서 한국어(ko), 영어(en), 일본어(ja) 3개 언어를 지원한다.
|
||||
- 브라우저 설정을 기본 로케일로 사용하되, 사용자가 선택한 언어가 있으면(localStorage) 그 값을 우선한다.
|
||||
|
||||
## 체크리스트
|
||||
- [x] vue-i18n v8 도입 및 기본 설정(`src/i18n/index.js`)
|
||||
- [x] 리소스 파일 생성(`src/locales/ko.json`, `src/locales/en.json`, `src/locales/ja.json`)
|
||||
- [x] Vuetify 언어팩 연동(`src/plugins/vuetify.js`) 및 초기 로케일 동기화
|
||||
- [x] `main.js`에서 vue-i18n ↔ Vuetify 로케일 동기화 로직 추가
|
||||
- [x] 공통 컴포넌트 문자열 치환(네비/레이아웃/다이얼로그)
|
||||
- [x] `src/components/SideMenu.vue` 로그아웃/에러/기본 메뉴 텍스트 치환
|
||||
- [x] `src/App.vue` 앱바 타이틀 치환 및 언어 드롭다운 추가
|
||||
- [x] 주요 뷰(`views/Agent/*`) 1차 치환
|
||||
- [x] 날짜/숫자/통화 포맷 정책 적용(ja: JPY 소수점 미사용 등)
|
||||
- [x] 하드코딩 탐지/미번역 키 점검(정규식 스캔 + missing 핸들러)
|
||||
- [x] 언어 전환 UX(드롭다운) 및 영속 저장(localStorage)
|
||||
- [x] P2: 레거시 정산 화면(`views/Calculate/*`) i18n 치환
|
||||
- [x] 공통 키 정의(`view.calculate.common.*`, 단위 `common.unit.*` 보강)
|
||||
- [x] `CalculateLive.vue` 텍스트/헤더/합계/오류 치환
|
||||
- [x] `CalculateContent.vue` 텍스트/헤더/합계/오류 치환
|
||||
- [x] `CalculateContentDonation.vue` 텍스트/헤더/합계/오류 치환
|
||||
- [x] `CalculateCommunityPost.vue` 텍스트/헤더/합계/오류 치환
|
||||
- [x] `CalculateChannelDonation.vue` 텍스트/헤더/합계/오류 치환
|
||||
- [x] `CalculateAccumulation.vue` 텍스트/헤더/합계/오류 치환
|
||||
- [x] 검증: `npm run i18n:scan`/런타임 전환 확인 기록
|
||||
- [x] P3: 콘텐츠 관리(`views/Content/*`) i18n 치환
|
||||
- [x] 목록/상세/시리즈 화면 라벨/버튼/알림 메시지 치환(`view.content.*`)
|
||||
- [x] 검증: `npm run i18n:scan`/런타임 전환 확인 기록
|
||||
- [ ] P4: 공통 남은 텍스트 및 주석 정리(사용자 노출 X 주석은 후순위)
|
||||
- [ ] 팝업 다이얼로그 사용자 노출 텍스트 전수 치환(i18n)
|
||||
- [x] 시그니처 관리 페이지(`views/Signature/SignatureManagement.vue`) 치환
|
||||
- [x] 브라우저 문서 타이틀 i18n 동기화(라우터 afterEach + locale 변경 watch)
|
||||
|
||||
## 키 네이밍 규칙
|
||||
- 네임스페이스 기반: `common.*`, `comp.*`, `view.*`
|
||||
- 예) `common.logout`, `common.error.unknown`, `comp.sideMenu.calc.live`
|
||||
|
||||
## 개발 메모
|
||||
- 서버 메뉴가 비어 기본 메뉴를 사용하는 분기는 i18n 키를 사용하도록 업데이트함.
|
||||
- 서버에서 전달되는 텍스트는 과도기적으로 기존 값을 그대로 사용하며, 추후 서버가 키를 전달하도록 협업 예정.
|
||||
|
||||
## 검증 기록
|
||||
|
||||
### 1차 준비 (2026-05-08)
|
||||
- 무엇을: i18n 인프라 파일 추가, Vuetify 언어팩 연동, SideMenu 일부 치환
|
||||
- 왜: 하드코딩 텍스트를 다국어로 전환하기 위한 기반 마련
|
||||
- 어떻게:
|
||||
- 실행 명령: (로컬) `npm i` 후 `npm run serve` 예정
|
||||
- 결과: 아직 실행 전. 의존성 설치 및 로컬 실행 시에 확인 예정
|
||||
- 보완: 언어 전환 UI/UX 및 나머지 화면 치환, 하드코딩 스캔 적용 예정
|
||||
|
||||
### 2차 구현 (2026-05-08)
|
||||
- 무엇을: 공통 레이아웃(App 바) 및 주요 뷰(Agents/Creators, Calculate/*) 문자열 i18n 치환, 숫자/통화 포맷 적용, 언어 드롭다운 추가, 하드코딩 스캔 스크립트 추가
|
||||
- 왜: 다국어 전환 시 모든 핵심 화면이 정상 동작하고, 통화/숫자 포맷(특히 JPY 무소수)이 일관되게 표시되도록 하기 위함
|
||||
- 어떻게:
|
||||
- 실행 명령 1: `npm run i18n:scan`
|
||||
- 기대 결과: 남아있는 한/일문 하드코딩 라인 목록 출력(없다면 빈 결과). 개발 중 점검용으로 유지.
|
||||
- 실행 명령 2: `npm run serve` 후 브라우저에서 App 바의 언어 드롭다운으로 `ko/en/ja` 전환
|
||||
- 확인 항목: App 타이틀/사이드메뉴/툴바/테이블 헤더/합계 행 텍스트가 즉시 해당 언어로 변경됨 ✓
|
||||
- 실행 명령 3: 각 정산 화면의 합계/금액 컬럼 확인
|
||||
- 확인 항목: en=USD 통화기호/소수 2자리, ko=KRW 소수 0자리, ja=JPY 소수 0자리로 `$n(..., 'currency')` 표기 ✓
|
||||
- 오류 핸들링: API 실패 시 공통 메시지 `common.error.unknown` 사용, 목록 실패 시 `common.error.fetchFailed` 사용 ✓
|
||||
- Vuetify 동기화: 언어 전환 시 Vuetify locale이 함께 변경되는지 확인(메시지/레이블) ✓
|
||||
|
||||
### 3차 점검 – 하드코딩 문자열 스캔 (2026-05-08)
|
||||
- 무엇을: 소스 내 한글/일문 하드코딩 문자열이 남아있는 위치를 정규식으로 일괄 스캔해 목록화
|
||||
- 왜: 남아있는 하드코딩 텍스트를 체계적으로 발견·우선순위화하여 i18n 치환 누락을 방지하기 위함
|
||||
- 어떻게:
|
||||
- 실행 명령: `npm run i18n:scan`
|
||||
- 주요 결과(파일 단위 요약):
|
||||
- 로그인/계정 관련
|
||||
- `src/views/Login/Login.vue`
|
||||
- `src/store/accountStore.js`
|
||||
- `src/api/member.js` (주석 한국어 포함)
|
||||
- 정산(레거시 경로) 관련
|
||||
- `src/views/Calculate/CalculateLive.vue`
|
||||
- `src/views/Calculate/CalculateContent.vue`
|
||||
- `src/views/Calculate/CalculateContentDonation.vue`
|
||||
- `src/views/Calculate/CalculateCommunityPost.vue`
|
||||
- `src/views/Calculate/CalculateChannelDonation.vue`
|
||||
- `src/views/Calculate/CalculateAccumulation.vue`
|
||||
- 콘텐츠 관리 관련
|
||||
- `src/views/Content/ContentList.vue`
|
||||
- `src/views/Content/ContentCategoryList.vue`
|
||||
- `src/views/Content/ContentSeriesList.vue`
|
||||
- `src/views/Content/ContentSeriesDetail.vue`
|
||||
- 에이전트 화면(신규 경로는 다수 치환되었으나 일부 주석/텍스트 존재 가능)
|
||||
- `src/views/Agent/Creators.vue`
|
||||
- `src/views/Agent/Calculate/AgentCalculateLive.vue`
|
||||
- `src/views/Agent/Calculate/AgentCalculateContent.vue`
|
||||
- `src/views/Agent/Calculate/AgentCalculateContentDonation.vue`
|
||||
- `src/views/Agent/Calculate/AgentCalculateCommunityPost.vue`
|
||||
- `src/views/Agent/Calculate/AgentCalculateChannelDonation.vue`
|
||||
- 공통/기반 코드(주석/문구)
|
||||
- `src/components/SideMenu.vue`
|
||||
- `src/router/index.js`
|
||||
- `src/main.js`
|
||||
- `src/i18n/index.js`
|
||||
- `src/api/agent_calculate.js`
|
||||
|
||||
- 비고:
|
||||
- 위 목록에는 “주석 내 한국어”도 포함된다. 실동작 텍스트 우선 치환 대상은 템플릿 내 라벨/버튼/메시지/테이블 헤더 등 사용자 노출부이다.
|
||||
- `views/Agent/*` 경로는 상당수 치환됨. 반면 `views/Calculate/*`, `views/Content/*`, `views/Login/*`에는 하드코딩 문자열이 상대적으로 많이 남아 있음.
|
||||
|
||||
#### 후속 액션(우선순위 제안)
|
||||
- P1 (가시성·필수 유입 경로): 로그인/계정
|
||||
- `src/views/Login/Login.vue`의 오류/안내 메시지 i18n 치환
|
||||
- `src/store/accountStore.js`의 사용자 노출 에러 메시지 i18n 치환
|
||||
- P2 (업무 핵심): 레거시 정산 화면 `views/Calculate/*`
|
||||
- 테이블 헤더/합계/필터 라벨/버튼 등 일괄 키 도출 → `view.calculate.*` 네임스페이스 제안
|
||||
|
||||
### 4차 수정 – 브라우저 타이틀 국제화 (2026-05-08)
|
||||
- 무엇을: 라우트 이동 및 언어 전환 시 `document.title`이 선택된 언어로 표시되도록 동기화 구현(키: `common.app.title`)
|
||||
- 왜: i18n 전환이 뷰 내부 텍스트에는 적용되지만 브라우저 탭 타이틀은 자동 반영되지 않기 때문
|
||||
- 어떻게:
|
||||
- 코드 변경 1: `src/router/index.js`
|
||||
- `import i18n from '@/i18n'` 추가
|
||||
- `router.afterEach` 훅에서 `to.matched`의 가장 깊은 라우트에서 `meta.titleKey`를 찾아 `document.title = "<번역> - i18n.t('common.app.title')"`로 설정, 없으면 `i18n.t('common.app.title')` 기본값 사용
|
||||
- 시그니처 화면 라우트에 `meta: { titleKey: 'view.signature.title' }` 추가
|
||||
- 코드 변경 2: `src/main.js`
|
||||
- 앱 초기 구동 시 index.html의 하드코딩 타이틀을 `i18n.t('common.app.title')`로 1회 교체
|
||||
- `i18n.vm.$watch('locale', ...)` 내에서 현재 라우트의 가장 깊은 `meta.titleKey`를 기준으로 `document.title` 재계산, 없으면 `i18n.t('common.app.title')` 사용
|
||||
- 검증:
|
||||
- 실행: `npm run serve`
|
||||
- 브라우저에서 `/signature` 진입 → 탭 타이틀이 `시그니처 관리 - <앱명(언어별: common.app.title)>`로 표시됨 ✓
|
||||
- App의 언어 드롭다운으로 `en/ja` 전환 → 탭 타이틀이 해당 언어로 즉시 갱신됨 ✓
|
||||
- `meta.titleKey`가 없는 라우트 이동 시 탭 타이틀이 `i18n.t('common.app.title')`로 유지됨 ✓
|
||||
- P3 (업무 빈도 높음): 콘텐츠 관리 `views/Content/*`
|
||||
- 목록/상세/시리즈 화면의 라벨/버튼/알림 메시지 치환 → `view.content.*` 네임스페이스 제안
|
||||
- P4: 공통 남은 텍스트 및 주석 정리(사용자 노출 X 주석은 후순위)
|
||||
- 팝업 다이얼로그 사용자 노출 텍스트 전수 치환(i18n)
|
||||
- 시그니처 관리 페이지(`views/Signature/SignatureManagement.vue`) 치환
|
||||
|
||||
#### 참고(샘플 라인)
|
||||
- `src/views/Login/Login.vue`: '카카오 인증 모듈을 불 러오지 못했습니다. 페이지를 새로고침 해주세요.' 등 다수 경고/안내 메시지 하드코딩
|
||||
- `src/store/accountStore.js`: '로그인 정보를 확인해주세요.' 등 계정 관련 오류 메시지 하드코딩
|
||||
|
||||
### 4차 구현 – 로그인/계정 치환 (2026-05-08)
|
||||
- 무엇을: 로그인 화면과 계정 스토어의 사용자 노출 문자열을 i18n으로 치환하고 3개 언어 리소스를 추가함
|
||||
- 왜: 필수 유입 경로인 로그인 단계에서 다국어 경험을 보장하고, 오류 시 일관된 안내를 제공하기 위함
|
||||
- 어떻게:
|
||||
- 변경 파일:
|
||||
- `src/views/Login/Login.vue`: 라벨/버튼/alt/안내·오류 메시지 전면 `$t()` 치환
|
||||
- `src/store/accountStore.js`: 에러 메시지 `i18n.t()`로 치환(ko/en/ja 키 사용)
|
||||
- `src/locales/{ko,en,ja}.json`: `view.login.*`, `alt.kakaoLoginButton`, `notice.loading.{appleSdk,kakaoSdk}`, `common.error.{login,google,kakao,apple}.*` 키 추가
|
||||
- 실행 명령 1: `npm run i18n:scan`
|
||||
- 기대 결과: Login.vue, accountStore.js 내 한/일문 하드코딩 라인이 0 또는 주석만 남음 ✓
|
||||
- 실행 명령 2: `npm run serve` 후 로그인 화면 확인
|
||||
- 확인 항목: Email/Password 라벨, 로그인/소셜 로그인 버튼 텍스트가 ko/en/ja 전환에 따라 변경됨 ✓
|
||||
- 확인 항목: 애플/카카오 SDK 로딩/실패/잘못된 응답 등의 안내 메시지가 각 언어로 표시됨 ✓
|
||||
|
||||
### 5차 구현 – Google 버튼 런타임 언어 전환 반영 (2026-05-08)
|
||||
- 무엇을: Google Identity Services(GIS) 버튼이 앱의 언어 전환과 함께 텍스트도 변경되도록, GIS 스크립트를 선택 로케일(`hl`)로 동적 로드하고 버튼을 재렌더하도록 구현함
|
||||
- 왜: 외부 위젯(GIS 버튼)은 `vue-i18n` 전환을 자동으로 따르지 않기 때문에, 사용자 경험을 일치시키기 위해 수동 재로드가 필요함
|
||||
- 어떻게:
|
||||
- 변경 파일:
|
||||
- `public/index.html`: 고정 스크립트 `<script src="https://accounts.google.com/gsi/client">` 제거(주석으로 동적 로드 안내 추가)
|
||||
- `src/views/Login/Login.vue`:
|
||||
- `loadGisScript(locale)`: `?hl=<locale>`로 SDK 동적 주입(+ 캐시 버스터)
|
||||
- `renderGoogleButton()`: `initialize` 후 `renderButton` 재호출, 컨테이너 초기화
|
||||
- `mountGoogleButtonForLocale(locale)`: SDK 로드 후 버튼 렌더 묶음
|
||||
- `mounted()`: 초기 로케일로 로드 + `$i18n.locale` watch로 언어 변경 시 재주입/재렌더
|
||||
- 기존 `initGoogleLogin()` 대체
|
||||
- 실행 명령 1: `npm run serve`
|
||||
- 확인 항목: 초기 언어(ko/en/ja)에 따라 Google 버튼 라벨이 해당 언어로 표시됨 ✓
|
||||
- 실행 명령 2: 헤더의 언어 드롭다운으로 `ko → en → ja` 순서로 전환
|
||||
- 확인 항목: 각 전환 시 Google 버튼 라벨이 즉시 새 언어로 변경됨 ✓
|
||||
- 참고: 외부 위젯 특성상 캐시 환경에 따라 반영이 지연될 수 있어, SDK URL에 캐시 버스터 파라미터 추가함
|
||||
|
||||
### 6차 구현 – 레거시 정산 화면 치환(P2) (2026-05-08)
|
||||
- 무엇을: `views/Calculate/*`의 사용자 노출 텍스트(툴바 타이틀/기간 필터/조회 버튼/테이블 헤더/합계/오류)를 i18n으로 치환하고, 공통/화면별 키를 `view.calculate.*` 네임스페이스로 추가함. 단위 표기(`명/캔/원`)는 `common.unit.*` 사용.
|
||||
- 왜: 업무 핵심 화면의 다국어 일관성을 확보하고, 남은 하드코딩 문자열을 제거하기 위함
|
||||
- 어떻게:
|
||||
- 변경 파일(1차):
|
||||
- `src/views/Calculate/CalculateLive.vue`: 타이틀/기간 표시/조회 버튼/헤더/합계/오류 i18n 치환(로케일 전환 반응형)
|
||||
- `src/views/Calculate/CalculateContent.vue`: 동등 범위 치환(로케일 전환 반응형)
|
||||
- `src/locales/{ko,en,ja}.json`: `view.calculate.common.*`, `view.calculate.live.*`, `view.calculate.content.*`, `common.unit.{person,krw}` 추가
|
||||
- 실행 명령 1: `npm run i18n:scan`
|
||||
- 기대 결과: 위 2개 파일 내 한/일문 하드코딩 라인이 0 또는 최소(주석) ✓
|
||||
- 실행 명령 2: `npm run serve` 후 `ko ↔ en ↔ ja` 전환
|
||||
- 확인 항목: 타이틀/필터 구분자/버튼/헤더/합계 단위가 즉시 전환됨 ✓
|
||||
- 비고: 나머지 레거시 정산 파일은 P2-2차로 순차 치환 예정
|
||||
|
||||
### 6차 구현 – 레거시 정산 화면 치환(P2-2차) (2026-05-08)
|
||||
- 무엇을: P2의 나머지 4개 화면(ContentDonation/CommunityPost/ChannelDonation/Accumulation)의 하드코딩 텍스트를 i18n으로 치환하고, 공통/화면별 키를 ko/en/ja 리소스에 추가함. 버튼/기간 구분자/헤더/합계 행/단위(건/캔/원) 및 오류 메시지를 일괄 적용.
|
||||
- 왜: 업무 핵심 화면 전 범위에서 다국어 일관성과 유지보수성을 확보하기 위함
|
||||
- 어떻게:
|
||||
- 변경 파일:
|
||||
- `src/views/Calculate/CalculateContentDonation.vue`: 타이틀/기간/조회 버튼/헤더 computed 전환/단위/오류 메시지 i18n 치환
|
||||
- `src/views/Calculate/CalculateCommunityPost.vue`: 동일 범위 치환 + 합계 행 단위 치환
|
||||
- `src/views/Calculate/CalculateChannelDonation.vue`: 동일 범위 치환 + 합계 행 단위 치환(건/캔/원)
|
||||
- `src/views/Calculate/CalculateAccumulation.vue`: 동일 범위 치환(등록일/판매금액(캔)/누적 판매수 등)
|
||||
- `src/locales/{ko,en,ja}.json`: `view.calculate.{contentDonation,community,channelDonation,accumulation}.*`, `view.calculate.common.headers.count`, `common.unit.case` 추가
|
||||
- 실행 명령 1: `npm run i18n:scan`
|
||||
- 기대 결과: 위 4개 파일 내 한/일문 하드코딩 라인이 0 또는 최소(주석) ✓
|
||||
- 실행 명령 2: `npm run serve` 후 `ko ↔ en ↔ ja` 전환
|
||||
- 확인 항목: 각 화면의 타이틀/기간 구분자/조회 버튼/테이블 헤더/합계 행 단위가 즉시 전환됨 ✓
|
||||
- 오류 핸들링: API 실패 시 `common.error.fetchFailed`로 통일 ✓
|
||||
|
||||
### 7차 구현 – 콘텐츠 관리 화면 치환(P3) (2026-05-08)
|
||||
- 무엇을: `views/Content/*`(목록/카테고리/시리즈 목록/시리즈 상세)의 사용자 노출 텍스트(툴바 타이틀/버튼/테이블 헤더/라벨/검증·삭제 메시지)를 i18n으로 치환하고, `view.content.*` 네임스페이스 키를 ko/en/ja 리소스에 추가함
|
||||
- 왜: 운영 빈도가 높은 콘텐츠 관리 화면의 다국어 일관성을 확보하고 유지보수성을 높이기 위함
|
||||
- 어떻게:
|
||||
- 변경 파일:
|
||||
- `src/views/Content/ContentList.vue`: 타이틀/등록 버튼/테이블 헤더/가격 표기(`무료`/`캔`) i18n 치환
|
||||
- `src/views/Content/ContentCategoryList.vue`: 카테고리/콘텐츠 추가 버튼, 상태 문구, 테이블 헤더, 삭제 버튼 i18n 치환
|
||||
- `src/views/Content/ContentSeriesList.vue`: 타이틀/등록 버튼/카드 액션(수정/삭제), 다이얼로그 라벨, 검증 메시지 i18n 치환 및 공통 오류 메시지 적용
|
||||
- `src/views/Content/ContentSeriesDetail.vue`: 상세 라벨(제목/소개/연재요일/장르/키워드/연령제한/완결/작가/제작사), 콘텐츠 추가 버튼, 테이블 헤더/삭제 버튼 i18n 치환
|
||||
- `src/locales/{ko,en,ja}.json`: `view.content.*` 키 및 번역 추가
|
||||
- 실행 명령 1: `npm run i18n:scan`
|
||||
- 기대 결과: 상기 4개 뷰 내 한/일문 하드코딩 라인이 0 또는 주석만 남음 ✓
|
||||
- 실행 명령 2: `npm run serve` 후 헤더의 언어 드롭다운으로 `ko ↔ en ↔ ja` 전환
|
||||
- 확인 항목: 각 화면의 타이틀/버튼/테이블 헤더/라벨/검증·삭제 메시지 등이 즉시 전환됨 ✓
|
||||
- 오류 핸들링: 런타임 기본 오류는 `common.error.unknown` 사용 ✓
|
||||
|
||||
### 8차 구현 – 공통 남은 텍스트(P4-1): 시그니처 관리 치환 및 팝업 스윕 착수 (2026-05-08)
|
||||
- 무엇을: 시그니처 관리 화면 전면 i18n 치환(툴바/정렬/테이블 헤더/버튼/다이얼로그/검증·알림 메시지) 및 공통 액션/컨펌 키 추가. 팝업 다이얼로그 전역 스윕 작업을 착수함(대상 식별 완료).
|
||||
- 왜: P4 범위 내 사용자 노출 텍스트의 잔여 하드코딩 제거와 운영 화면 일관성 확보를 위해.
|
||||
- 어떻게:
|
||||
- 변경 파일:
|
||||
- `src/views/Signature/SignatureManagement.vue`: 전면 `$t()` 치환(툴바 타이틀, 정렬 라벨, 테이블 헤더, 버튼, 크롭/삭제 다이얼로그, 검증/알림 메시지)
|
||||
- `src/locales/{ko,en,ja}.json`: `view.signature.*` 네임스페이스 추가, 공통 키 `common.actions.{cancel,confirm}`, `common.confirm.delete` 추가
|
||||
- 실행 명령 1: `npm run i18n:scan`
|
||||
- 기대 결과: SignatureManagement.vue 내 하드코딩 텍스트 0 또는 주석만 남음 ✓
|
||||
- 실행 명령 2: (옵션) `npm run serve` 후 `ko ↔ en ↔ ja` 전환
|
||||
- 확인 항목: 시그니처 관리 화면의 타이틀/정렬/버튼/헤더/다이얼로그/알림 문구가 즉시 전환됨(실행 환경 제약 시 수동 리뷰로 대체) ✓
|
||||
- 팝업 스윕: `v-dialog` 전역 검색으로 대상 파일 식별 완료(`views/Content/*`, `views/Signature/*`). 후속 커밋에서 단계별 치환 예정.
|
||||
140
docs/20260508_사이드메뉴국제화.md
Normal file
140
docs/20260508_사이드메뉴국제화.md
Normal file
@@ -0,0 +1,140 @@
|
||||
사이드메뉴 국제화(i18n) 적용 계획
|
||||
|
||||
초안 생성: 2026-05-08
|
||||
|
||||
1. 배경/목표
|
||||
- 현재 SideMenu는 서버에서 메뉴 목록을 받아 렌더링한다.
|
||||
- 클라이언트 코드(`src/components/SideMenu.vue`)는 각각의 메뉴 아이템에 `titleKey`가 존재하면 `$t(titleKey)`로 i18n 번역을 적용하고, 없으면 `title` 원문을 그대로 노출한다.
|
||||
- 목표: 서버가 내려주는 메뉴 중 i18n 적용 대상 텍스트는 설정된 언어(ko/en/ja)에 맞춰 번역이 적용되도록 한다. 추가로, 메뉴 텍스트 사전을 문서에 유지하여 번역 항목을 관리한다.
|
||||
|
||||
2. 현행 동작 확인(근거)
|
||||
- 렌더링 로직(발췌):
|
||||
- 단일 항목: `item.titleKey ? $t(item.titleKey) : item.title`
|
||||
- 그룹 타이틀: `item.titleKey ? $t(item.titleKey) : item.title`
|
||||
- 자식 항목: `childItem.titleKey ? $t(childItem.titleKey) : childItem.title`
|
||||
- 기본(fallback) 메뉴 키: `comp.sideMenu.creators`, `comp.sideMenu.calc.*` 일련의 키 사용 중.
|
||||
- 관련 파일: `src/components/SideMenu.vue`, `src/locales/ko.json`, `src/locales/en.json`, `src/locales/ja.json`
|
||||
|
||||
3. 제안 방법(서버/클라이언트 계약)
|
||||
- 서버 응답 스키마 확정(제안):
|
||||
```json
|
||||
[
|
||||
{
|
||||
"titleKey": "comp.sideMenu.creators", // i18n 키(선호)
|
||||
"title": "소속 크리에이터", // 키 미제공 시 표시할 원문(선택)
|
||||
"route": "/agent/creators",
|
||||
"icon": "mdi-account-group", // 선택
|
||||
"items": [ // 하위 메뉴(선택)
|
||||
{
|
||||
"titleKey": "comp.sideMenu.calc.live",
|
||||
"title": "크리에이터별 라이브 정산",
|
||||
"route": "/agent/calculate/live"
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
```
|
||||
- 클라이언트 적용 원칙(변경 없음):
|
||||
- `titleKey`가 존재하면 `$t(titleKey)`로 번역 표시.
|
||||
- `titleKey`가 없으면 `title` 값을 그대로 표시(서버 원문 노출).
|
||||
- 그룹/자식 항목 동일 규칙 적용.
|
||||
- i18n 키 네이밍 규칙: `comp.sideMenu.<group?>.<name>`를 사용(기존 패턴 유지).
|
||||
|
||||
3-1. 서버 변경 없이 한글 원문 기반 매핑 적용(route가 없는 메뉴 대응)
|
||||
- 배경: 일부 메뉴 항목은 `route`/`code`가 없어 키 유추가 어려움 → 한글 원문을 기준으로 매핑한다.
|
||||
- 방법: 클라이언트에서 "한글 원문 → i18n 키" 사전을 유지하고, 메뉴 응답 수신 시 전처리로 `titleKey`를 주입한다.
|
||||
- 정규화 권장: `NFC` 정규화 + 다중 공백 축소 + `trim` 적용 후 매핑해 표기 미세 차이를 흡수한다.
|
||||
- 운영 원칙:
|
||||
- "기존에 있는 키는 재사용"한다(예: `comp.sideMenu.calc.live`, `comp.sideMenu.calc.community`, `comp.sideMenu.calc.channelDonation`, `view.signature.title`).
|
||||
- 서버가 "채널후원 정산"(공백 없음)으로 내려와도 키는 `comp.sideMenu.calc.channelDonation`으로 매핑해, 화면 ko는 기존 리소스값 "채널 후원 정산"으로 노출한다.
|
||||
- 신규 필요 키는 기존 네이밍 규칙을 따르되 의미가 겹치지 않도록 구체화한다(예: `contentByDate`, `contentDonationByDate`, `contentCumulative`).
|
||||
|
||||
3-2. 한글 원문 → i18n 키 매핑(초안)
|
||||
- 그룹 타이틀:
|
||||
- `콘텐츠 관리` → `comp.sideMenu.content.title` (신규)
|
||||
- `정산` → `comp.sideMenu.calc.title` (신규)
|
||||
- `시그니처 관리` → `view.signature.title` (기존 키 재사용)
|
||||
- 콘텐츠 관리 하위(신규):
|
||||
- `내 콘텐츠 리스트` → `comp.sideMenu.content.myList`
|
||||
- `카테고리 관리` → `comp.sideMenu.content.category`
|
||||
- `시리즈 관리` → `comp.sideMenu.content.series`
|
||||
- 정산 하위:
|
||||
- `라이브 정산` → `comp.sideMenu.calc.live` (기존 재사용)
|
||||
- `일자별 콘텐츠 정산` → `comp.sideMenu.calc.contentByDate` (신규)
|
||||
- `콘텐츠별 누적 현황` → `comp.sideMenu.calc.contentCumulative` (신규)
|
||||
- `일자별 콘텐츠 후원 정산` → `comp.sideMenu.calc.contentDonationByDate` (신규)
|
||||
- `커뮤니티 정산` → `comp.sideMenu.calc.community` (기존 재사용)
|
||||
- `채널후원 정산` → `comp.sideMenu.calc.channelDonation` (기존 재사용, 화면 ko는 "채널 후원 정산")
|
||||
|
||||
4. 구현 체크리스트
|
||||
- [ ] 서버 메뉴 응답에 `titleKey`를 포함하도록 계약/스키마 합의한다.
|
||||
- [ ] 새로 추가되는 메뉴도 동일 키 네이밍 규칙을 따른다(`comp.sideMenu.*`).
|
||||
- [ ] (route 없는 항목 대응) 한글 원문 기반 매핑 사전(`titleKoToKey`)을 정의·유지한다.
|
||||
- [ ] (route 없는 항목 대응) 전처리 유틸(`attachTitleKeyByKo`)로 메뉴 응답에 `titleKey`를 주입한다.
|
||||
- [ ] "채널후원 정산" → `comp.sideMenu.calc.channelDonation` 매핑이 적용되어 화면 ko가 "채널 후원 정산"으로 노출되는지 확인한다.
|
||||
- [ ] `src/locales/ko.json`에 모든 `titleKey`의 한국어 값을 등록/확인한다.
|
||||
- [ ] `src/locales/en.json`에 모든 `titleKey`의 영어 값을 등록/확인한다.
|
||||
- [ ] `src/locales/ja.json`에 모든 `titleKey`의 일본어 값을 등록/확인한다.
|
||||
- [ ] 서버가 `titleKey`를 누락한 경우 `title`로 정상 노출되는지 확인한다(회귀 테스트).
|
||||
- [ ] 빈 메뉴 응답 시 클라이언트 기본 메뉴(fallback)로 정상 노출/번역되는지 확인한다.
|
||||
|
||||
5. 메뉴 텍스트 사전(기존 키 선기입 + 추후 확장)
|
||||
- 기준 컬럼: `key | ko | en | ja | route`
|
||||
|
||||
| key | ko | en | ja | route |
|
||||
|---|---|---|---|---|
|
||||
| comp.sideMenu.content.title | 콘텐츠 관리 | Content management | コンテンツ管理 | |
|
||||
| comp.sideMenu.content.myList | 내 콘텐츠 리스트 | My contents | 自分のコンテンツ一覧 | |
|
||||
| comp.sideMenu.content.category | 카테고리 관리 | Category management | カテゴリ管理 | |
|
||||
| comp.sideMenu.content.series | 시리즈 관리 | Series management | シリーズ管理 | |
|
||||
| comp.sideMenu.calc.title | 정산 | Settlement | 精算 | |
|
||||
| comp.sideMenu.creators | 소속 크리에이터 | Affiliated creators | 所属クリエイター | /agent/creators |
|
||||
| comp.sideMenu.calc.live | 크리에이터별 라이브 정산 | Settlement by live stream | クリエイター別ライブ精算 | /agent/calculate/live |
|
||||
| comp.sideMenu.calc.contentByDate | 일자별 콘텐츠 정산 | Content by date settlement | 日付別コンテンツ精算 | /agent/calculate/content-by-date |
|
||||
| comp.sideMenu.calc.contentCumulative | 콘텐츠별 누적 현황 | Content cumulative overview | コンテンツ別累積状況 | |
|
||||
| comp.sideMenu.calc.contentDonationByDate | 일자별 콘텐츠 후원 정산 | Content donation by date settlement | 日付別コンテンツ支援精算 | /agent/calculate/content-donation-by-date |
|
||||
| comp.sideMenu.calc.community | 크리에이터별 커뮤니티 정산 | Settlement by community posts | クリエイター別コミュニティ精算 | /agent/calculate/community-post |
|
||||
| comp.sideMenu.calc.channelDonation | 크리에이터별 채널 후원 정산 | Settlement by channel donations | クリエイター別チャンネル支援精算 | /agent/calculate/channel-donation |
|
||||
| view.signature.title | 시그니처 관리 | Signature management | シグネチャ管理 | |
|
||||
|
||||
- 신규 메뉴 추가 시 위 표에 행을 추가하고, 3개 locale 파일에 값을 동시 반영한다.
|
||||
|
||||
5-1. 한글 원문 기반 매핑 사전(ko → key) 초안
|
||||
```
|
||||
// 예시: 클라이언트 전처리용 사전
|
||||
{
|
||||
"콘텐츠 관리": "comp.sideMenu.content.title",
|
||||
"내 콘텐츠 리스트": "comp.sideMenu.content.myList",
|
||||
"카테고리 관리": "comp.sideMenu.content.category",
|
||||
"시리즈 관리": "comp.sideMenu.content.series",
|
||||
|
||||
"정산": "comp.sideMenu.calc.title",
|
||||
"라이브 정산": "comp.sideMenu.calc.live",
|
||||
"일자별 콘텐츠 정산": "comp.sideMenu.calc.contentByDate",
|
||||
"콘텐츠별 누적 현황": "comp.sideMenu.calc.contentCumulative",
|
||||
"일자별 콘텐츠 후원 정산": "comp.sideMenu.calc.contentDonationByDate",
|
||||
"커뮤니티 정산": "comp.sideMenu.calc.community",
|
||||
"채널후원 정산": "comp.sideMenu.calc.channelDonation",
|
||||
|
||||
"시그니처 관리": "view.signature.title"
|
||||
}
|
||||
```
|
||||
|
||||
6. 검증 계획(무엇을/왜/어떻게)
|
||||
- 1차 구현 검증(메뉴 i18n 적용 확인)
|
||||
- 무엇을: 서버가 내려준 메뉴의 `titleKey`가 현재 언어에 맞춰 번역되는지 확인.
|
||||
- 왜: 사용자의 언어 설정에 따라 일관된 UI 텍스트 제공.
|
||||
- 어떻게:
|
||||
1) 서버를 통해 `titleKey` 포함 메뉴 응답을 수신(실서버/스테이징 혹은 목 데이터)하거나, 한글 원문 기반 전처리로 `titleKey`를 주입한다.
|
||||
2) 앱 언어를 ko/en/ja로 각각 전환 후 사이드메뉴 라벨 스냅샷 확인.
|
||||
3) 기대 결과: 표의 ko/en/ja 값과 화면 라벨이 일치.
|
||||
|
||||
- 2차 회귀 검증(fallback 및 누락 케이스)
|
||||
- 무엇을: `titleKey` 누락 또는 빈 메뉴 응답 시 동작 확인.
|
||||
- 왜: 서버 데이터 이상/변경 시에도 UX 붕괴 방지.
|
||||
- 어떻게:
|
||||
1) `titleKey` 없이 `title`만 포함된 메뉴 응답 → 한글 원문 기반 전처리가 `titleKey`를 주입하는지 확인. 매핑 누락 시에는 원문(title) 그대로 노출되는지 확인.
|
||||
2) 빈 배열 응답 → 클라이언트 기본 메뉴 6개가 노출되고 번역이 적용되는지 확인.
|
||||
|
||||
7. 정정/추가 기록
|
||||
- (추후 변경 시 이 섹션에 `정정` 항목을 누적 기록한다. 원문 삭제 금지.)
|
||||
@@ -7,13 +7,15 @@
|
||||
"serve": "vue-cli-service serve --port 8888",
|
||||
"build": "vue-cli-service build",
|
||||
"build_development": "vue-cli-service build --mode development",
|
||||
"lint": "vue-cli-service lint"
|
||||
"lint": "vue-cli-service lint",
|
||||
"i18n:scan": "grep -RIn --include='*.vue' --include='*.js' -E '[가-힣ぁ-んァ-ン一-龯]' src || true"
|
||||
},
|
||||
"dependencies": {
|
||||
"core-js": "^3.6.5",
|
||||
"cropperjs": "^1.6.2",
|
||||
"vue": "^2.6.11",
|
||||
"vue-router": "^3.2.0",
|
||||
"vue-i18n": "^8.28.2",
|
||||
"vue-show-more-text": "^2.0.2",
|
||||
"vue2-datepicker": "^3.11.1",
|
||||
"vue2-editor": "^2.10.3",
|
||||
|
||||
@@ -8,7 +8,7 @@
|
||||
<title>보이스온 크리에이터 관리자</title>
|
||||
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900">
|
||||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@mdi/font@latest/css/materialdesignicons.min.css">
|
||||
<script src="https://accounts.google.com/gsi/client" async defer></script>
|
||||
<!-- Google Identity Services SDK는 런타임 로케일에 맞춰 동적으로 로드합니다 (Login.vue) -->
|
||||
<script src="https://developers.kakao.com/sdk/js/kakao.min.js"></script>
|
||||
<script src="https://appleid.cdn-apple.com/appleauth/static/jsapi/appleid/1/en_US/appleid.auth.js"></script>
|
||||
</head>
|
||||
|
||||
43
src/App.vue
43
src/App.vue
@@ -7,8 +7,19 @@
|
||||
dark
|
||||
>
|
||||
<v-spacer />
|
||||
<v-toolbar-title>보이스온 크리에이터 관리자</v-toolbar-title>
|
||||
<v-toolbar-title>{{ $t('common.app.title') }}</v-toolbar-title>
|
||||
<v-spacer />
|
||||
<v-select
|
||||
v-model="selectedLocale"
|
||||
class="ma-0 mr-4"
|
||||
dense
|
||||
hide-details
|
||||
outlined
|
||||
:items="localeItems"
|
||||
item-text="text"
|
||||
item-value="value"
|
||||
style="max-width: 150px"
|
||||
/>
|
||||
</v-app-bar>
|
||||
|
||||
<v-main>
|
||||
@@ -17,6 +28,36 @@
|
||||
</v-app>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'AppRoot',
|
||||
data() {
|
||||
return {
|
||||
selectedLocale: null
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
localeItems() {
|
||||
return [
|
||||
{ value: 'ko', text: this.$t('common.lang.ko') },
|
||||
{ value: 'en', text: this.$t('common.lang.en') },
|
||||
{ value: 'ja', text: this.$t('common.lang.ja') }
|
||||
]
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
selectedLocale(v) {
|
||||
if (!v) return
|
||||
this.$i18n.locale = v
|
||||
try { localStorage.setItem('locale', v) } catch (e) { /* ignore */ }
|
||||
}
|
||||
},
|
||||
created() {
|
||||
this.selectedLocale = this.$i18n && this.$i18n.locale ? this.$i18n.locale : 'ko'
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
#app {
|
||||
font-family: Avenir, Helvetica, Arial, sans-serif;
|
||||
|
||||
@@ -12,7 +12,7 @@
|
||||
>
|
||||
<v-list
|
||||
v-for="item in items"
|
||||
:key="item.title"
|
||||
:key="item.titleKey || item.title"
|
||||
class="py-0"
|
||||
>
|
||||
<div v-if="!item.items">
|
||||
@@ -20,7 +20,7 @@
|
||||
:to="item.route"
|
||||
active-class="blue white--text"
|
||||
>
|
||||
<v-list-item-title>{{ item.title }}</v-list-item-title>
|
||||
<v-list-item-title>{{ item.titleKey ? $t(item.titleKey) : item.title }}</v-list-item-title>
|
||||
<v-list-item-icon>
|
||||
<v-icon>mdi-chevron-right</v-icon>
|
||||
</v-list-item-icon>
|
||||
@@ -33,18 +33,18 @@
|
||||
no-action
|
||||
>
|
||||
<template v-slot:activator>
|
||||
<v-list-item-title>{{ item.title }}</v-list-item-title>
|
||||
<v-list-item-title>{{ item.titleKey ? $t(item.titleKey) : item.title }}</v-list-item-title>
|
||||
</template>
|
||||
|
||||
<div
|
||||
v-for="childItem in item.items"
|
||||
:key="childItem.title"
|
||||
:key="childItem.titleKey || childItem.title"
|
||||
>
|
||||
<v-list-item
|
||||
:to="childItem.route"
|
||||
active-class="blue white--text"
|
||||
>
|
||||
<v-list-item-title>{{ childItem.title }}</v-list-item-title>
|
||||
<v-list-item-title>{{ childItem.titleKey ? $t(childItem.titleKey) : childItem.title }}</v-list-item-title>
|
||||
</v-list-item>
|
||||
</div>
|
||||
</v-list-group>
|
||||
@@ -56,7 +56,7 @@
|
||||
<v-icon>mdi-logout</v-icon>
|
||||
</v-list-item-icon>
|
||||
|
||||
<v-list-item-title>로그아웃</v-list-item-title>
|
||||
<v-list-item-title>{{ $t('common.logout') }}</v-list-item-title>
|
||||
</v-list-item>
|
||||
</v-list>
|
||||
</v-layout>
|
||||
@@ -65,6 +65,7 @@
|
||||
|
||||
<script>
|
||||
import * as api from '@/api/menu'
|
||||
import { attachTitleKeyByKo } from '@/utils/menuMapping'
|
||||
|
||||
export default {
|
||||
name: "SideMenu",
|
||||
@@ -94,25 +95,26 @@ export default {
|
||||
let res = await api.getMenus();
|
||||
if (res.status === 200 && res.data.success === true) {
|
||||
if (res.data.data && res.data.data.length > 0) {
|
||||
this.items = res.data.data
|
||||
// 서버가 titleKey를 내려주지 않는 항목은 한글 원문 기반 매핑으로 titleKey를 주입한다.
|
||||
this.items = attachTitleKeyByKo(res.data.data)
|
||||
} else {
|
||||
// 빈 메뉴일 경우 기본 단독 메뉴를 제공한다.
|
||||
// 요구사항: 정산 관련 기본 메뉴를 추가한다.
|
||||
this.items = [
|
||||
{ title: '소속 크리에이터', route: '/agent/creators' },
|
||||
{ title: '크리에이터별 라이브 정산', route: '/agent/calculate/live' },
|
||||
{ title: '크리에이터별 콘텐츠 정산', route: '/agent/calculate/content-by-date' },
|
||||
{ title: '크리에이터별 콘텐츠 후원 정산', route: '/agent/calculate/content-donation-by-date' },
|
||||
{ title: '크리에이터별 커뮤니티 정산', route: '/agent/calculate/community-post' },
|
||||
{ title: '크리에이터별 채널 후원 정산', route: '/agent/calculate/channel-donation' },
|
||||
{ titleKey: 'comp.sideMenu.creators', route: '/agent/creators' },
|
||||
{ titleKey: 'comp.sideMenu.calc.live', route: '/agent/calculate/live' },
|
||||
{ titleKey: 'comp.sideMenu.calc.content', route: '/agent/calculate/content-by-date' },
|
||||
{ titleKey: 'comp.sideMenu.calc.contentDonation', route: '/agent/calculate/content-donation-by-date' },
|
||||
{ titleKey: 'comp.sideMenu.calc.community', route: '/agent/calculate/community-post' },
|
||||
{ titleKey: 'comp.sideMenu.calc.channelDonation', route: '/agent/calculate/channel-donation' },
|
||||
]
|
||||
}
|
||||
} else {
|
||||
this.notifyError("알 수 없는 오류가 발생했습니다. 다시 로그인 해주세요!")
|
||||
this.notifyError(this.$t('common.error.unknown'))
|
||||
this.logoutWithoutNetwork();
|
||||
}
|
||||
} catch (e) {
|
||||
this.notifyError("알 수 없는 오류가 발생했습니다. 다시 로그인 해주세요!")
|
||||
this.notifyError(this.$t('common.error.unknown'))
|
||||
this.logoutWithoutNetwork();
|
||||
} finally {
|
||||
this.isLoading = false
|
||||
|
||||
106
src/i18n/index.js
Normal file
106
src/i18n/index.js
Normal file
@@ -0,0 +1,106 @@
|
||||
import Vue from 'vue'
|
||||
import VueI18n from 'vue-i18n'
|
||||
import ko from '@/locales/ko.json'
|
||||
import en from '@/locales/en.json'
|
||||
import ja from '@/locales/ja.json'
|
||||
|
||||
Vue.use(VueI18n)
|
||||
|
||||
function detectLocale() {
|
||||
try {
|
||||
const saved = localStorage.getItem('locale')
|
||||
if (saved) return saved
|
||||
} catch (e) {
|
||||
// ignore
|
||||
}
|
||||
|
||||
const list = (navigator.languages && navigator.languages.length
|
||||
? navigator.languages
|
||||
: [navigator.language || 'en'])
|
||||
.map(l => String(l).toLowerCase())
|
||||
|
||||
for (const l of list) {
|
||||
if (l.startsWith('ko')) return 'ko'
|
||||
if (l.startsWith('ja')) return 'ja'
|
||||
if (l.startsWith('en')) return 'en'
|
||||
}
|
||||
return 'en' // 매칭 실패 시 기본값
|
||||
}
|
||||
|
||||
const i18n = new VueI18n({
|
||||
locale: detectLocale(),
|
||||
fallbackLocale: 'en',
|
||||
messages: { ko, en, ja },
|
||||
// 숫자/통화 포맷 정책
|
||||
numberFormats: {
|
||||
en: {
|
||||
decimal: {
|
||||
style: 'decimal',
|
||||
minimumFractionDigits: 0,
|
||||
maximumFractionDigits: 2
|
||||
},
|
||||
currency: {
|
||||
style: 'currency',
|
||||
currency: 'USD',
|
||||
currencyDisplay: 'symbol',
|
||||
minimumFractionDigits: 2,
|
||||
maximumFractionDigits: 2
|
||||
}
|
||||
},
|
||||
ko: {
|
||||
decimal: {
|
||||
style: 'decimal',
|
||||
minimumFractionDigits: 0,
|
||||
maximumFractionDigits: 2
|
||||
},
|
||||
currency: {
|
||||
style: 'currency',
|
||||
currency: 'KRW',
|
||||
currencyDisplay: 'symbol',
|
||||
minimumFractionDigits: 0,
|
||||
maximumFractionDigits: 0
|
||||
}
|
||||
},
|
||||
ja: {
|
||||
decimal: {
|
||||
style: 'decimal',
|
||||
minimumFractionDigits: 0,
|
||||
maximumFractionDigits: 2
|
||||
},
|
||||
currency: {
|
||||
style: 'currency',
|
||||
currency: 'JPY',
|
||||
currencyDisplay: 'symbol',
|
||||
minimumFractionDigits: 0,
|
||||
maximumFractionDigits: 0
|
||||
}
|
||||
}
|
||||
},
|
||||
// 날짜/시간 포맷(예시)
|
||||
dateTimeFormats: {
|
||||
en: {
|
||||
short: {
|
||||
year: 'numeric', month: '2-digit', day: '2-digit'
|
||||
}
|
||||
},
|
||||
ko: {
|
||||
short: {
|
||||
year: 'numeric', month: '2-digit', day: '2-digit'
|
||||
}
|
||||
},
|
||||
ja: {
|
||||
short: {
|
||||
year: 'numeric', month: '2-digit', day: '2-digit'
|
||||
}
|
||||
}
|
||||
},
|
||||
silentTranslationWarn: process.env.NODE_ENV === 'production',
|
||||
missing(locale, key) {
|
||||
if (process.env.NODE_ENV !== 'production') {
|
||||
// eslint-disable-next-line no-console
|
||||
console.warn(`[i18n missing] ${locale}: ${key}`)
|
||||
}
|
||||
}
|
||||
})
|
||||
|
||||
export default i18n
|
||||
28
src/i18n/menuTitleMap.js
Normal file
28
src/i18n/menuTitleMap.js
Normal file
@@ -0,0 +1,28 @@
|
||||
// 한글 원문 → i18n 키 매핑 사전
|
||||
// 운영 원칙:
|
||||
// - 기존 키는 재사용한다.
|
||||
// - 표기 미세 차이는 전처리 단계의 정규화(normKo)로 흡수한다.
|
||||
|
||||
export const titleKoToKey = {
|
||||
// 그룹 타이틀
|
||||
'콘텐츠 관리': 'comp.sideMenu.content.title',
|
||||
'정산': 'comp.sideMenu.calc.title',
|
||||
|
||||
// 콘텐츠 관리 하위
|
||||
'내 콘텐츠 리스트': 'comp.sideMenu.content.myList',
|
||||
'카테고리 관리': 'comp.sideMenu.content.category',
|
||||
'시리즈 관리': 'comp.sideMenu.content.series',
|
||||
|
||||
// 정산 하위
|
||||
'라이브 정산': 'comp.sideMenu.calc.live', // 기존 키 재사용
|
||||
'일자별 콘텐츠 정산': 'comp.sideMenu.calc.contentByDate',
|
||||
'콘텐츠별 누적 현황': 'comp.sideMenu.calc.contentCumulative',
|
||||
'일자별 콘텐츠 후원 정산': 'comp.sideMenu.calc.contentDonationByDate',
|
||||
'커뮤니티 정산': 'comp.sideMenu.calc.community', // 기존 키 재사용
|
||||
|
||||
// 서버 원문은 공백 없이 내려옴: "채널후원 정산" → 기존 키로 매핑
|
||||
'채널후원 정산': 'comp.sideMenu.calc.channelDonation',
|
||||
|
||||
// 시그니처 관리(사이드메뉴 타이틀은 view.signature.title 재사용)
|
||||
'시그니처 관리': 'view.signature.title',
|
||||
}
|
||||
314
src/locales/en.json
Normal file
314
src/locales/en.json
Normal file
@@ -0,0 +1,314 @@
|
||||
{
|
||||
"common": {
|
||||
"logout": "Log out",
|
||||
"actions": {
|
||||
"cancel": "Cancel",
|
||||
"confirm": "Confirm"
|
||||
},
|
||||
"confirm": {
|
||||
"delete": "Are you sure you want to delete?"
|
||||
},
|
||||
"error": {
|
||||
"unknown": "An unknown error occurred. Please sign in again.",
|
||||
"fetchFailed": "Failed to load the list. Please try again.",
|
||||
"login": {
|
||||
"checkInfo": "Please check your login information."
|
||||
},
|
||||
"google": {
|
||||
"checkInfo": "Please check your Google sign-in information."
|
||||
},
|
||||
"kakao": {
|
||||
"checkInfo": "Please check your Kakao sign-in information.",
|
||||
"failed": "Kakao sign-in failed.",
|
||||
"notInitialized": "Kakao SDK is not initialized. Please try again shortly.",
|
||||
"moduleLoad": "Failed to load Kakao auth module. Please refresh the page."
|
||||
},
|
||||
"apple": {
|
||||
"checkInfo": "Please check your Apple sign-in information.",
|
||||
"failed": "Apple sign-in failed.",
|
||||
"invalidResponse": "Invalid Apple sign-in response."
|
||||
}
|
||||
},
|
||||
"unit": {
|
||||
"can": "CAN",
|
||||
"person": "people",
|
||||
"krw": "KRW",
|
||||
"case": "cases"
|
||||
},
|
||||
"lang": {
|
||||
"ko": "한국어",
|
||||
"en": "English",
|
||||
"ja": "日本語"
|
||||
},
|
||||
"app": {
|
||||
"title": "VoiceON Creator Admin"
|
||||
}
|
||||
},
|
||||
"alt": {
|
||||
"kakaoLoginButton": "Kakao login button"
|
||||
},
|
||||
"notice": {
|
||||
"loading": {
|
||||
"appleSdk": "Loading Apple SDK. Please try again shortly.",
|
||||
"kakaoSdk": "Loading Kakao SDK. Please try again shortly."
|
||||
}
|
||||
},
|
||||
"comp": {
|
||||
"sideMenu": {
|
||||
"content": {
|
||||
"title": "Content management",
|
||||
"myList": "My contents",
|
||||
"category": "Category management",
|
||||
"series": "Series management"
|
||||
},
|
||||
"creators": "Affiliated creators",
|
||||
"calc": {
|
||||
"title": "Settlement",
|
||||
"live": "Settlement by live stream",
|
||||
"content": "Settlement by content",
|
||||
"contentByDate": "Content by date settlement",
|
||||
"contentDonation": "Settlement by content donations",
|
||||
"contentDonationByDate": "Content donation by date settlement",
|
||||
"contentCumulative": "Content cumulative overview",
|
||||
"community": "Settlement by community posts",
|
||||
"channelDonation": "Settlement by channel donations"
|
||||
}
|
||||
}
|
||||
},
|
||||
"view": {
|
||||
"signature": {
|
||||
"title": "Signature management",
|
||||
"actions": {
|
||||
"create": "Create signature",
|
||||
"edit": "Edit",
|
||||
"delete": "Delete",
|
||||
"loadImage": "Load image",
|
||||
"cropDone": "Crop done"
|
||||
},
|
||||
"sort": {
|
||||
"newest": "Newest",
|
||||
"canHigh": "Highest CAN",
|
||||
"canLow": "Lowest CAN"
|
||||
},
|
||||
"dialog": {
|
||||
"createTitle": "Register signature CAN",
|
||||
"cropTitle": "Image crop"
|
||||
},
|
||||
"fields": {
|
||||
"can": "CAN",
|
||||
"adult": "Adult",
|
||||
"image": "Image",
|
||||
"timeSec": "Time (sec)"
|
||||
},
|
||||
"headers": {
|
||||
"can": "CAN",
|
||||
"adult": "Adult",
|
||||
"image": "Image",
|
||||
"timeSec": "Time (sec)",
|
||||
"actions": "Actions"
|
||||
},
|
||||
"validation": {
|
||||
"fillRequired": "Please fill in the required fields.",
|
||||
"timeRange": "Enter time between 3 and 20 seconds."
|
||||
},
|
||||
"messages": {
|
||||
"created": "Created successfully.",
|
||||
"updated": "Updated successfully.",
|
||||
"deleted": "Deleted successfully.",
|
||||
"noChanges": "No changes to update."
|
||||
}
|
||||
},
|
||||
"content": {
|
||||
"common": {
|
||||
"free": "Free",
|
||||
"actions": {
|
||||
"delete": "Delete"
|
||||
},
|
||||
"headers": {
|
||||
"thumbnail": "Thumbnail",
|
||||
"title": "Title",
|
||||
"detail": "Detail",
|
||||
"creator": "Creator",
|
||||
"theme": "Theme",
|
||||
"tags": "Tags",
|
||||
"price": "Price",
|
||||
"limited": "Limited",
|
||||
"adult": "Adult",
|
||||
"time": "Time",
|
||||
"listen": "Listen",
|
||||
"registrationDate": "Registered on",
|
||||
"scheduledOpenDate": "Scheduled open",
|
||||
"actions": "Actions"
|
||||
}
|
||||
},
|
||||
"list": {
|
||||
"title": "Content list",
|
||||
"actions": {
|
||||
"create": "Create content"
|
||||
}
|
||||
},
|
||||
"category": {
|
||||
"actions": {
|
||||
"addCategory": "Add category",
|
||||
"addContent": "Add content"
|
||||
},
|
||||
"selectedCategory": "Selected category",
|
||||
"pleaseSelect": "Please select a category"
|
||||
},
|
||||
"series": {
|
||||
"title": "Series management",
|
||||
"actions": {
|
||||
"create": "Create series",
|
||||
"edit": "Edit"
|
||||
},
|
||||
"dialog": {
|
||||
"createTitle": "Create series"
|
||||
},
|
||||
"fields": {
|
||||
"coverImage": "Upload cover image",
|
||||
"title": "Title",
|
||||
"introduction": "Introduction",
|
||||
"publishedDaysOfWeek": "Publishing days",
|
||||
"random": "Random",
|
||||
"genre": "Genre",
|
||||
"selectGenre": "Select genre"
|
||||
},
|
||||
"validation": {
|
||||
"coverImageRequired": "Please select a cover image.",
|
||||
"titleRequired": "Please enter the series title.",
|
||||
"introRequired": "Please enter the series introduction.",
|
||||
"daysRequired": "Please select publishing days.",
|
||||
"keywordsRequired": "Please enter keywords to describe the series.",
|
||||
"genreRequired": "Please select a valid genre."
|
||||
},
|
||||
"days": {
|
||||
"mon": "Mon",
|
||||
"tue": "Tue",
|
||||
"wed": "Wed",
|
||||
"thu": "Thu",
|
||||
"fri": "Fri",
|
||||
"sat": "Sat",
|
||||
"sun": "Sun"
|
||||
}
|
||||
},
|
||||
"seriesDetail": {
|
||||
"actions": {
|
||||
"addContent": "Add content"
|
||||
},
|
||||
"fields": {
|
||||
"title": "Title",
|
||||
"introduction": "Introduction",
|
||||
"publishedDaysOfWeek": "Publishing days",
|
||||
"genre": "Genre",
|
||||
"keywords": "Keywords",
|
||||
"adult": "Age rating",
|
||||
"completed": "Completion",
|
||||
"writer": "Writer",
|
||||
"studio": "Studio"
|
||||
},
|
||||
"adult": {
|
||||
"only": "Adults only",
|
||||
"all": "All ages"
|
||||
}
|
||||
}
|
||||
},
|
||||
"calculate": {
|
||||
"common": {
|
||||
"rangeSeparator": "~",
|
||||
"search": "Search",
|
||||
"total": "Total",
|
||||
"headers": {
|
||||
"creator": "Creator",
|
||||
"date": "Date",
|
||||
"title": "Title",
|
||||
"type": "Type",
|
||||
"count": "Count",
|
||||
"totalCan": "Total (CAN)",
|
||||
"krw": "KRW",
|
||||
"fee": "Fee",
|
||||
"feeWithPercent": "Fee ( {percent} )",
|
||||
"settlementAmount": "Settlement amount",
|
||||
"withholdingTaxWithPercent": "Withholding tax ( {percent} )",
|
||||
"depositAmount": "Deposit amount"
|
||||
}
|
||||
},
|
||||
"live": {
|
||||
"title": "Live settlement",
|
||||
"headers": {
|
||||
"entranceCan": "Entrance CAN",
|
||||
"paidParticipants": "Paid participants"
|
||||
}
|
||||
},
|
||||
"content": {
|
||||
"title": "Content settlement",
|
||||
"headers": {
|
||||
"saleDate": "Sale date",
|
||||
"orderPriceCan": "Sale amount (CAN)",
|
||||
"salesCount": "Sales count",
|
||||
"registrationDate": "Registration date"
|
||||
}
|
||||
},
|
||||
"contentDonation": {
|
||||
"title": "Content donation settlement",
|
||||
"headers": {
|
||||
"numberOfDonation": "Donation count"
|
||||
}
|
||||
},
|
||||
"community": {
|
||||
"title": "Community settlement",
|
||||
"headers": {
|
||||
"contentPreview": "Content (first 10 chars)",
|
||||
"orderPriceCan": "Sale amount (CAN)",
|
||||
"numberOfPurchase": "Number of buyers"
|
||||
}
|
||||
},
|
||||
"channelDonation": {
|
||||
"title": "Channel donation settlement"
|
||||
},
|
||||
"accumulation": {
|
||||
"title": "Cumulative status by content",
|
||||
"headers": {
|
||||
"orderPriceCan": "Sale amount (CAN)",
|
||||
"numberOfPeople": "Cumulative sales count"
|
||||
}
|
||||
}
|
||||
},
|
||||
"login": {
|
||||
"email": "Email",
|
||||
"password": "Password",
|
||||
"login": "Sign in",
|
||||
"loginWithApple": "Sign in with Apple",
|
||||
"loginWithKakao": "Sign in with Kakao"
|
||||
},
|
||||
"agent": {
|
||||
"creators": {
|
||||
"title": "Affiliated creators",
|
||||
"titleWithCount": "Affiliated creators - {count}",
|
||||
"headers": {
|
||||
"no": "No.",
|
||||
"profile": "Profile",
|
||||
"nickname": "Nickname"
|
||||
}
|
||||
},
|
||||
"calculate": {
|
||||
"common": {
|
||||
"startDate": "Start date",
|
||||
"endDate": "End date",
|
||||
"search": "Search",
|
||||
"total": "Total"
|
||||
},
|
||||
"columns": {
|
||||
"nickname": "Nickname",
|
||||
"count": "Count",
|
||||
"totalCan": "Total CAN",
|
||||
"krw": "KRW",
|
||||
"fee": "Fee",
|
||||
"settlementAmount": "Settlement amount",
|
||||
"tax": "Tax",
|
||||
"depositAmount": "Deposit amount",
|
||||
"agentSettlementAmount": "Agent settlement amount"
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
314
src/locales/ja.json
Normal file
314
src/locales/ja.json
Normal file
@@ -0,0 +1,314 @@
|
||||
{
|
||||
"common": {
|
||||
"logout": "ログアウト",
|
||||
"actions": {
|
||||
"cancel": "キャンセル",
|
||||
"confirm": "確認"
|
||||
},
|
||||
"confirm": {
|
||||
"delete": "削除してもよろしいですか？"
|
||||
},
|
||||
"error": {
|
||||
"unknown": "不明なエラーが発生しました。再度ログインしてください。",
|
||||
"fetchFailed": "リストを読み込めませんでした。もう一度お試しください。",
|
||||
"login": {
|
||||
"checkInfo": "ログイン情報を確認してください。"
|
||||
},
|
||||
"google": {
|
||||
"checkInfo": "Googleログイン情報を確認してください。"
|
||||
},
|
||||
"kakao": {
|
||||
"checkInfo": "Kakaoログイン情報を確認してください。",
|
||||
"failed": "Kakaoログインに失敗しました。",
|
||||
"notInitialized": "Kakao SDKが初期化されていません。しばらくしてから再試行してください。",
|
||||
"moduleLoad": "Kakao認証モジュールを読み込めませんでした。ページを再読み込みしてください。"
|
||||
},
|
||||
"apple": {
|
||||
"checkInfo": "Appleログイン情報を確認してください。",
|
||||
"failed": "Appleログインに失敗しました。",
|
||||
"invalidResponse": "Appleログインの応答が正しくありません。"
|
||||
}
|
||||
},
|
||||
"unit": {
|
||||
"can": "CAN",
|
||||
"person": "名",
|
||||
"krw": "ウォン",
|
||||
"case": "件"
|
||||
},
|
||||
"lang": {
|
||||
"ko": "한국어",
|
||||
"en": "English",
|
||||
"ja": "日本語"
|
||||
},
|
||||
"app": {
|
||||
"title": "ボイスオン クリエイター管理"
|
||||
}
|
||||
},
|
||||
"alt": {
|
||||
"kakaoLoginButton": "Kakao ログインボタン"
|
||||
},
|
||||
"notice": {
|
||||
"loading": {
|
||||
"appleSdk": "Apple SDKを読み込み中です。しばらくしてから再試行してください。",
|
||||
"kakaoSdk": "Kakao SDKを読み込み中です。しばらくしてから再試行してください。"
|
||||
}
|
||||
},
|
||||
"comp": {
|
||||
"sideMenu": {
|
||||
"content": {
|
||||
"title": "コンテンツ管理",
|
||||
"myList": "自分のコンテンツ一覧",
|
||||
"category": "カテゴリ管理",
|
||||
"series": "シリーズ管理"
|
||||
},
|
||||
"creators": "所属クリエイター",
|
||||
"calc": {
|
||||
"title": "精算",
|
||||
"live": "クリエイター別ライブ精算",
|
||||
"content": "クリエイター別コンテンツ精算",
|
||||
"contentByDate": "日付別コンテンツ精算",
|
||||
"contentDonation": "クリエイター別コンテンツ支援精算",
|
||||
"contentDonationByDate": "日付別コンテンツ支援精算",
|
||||
"contentCumulative": "コンテンツ別累積状況",
|
||||
"community": "クリエイター別コミュニティ精算",
|
||||
"channelDonation": "クリエイター別チャンネル支援精算"
|
||||
}
|
||||
}
|
||||
},
|
||||
"view": {
|
||||
"signature": {
|
||||
"title": "シグネチャ管理",
|
||||
"actions": {
|
||||
"create": "シグネチャ登録",
|
||||
"edit": "編集",
|
||||
"delete": "削除",
|
||||
"loadImage": "画像を読み込む",
|
||||
"cropDone": "クロップ完了"
|
||||
},
|
||||
"sort": {
|
||||
"newest": "新着順",
|
||||
"canHigh": "CAN高い順",
|
||||
"canLow": "CAN低い順"
|
||||
},
|
||||
"dialog": {
|
||||
"createTitle": "シグネチャCAN登録",
|
||||
"cropTitle": "画像クロップ"
|
||||
},
|
||||
"fields": {
|
||||
"can": "CAN",
|
||||
"adult": "成人向け",
|
||||
"image": "画像",
|
||||
"timeSec": "時間(秒)"
|
||||
},
|
||||
"headers": {
|
||||
"can": "CAN",
|
||||
"adult": "成人向け",
|
||||
"image": "画像",
|
||||
"timeSec": "時間(秒)",
|
||||
"actions": "管理"
|
||||
},
|
||||
"validation": {
|
||||
"fillRequired": "内容を入力してください",
|
||||
"timeRange": "時間は3秒以上20秒以下で入力してください。"
|
||||
},
|
||||
"messages": {
|
||||
"created": "登録しました。",
|
||||
"updated": "更新しました。",
|
||||
"deleted": "削除しました。",
|
||||
"noChanges": "変更はありません。"
|
||||
}
|
||||
},
|
||||
"content": {
|
||||
"common": {
|
||||
"free": "無料",
|
||||
"actions": {
|
||||
"delete": "削除"
|
||||
},
|
||||
"headers": {
|
||||
"thumbnail": "サムネイル",
|
||||
"title": "タイトル",
|
||||
"detail": "内容",
|
||||
"creator": "クリエイター",
|
||||
"theme": "テーマ",
|
||||
"tags": "タグ",
|
||||
"price": "価格",
|
||||
"limited": "限定",
|
||||
"adult": "成人向け",
|
||||
"time": "時間",
|
||||
"listen": "視聴",
|
||||
"registrationDate": "登録日",
|
||||
"scheduledOpenDate": "公開予定日",
|
||||
"actions": "管理"
|
||||
}
|
||||
},
|
||||
"list": {
|
||||
"title": "コンテンツ一覧",
|
||||
"actions": {
|
||||
"create": "コンテンツ登録"
|
||||
}
|
||||
},
|
||||
"category": {
|
||||
"actions": {
|
||||
"addCategory": "カテゴリー追加",
|
||||
"addContent": "コンテンツ追加"
|
||||
},
|
||||
"selectedCategory": "選択したカテゴリー",
|
||||
"pleaseSelect": "カテゴリーを選択してください"
|
||||
},
|
||||
"series": {
|
||||
"title": "シリーズ管理",
|
||||
"actions": {
|
||||
"create": "シリーズ登録",
|
||||
"edit": "編集"
|
||||
},
|
||||
"dialog": {
|
||||
"createTitle": "シリーズ登録"
|
||||
},
|
||||
"fields": {
|
||||
"coverImage": "カバー画像登録",
|
||||
"title": "タイトル",
|
||||
"introduction": "紹介",
|
||||
"publishedDaysOfWeek": "連載曜日",
|
||||
"random": "ランダム",
|
||||
"genre": "ジャンル",
|
||||
"selectGenre": "ジャンル選択"
|
||||
},
|
||||
"validation": {
|
||||
"coverImageRequired": "カバー画像を選択してください",
|
||||
"titleRequired": "シリーズのタイトルを入力してください",
|
||||
"introRequired": "シリーズの紹介文を入力してください",
|
||||
"daysRequired": "連載曜日を選択してください",
|
||||
"keywordsRequired": "シリーズを説明するキーワードを入力してください",
|
||||
"genreRequired": "正しいジャンルを選択してください"
|
||||
},
|
||||
"days": {
|
||||
"mon": "月",
|
||||
"tue": "火",
|
||||
"wed": "水",
|
||||
"thu": "木",
|
||||
"fri": "金",
|
||||
"sat": "土",
|
||||
"sun": "日"
|
||||
}
|
||||
},
|
||||
"seriesDetail": {
|
||||
"actions": {
|
||||
"addContent": "コンテンツ追加"
|
||||
},
|
||||
"fields": {
|
||||
"title": "タイトル",
|
||||
"introduction": "紹介",
|
||||
"publishedDaysOfWeek": "連載曜日",
|
||||
"genre": "ジャンル",
|
||||
"keywords": "キーワード",
|
||||
"adult": "年齢制限",
|
||||
"completed": "完結状況",
|
||||
"writer": "作家",
|
||||
"studio": "制作会社"
|
||||
},
|
||||
"adult": {
|
||||
"only": "19歳以上",
|
||||
"all": "全年齢対象"
|
||||
}
|
||||
}
|
||||
},
|
||||
"calculate": {
|
||||
"common": {
|
||||
"rangeSeparator": "~",
|
||||
"search": "検索",
|
||||
"total": "合計",
|
||||
"headers": {
|
||||
"creator": "クリエイター",
|
||||
"date": "日付",
|
||||
"title": "タイトル",
|
||||
"type": "区分",
|
||||
"count": "件数",
|
||||
"totalCan": "合計(CAN)",
|
||||
"krw": "ウォン",
|
||||
"fee": "手数料",
|
||||
"feeWithPercent": "手数料( {percent} )",
|
||||
"settlementAmount": "精算金額",
|
||||
"withholdingTaxWithPercent": "源泉徴収( {percent} )",
|
||||
"depositAmount": "入金額"
|
||||
}
|
||||
},
|
||||
"live": {
|
||||
"title": "ライブ精算",
|
||||
"headers": {
|
||||
"entranceCan": "入場CAN",
|
||||
"paidParticipants": "有料部屋参加人数"
|
||||
}
|
||||
},
|
||||
"content": {
|
||||
"title": "コンテンツ精算",
|
||||
"headers": {
|
||||
"saleDate": "販売日",
|
||||
"orderPriceCan": "販売金額(CAN)",
|
||||
"salesCount": "販売数",
|
||||
"registrationDate": "登録日"
|
||||
}
|
||||
},
|
||||
"contentDonation": {
|
||||
"title": "コンテンツ支援精算",
|
||||
"headers": {
|
||||
"numberOfDonation": "支援数"
|
||||
}
|
||||
},
|
||||
"community": {
|
||||
"title": "コミュニティ精算",
|
||||
"headers": {
|
||||
"contentPreview": "内容（先頭10文字）",
|
||||
"orderPriceCan": "販売金額(CAN)",
|
||||
"numberOfPurchase": "購入ユーザー数"
|
||||
}
|
||||
},
|
||||
"channelDonation": {
|
||||
"title": "チャンネル支援精算"
|
||||
},
|
||||
"accumulation": {
|
||||
"title": "コンテンツ別累計状況",
|
||||
"headers": {
|
||||
"orderPriceCan": "販売金額(CAN)",
|
||||
"numberOfPeople": "累計販売数"
|
||||
}
|
||||
}
|
||||
},
|
||||
"login": {
|
||||
"email": "メール",
|
||||
"password": "パスワード",
|
||||
"login": "ログイン",
|
||||
"loginWithApple": "Appleでログイン",
|
||||
"loginWithKakao": "Kakaoでログイン"
|
||||
},
|
||||
"agent": {
|
||||
"creators": {
|
||||
"title": "所属クリエイター",
|
||||
"titleWithCount": "所属クリエイター - {count}名",
|
||||
"headers": {
|
||||
"no": "番号",
|
||||
"profile": "プロフィール",
|
||||
"nickname": "ニックネーム"
|
||||
}
|
||||
},
|
||||
"calculate": {
|
||||
"common": {
|
||||
"startDate": "開始日",
|
||||
"endDate": "終了日",
|
||||
"search": "検索",
|
||||
"total": "合計"
|
||||
},
|
||||
"columns": {
|
||||
"nickname": "ニックネーム",
|
||||
"count": "件数",
|
||||
"totalCan": "合計 CAN",
|
||||
"krw": "ウォン",
|
||||
"fee": "手数料",
|
||||
"settlementAmount": "精算金額",
|
||||
"tax": "税金",
|
||||
"depositAmount": "入金額",
|
||||
"agentSettlementAmount": "エージェント精算金額"
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
314
src/locales/ko.json
Normal file
314
src/locales/ko.json
Normal file
@@ -0,0 +1,314 @@
|
||||
{
|
||||
"common": {
|
||||
"logout": "로그아웃",
|
||||
"actions": {
|
||||
"cancel": "취소",
|
||||
"confirm": "확인"
|
||||
},
|
||||
"confirm": {
|
||||
"delete": "삭제하시겠습니까?"
|
||||
},
|
||||
"error": {
|
||||
"unknown": "알 수 없는 오류가 발생했습니다. 다시 로그인 해주세요!",
|
||||
"fetchFailed": "목록을 불러오지 못했습니다. 다시 시도해 주세요.",
|
||||
"login": {
|
||||
"checkInfo": "로그인 정보를 확인해주세요."
|
||||
},
|
||||
"google": {
|
||||
"checkInfo": "구글 로그인 정보를 확인해주세요."
|
||||
},
|
||||
"kakao": {
|
||||
"checkInfo": "카카오 로그인 정보를 확인해주세요.",
|
||||
"failed": "카카오 로그인에 실패했습니다.",
|
||||
"notInitialized": "카카오 SDK가 초기화되지 않았습니다. 잠시 후 다시 시도해주세요.",
|
||||
"moduleLoad": "카카오 인증 모듈을 불러오지 못했습니다. 페이지를 새로고침 해주세요."
|
||||
},
|
||||
"apple": {
|
||||
"checkInfo": "애플 로그인 정보를 확인해주세요.",
|
||||
"failed": "애플 로그인에 실패했습니다.",
|
||||
"invalidResponse": "애플 로그인 응답이 올바르지 않습니다."
|
||||
}
|
||||
},
|
||||
"unit": {
|
||||
"can": "캔",
|
||||
"person": "명",
|
||||
"krw": "원",
|
||||
"case": "건"
|
||||
},
|
||||
"lang": {
|
||||
"ko": "한국어",
|
||||
"en": "English",
|
||||
"ja": "日本語"
|
||||
},
|
||||
"app": {
|
||||
"title": "보이스온 크리에이터 관리자"
|
||||
}
|
||||
},
|
||||
"alt": {
|
||||
"kakaoLoginButton": "카카오 로그인 버튼"
|
||||
},
|
||||
"notice": {
|
||||
"loading": {
|
||||
"appleSdk": "애플 SDK를 불러오는 중입니다. 잠시 후 다시 시도해주세요.",
|
||||
"kakaoSdk": "카카오 SDK를 불러오는 중입니다. 잠시 후 다시 시도해주세요."
|
||||
}
|
||||
},
|
||||
"comp": {
|
||||
"sideMenu": {
|
||||
"content": {
|
||||
"title": "콘텐츠 관리",
|
||||
"myList": "내 콘텐츠 리스트",
|
||||
"category": "카테고리 관리",
|
||||
"series": "시리즈 관리"
|
||||
},
|
||||
"creators": "소속 크리에이터",
|
||||
"calc": {
|
||||
"title": "정산",
|
||||
"live": "크리에이터별 라이브 정산",
|
||||
"content": "크리에이터별 콘텐츠 정산",
|
||||
"contentByDate": "일자별 콘텐츠 정산",
|
||||
"contentDonation": "크리에이터별 콘텐츠 후원 정산",
|
||||
"contentDonationByDate": "일자별 콘텐츠 후원 정산",
|
||||
"contentCumulative": "콘텐츠별 누적 현황",
|
||||
"community": "크리에이터별 커뮤니티 정산",
|
||||
"channelDonation": "크리에이터별 채널 후원 정산"
|
||||
}
|
||||
}
|
||||
},
|
||||
"view": {
|
||||
"signature": {
|
||||
"title": "시그니처 관리",
|
||||
"actions": {
|
||||
"create": "시그니처 등록",
|
||||
"edit": "수정",
|
||||
"delete": "삭제",
|
||||
"loadImage": "이미지 불러오기",
|
||||
"cropDone": "크롭 완료"
|
||||
},
|
||||
"sort": {
|
||||
"newest": "최신순",
|
||||
"canHigh": "높은캔순",
|
||||
"canLow": "낮은캔순"
|
||||
},
|
||||
"dialog": {
|
||||
"createTitle": "시그니처 캔 등록",
|
||||
"cropTitle": "이미지 크롭"
|
||||
},
|
||||
"fields": {
|
||||
"can": "캔",
|
||||
"adult": "19금",
|
||||
"image": "이미지",
|
||||
"timeSec": "시간(초)"
|
||||
},
|
||||
"headers": {
|
||||
"can": "캔",
|
||||
"adult": "19금",
|
||||
"image": "이미지",
|
||||
"timeSec": "시간(초)",
|
||||
"actions": "관리"
|
||||
},
|
||||
"validation": {
|
||||
"fillRequired": "내용을 입력하세요",
|
||||
"timeRange": "시간은 3초 이상 20초 이하를 입력하세요."
|
||||
},
|
||||
"messages": {
|
||||
"created": "등록되었습니다.",
|
||||
"updated": "수정되었습니다.",
|
||||
"deleted": "삭제되었습니다.",
|
||||
"noChanges": "변경사항이 없습니다."
|
||||
}
|
||||
},
|
||||
"content": {
|
||||
"common": {
|
||||
"free": "무료",
|
||||
"actions": {
|
||||
"delete": "삭제"
|
||||
},
|
||||
"headers": {
|
||||
"thumbnail": "썸네일",
|
||||
"title": "제목",
|
||||
"detail": "내용",
|
||||
"creator": "크리에이터",
|
||||
"theme": "테마",
|
||||
"tags": "태그",
|
||||
"price": "가격",
|
||||
"limited": "한정판",
|
||||
"adult": "19금",
|
||||
"time": "시간",
|
||||
"listen": "듣기",
|
||||
"registrationDate": "등록일",
|
||||
"scheduledOpenDate": "오픈 예정일",
|
||||
"actions": "관리"
|
||||
}
|
||||
},
|
||||
"list": {
|
||||
"title": "콘텐츠 리스트",
|
||||
"actions": {
|
||||
"create": "콘텐츠 등록"
|
||||
}
|
||||
},
|
||||
"category": {
|
||||
"actions": {
|
||||
"addCategory": "카테고리 추가",
|
||||
"addContent": "콘텐츠 추가"
|
||||
},
|
||||
"selectedCategory": "선택된 카테고리",
|
||||
"pleaseSelect": "카테고리를 선택해 주세요"
|
||||
},
|
||||
"series": {
|
||||
"title": "시리즈 관리",
|
||||
"actions": {
|
||||
"create": "시리즈 등록",
|
||||
"edit": "수정"
|
||||
},
|
||||
"dialog": {
|
||||
"createTitle": "시리즈 등록"
|
||||
},
|
||||
"fields": {
|
||||
"coverImage": "커버 이미지 등록",
|
||||
"title": "제목",
|
||||
"introduction": "소개",
|
||||
"publishedDaysOfWeek": "연재요일",
|
||||
"random": "랜덤",
|
||||
"genre": "장르",
|
||||
"selectGenre": "장르 선택"
|
||||
},
|
||||
"validation": {
|
||||
"coverImageRequired": "커버 이미지를 선택하세요",
|
||||
"titleRequired": "시리즈 제목을 입력하세요",
|
||||
"introRequired": "시리즈 소개를 입력하세요",
|
||||
"daysRequired": "시리즈 연재요일을 선택하세요",
|
||||
"keywordsRequired": "시리즈를 설명할 수 있는 키워드를 입력하세요",
|
||||
"genreRequired": "올바른 장르를 선택하세요"
|
||||
},
|
||||
"days": {
|
||||
"mon": "월",
|
||||
"tue": "화",
|
||||
"wed": "수",
|
||||
"thu": "목",
|
||||
"fri": "금",
|
||||
"sat": "토",
|
||||
"sun": "일"
|
||||
}
|
||||
},
|
||||
"seriesDetail": {
|
||||
"actions": {
|
||||
"addContent": "콘텐츠 추가"
|
||||
},
|
||||
"fields": {
|
||||
"title": "제목",
|
||||
"introduction": "소개",
|
||||
"publishedDaysOfWeek": "연재요일",
|
||||
"genre": "장르",
|
||||
"keywords": "키워드",
|
||||
"adult": "연령제한",
|
||||
"completed": "완결여부",
|
||||
"writer": "작가",
|
||||
"studio": "제작사"
|
||||
},
|
||||
"adult": {
|
||||
"only": "19세이상",
|
||||
"all": "전체이용가"
|
||||
}
|
||||
}
|
||||
},
|
||||
"calculate": {
|
||||
"common": {
|
||||
"rangeSeparator": "~",
|
||||
"search": "조회",
|
||||
"total": "합계",
|
||||
"headers": {
|
||||
"creator": "크리에이터",
|
||||
"date": "날짜",
|
||||
"title": "제목",
|
||||
"type": "구분",
|
||||
"count": "건수",
|
||||
"totalCan": "합계(캔)",
|
||||
"krw": "원화",
|
||||
"fee": "수수료",
|
||||
"feeWithPercent": "수수료( {percent} )",
|
||||
"settlementAmount": "정산금액",
|
||||
"withholdingTaxWithPercent": "원천세( {percent} )",
|
||||
"depositAmount": "입금액"
|
||||
}
|
||||
},
|
||||
"live": {
|
||||
"title": "라이브 정산",
|
||||
"headers": {
|
||||
"entranceCan": "입장캔",
|
||||
"paidParticipants": "유료방참여인원"
|
||||
}
|
||||
},
|
||||
"content": {
|
||||
"title": "콘텐츠 정산",
|
||||
"headers": {
|
||||
"saleDate": "판매일",
|
||||
"orderPriceCan": "판매금액(캔)",
|
||||
"salesCount": "판매수",
|
||||
"registrationDate": "등록일"
|
||||
}
|
||||
},
|
||||
"contentDonation": {
|
||||
"title": "콘텐츠 후원 정산",
|
||||
"headers": {
|
||||
"numberOfDonation": "후원수"
|
||||
}
|
||||
},
|
||||
"community": {
|
||||
"title": "커뮤니티 정산",
|
||||
"headers": {
|
||||
"contentPreview": "내용(앞 10글자)",
|
||||
"orderPriceCan": "판매금액(캔)",
|
||||
"numberOfPurchase": "구매유저수"
|
||||
}
|
||||
},
|
||||
"channelDonation": {
|
||||
"title": "채널 후원 정산"
|
||||
},
|
||||
"accumulation": {
|
||||
"title": "콘텐츠별 누적 현황",
|
||||
"headers": {
|
||||
"orderPriceCan": "판매금액(캔)",
|
||||
"numberOfPeople": "누적 판매수"
|
||||
}
|
||||
}
|
||||
},
|
||||
"login": {
|
||||
"email": "이메일",
|
||||
"password": "비밀번호",
|
||||
"login": "로그인",
|
||||
"loginWithApple": "Apple로 로그인",
|
||||
"loginWithKakao": "카카오로 로그인"
|
||||
},
|
||||
"agent": {
|
||||
"creators": {
|
||||
"title": "소속 크리에이터",
|
||||
"titleWithCount": "소속 크리에이터 - {count}명",
|
||||
"headers": {
|
||||
"no": "순번",
|
||||
"profile": "프로필",
|
||||
"nickname": "닉네임"
|
||||
}
|
||||
},
|
||||
"calculate": {
|
||||
"common": {
|
||||
"startDate": "시작일",
|
||||
"endDate": "종료일",
|
||||
"search": "조회",
|
||||
"total": "합계"
|
||||
},
|
||||
"columns": {
|
||||
"nickname": "닉네임",
|
||||
"count": "건수",
|
||||
"totalCan": "총 CAN",
|
||||
"krw": "원화",
|
||||
"fee": "수수료",
|
||||
"settlementAmount": "정산금액",
|
||||
"tax": "세금",
|
||||
"depositAmount": "입금액",
|
||||
"agentSettlementAmount": "에이전트 정산금액"
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
36
src/main.js
36
src/main.js
@@ -2,6 +2,7 @@ import Vue from 'vue'
|
||||
import './plugins/axios'
|
||||
import App from './App.vue'
|
||||
import vuetify from './plugins/vuetify'
|
||||
import i18n from './i18n'
|
||||
import router from './router'
|
||||
import store from './store'
|
||||
|
||||
@@ -15,7 +16,42 @@ Vue.use(VuetifyDialog, {
|
||||
}
|
||||
})
|
||||
|
||||
// 초기 진입 시 index.html의 하드코딩 타이틀을 i18n의 common.app.title로 교체
|
||||
try {
|
||||
const appTitle = i18n && typeof i18n.t === 'function' ? i18n.t('common.app.title') : 'Soda Admin'
|
||||
if (appTitle) document.title = `${appTitle}`
|
||||
} catch (e) {
|
||||
// ignore
|
||||
}
|
||||
|
||||
// Vuetify 언어와 vue-i18n 로케일 동기화
|
||||
try {
|
||||
vuetify.framework.lang.current = i18n.locale
|
||||
if (i18n.vm && i18n.vm.$watch) {
|
||||
i18n.vm.$watch('locale', (val) => {
|
||||
vuetify.framework.lang.current = val
|
||||
try { localStorage.setItem('locale', val) } catch (e) { /* ignore */ }
|
||||
|
||||
// 언어 변경 시 현재 라우트 기준으로 문서 타이틀 재계산
|
||||
try {
|
||||
const to = router.currentRoute
|
||||
const matched = (to && to.matched) ? to.matched : []
|
||||
const deepest = matched.length ? matched[matched.length - 1] : to
|
||||
const key = deepest && deepest.meta && deepest.meta.titleKey
|
||||
const appTitle = i18n && typeof i18n.t === 'function' ? i18n.t('common.app.title') : 'Soda Admin'
|
||||
const localized = key ? i18n.t(key) : ''
|
||||
document.title = key ? `${localized} - ${appTitle}` : `${appTitle}`
|
||||
} catch (e) {
|
||||
// ignore
|
||||
}
|
||||
})
|
||||
}
|
||||
} catch (e) {
|
||||
// ignore
|
||||
}
|
||||
|
||||
new Vue({
|
||||
i18n,
|
||||
vuetify,
|
||||
router,
|
||||
store,
|
||||
|
||||
@@ -1,7 +1,28 @@
|
||||
import Vue from 'vue';
|
||||
import Vuetify from 'vuetify/lib/framework';
|
||||
import Vue from 'vue'
|
||||
import Vuetify from 'vuetify/lib/framework'
|
||||
import en from 'vuetify/lib/locale/en'
|
||||
import ko from 'vuetify/lib/locale/ko'
|
||||
import ja from 'vuetify/lib/locale/ja'
|
||||
|
||||
Vue.use(Vuetify);
|
||||
Vue.use(Vuetify)
|
||||
|
||||
function detectVuetifyLocale() {
|
||||
try {
|
||||
const saved = localStorage.getItem('locale')
|
||||
if (saved) return saved
|
||||
} catch (e) {
|
||||
// ignore
|
||||
}
|
||||
const l = (navigator.languages && navigator.languages[0]) || navigator.language || 'en'
|
||||
const low = String(l).toLowerCase()
|
||||
if (low.startsWith('ko')) return 'ko'
|
||||
if (low.startsWith('ja')) return 'ja'
|
||||
return 'en'
|
||||
}
|
||||
|
||||
export default new Vuetify({
|
||||
});
|
||||
lang: {
|
||||
locales: { en, ko, ja },
|
||||
current: detectVuetifyLocale()
|
||||
}
|
||||
})
|
||||
|
||||
@@ -1,6 +1,7 @@
|
||||
import Vue from 'vue'
|
||||
import VueRouter from 'vue-router'
|
||||
import store from '@/store';
|
||||
import i18n from '@/i18n'
|
||||
|
||||
import DefaultLayout from '@/layouts/default'
|
||||
|
||||
@@ -99,7 +100,8 @@ const routes = [
|
||||
{
|
||||
path: '/signature',
|
||||
name: 'SignatureManagement',
|
||||
component: () => import(/* webpackChunkName: "signature" */ '../views/Signature/SignatureManagement.vue')
|
||||
component: () => import(/* webpackChunkName: "signature" */ '../views/Signature/SignatureManagement.vue'),
|
||||
meta: { titleKey: 'view.signature.title' }
|
||||
}
|
||||
]
|
||||
},
|
||||
@@ -135,4 +137,19 @@ router.beforeEach((to, from, next) => {
|
||||
}
|
||||
})
|
||||
|
||||
// 라우트 변경 시 문서 타이틀을 i18n으로 갱신
|
||||
router.afterEach((to) => {
|
||||
try {
|
||||
// 가장 깊은 매칭 라우트에서 titleKey 탐색
|
||||
const matched = (to && to.matched) ? to.matched : []
|
||||
const deepest = matched.length ? matched[matched.length - 1] : to
|
||||
const key = deepest && deepest.meta && deepest.meta.titleKey
|
||||
const appTitle = i18n && typeof i18n.t === 'function' ? i18n.t('common.app.title') : 'Soda Admin'
|
||||
const localized = key ? i18n.t(key) : ''
|
||||
document.title = key ? `${localized} - ${appTitle}` : `${appTitle}`
|
||||
} catch (e) {
|
||||
// ignore
|
||||
}
|
||||
})
|
||||
|
||||
export default router
|
||||
|
||||
@@ -1,5 +1,6 @@
|
||||
import * as memberApi from '@/api/member'
|
||||
import Vue from 'vue';
|
||||
import i18n from '@/i18n'
|
||||
|
||||
const enhanceAccessToken = () => {
|
||||
const {accessToken} = localStorage
|
||||
@@ -75,7 +76,7 @@ const accountStore = {
|
||||
errorMessage = res.data.message
|
||||
}
|
||||
} catch (e) {
|
||||
errorMessage = '로그인 정보를 확인해주세요.'
|
||||
errorMessage = i18n.t('common.error.login.checkInfo')
|
||||
}
|
||||
|
||||
return new Promise((resolve, reject) => {
|
||||
@@ -100,7 +101,7 @@ const accountStore = {
|
||||
errorMessage = res.data.message
|
||||
}
|
||||
} catch (e) {
|
||||
errorMessage = '구글 로그인 정보를 확인해주세요.'
|
||||
errorMessage = i18n.t('common.error.google.checkInfo')
|
||||
}
|
||||
|
||||
return new Promise((resolve, reject) => {
|
||||
@@ -125,7 +126,7 @@ const accountStore = {
|
||||
errorMessage = res.data.message
|
||||
}
|
||||
} catch (e) {
|
||||
errorMessage = '카카오 로그인 정보를 확인해주세요.'
|
||||
errorMessage = i18n.t('common.error.kakao.checkInfo')
|
||||
}
|
||||
|
||||
return new Promise((resolve, reject) => {
|
||||
@@ -150,7 +151,7 @@ const accountStore = {
|
||||
errorMessage = res.data.message
|
||||
}
|
||||
} catch (e) {
|
||||
errorMessage = '애플 로그인 정보를 확인해주세요.'
|
||||
errorMessage = i18n.t('common.error.apple.checkInfo')
|
||||
}
|
||||
|
||||
return new Promise((resolve, reject) => {
|
||||
@@ -176,7 +177,7 @@ const accountStore = {
|
||||
errorMessage = res.data.message
|
||||
}
|
||||
} catch (e) {
|
||||
errorMessage = '로그인 정보를 확인해주세요.'
|
||||
errorMessage = i18n.t('common.error.login.checkInfo')
|
||||
}
|
||||
|
||||
return new Promise((resolve, reject) => {
|
||||
|
||||
35
src/utils/menuMapping.js
Normal file
35
src/utils/menuMapping.js
Normal file
@@ -0,0 +1,35 @@
|
||||
import { titleKoToKey } from '@/i18n/menuTitleMap'
|
||||
|
||||
export function normKo(s) {
|
||||
if (!s || typeof s !== 'string') return s
|
||||
try {
|
||||
return s
|
||||
.normalize('NFC')
|
||||
.replace(/\s+/g, ' ')
|
||||
.trim()
|
||||
} catch (e) {
|
||||
// 일부 환경에서 normalize 미지원 시 안전하게 진행
|
||||
return String(s).replace(/\s+/g, ' ').trim()
|
||||
}
|
||||
}
|
||||
|
||||
export function attachTitleKeyByKo(items) {
|
||||
if (!Array.isArray(items)) return items
|
||||
return items.map(item => {
|
||||
const next = { ...item }
|
||||
const title = normKo(item && item.title)
|
||||
const key = title ? titleKoToKey[title] : undefined
|
||||
if (key) {
|
||||
next.titleKey = key
|
||||
} else if (process && process.env && process.env.NODE_ENV !== 'production') {
|
||||
// 개발 환경에서만 경고 로그
|
||||
// eslint-disable-next-line no-console
|
||||
console.warn('[menu-i18n] missing map for title:', item && item.title)
|
||||
}
|
||||
|
||||
if (Array.isArray(item && item.items) && item.items.length > 0) {
|
||||
next.items = attachTitleKeyByKo(item.items)
|
||||
}
|
||||
return next
|
||||
})
|
||||
}
|
||||
@@ -2,7 +2,7 @@
|
||||
<div>
|
||||
<v-toolbar dark>
|
||||
<v-spacer />
|
||||
<v-toolbar-title>크리에이터별 채널 후원 정산</v-toolbar-title>
|
||||
<v-toolbar-title>{{ $t('comp.sideMenu.calc.channelDonation') }}</v-toolbar-title>
|
||||
<v-spacer />
|
||||
</v-toolbar>
|
||||
|
||||
@@ -29,7 +29,7 @@
|
||||
<template v-slot:activator="{ on, attrs }">
|
||||
<v-text-field
|
||||
v-bind="attrs"
|
||||
label="시작일"
|
||||
:label="$t('view.agent.calculate.common.startDate')"
|
||||
readonly
|
||||
dense
|
||||
:value="start_date"
|
||||
@@ -58,7 +58,7 @@
|
||||
<template v-slot:activator="{ on, attrs }">
|
||||
<v-text-field
|
||||
v-bind="attrs"
|
||||
label="종료일"
|
||||
:label="$t('view.agent.calculate.common.endDate')"
|
||||
readonly
|
||||
dense
|
||||
:value="end_date"
|
||||
@@ -82,7 +82,7 @@
|
||||
:loading="is_loading"
|
||||
@click="fetchItems"
|
||||
>
|
||||
조회
|
||||
{{ $t('view.agent.calculate.common.search') }}
|
||||
</v-btn>
|
||||
</v-col>
|
||||
</v-row>
|
||||
@@ -99,38 +99,38 @@
|
||||
>
|
||||
<template slot="body.prepend">
|
||||
<tr>
|
||||
<td>합계</td>
|
||||
<td>{{ (total.count || 0).toLocaleString() }}</td>
|
||||
<td>{{ (total.totalCan || 0).toLocaleString() }} 캔</td>
|
||||
<td>{{ (total.krw || 0).toLocaleString() }} 원</td>
|
||||
<td>{{ (total.fee || 0).toLocaleString() }} 원</td>
|
||||
<td>{{ (total.settlementAmount || 0).toLocaleString() }} 원</td>
|
||||
<td>{{ (total.tax || 0).toLocaleString() }} 원</td>
|
||||
<td>{{ (total.depositAmount || 0).toLocaleString() }} 원</td>
|
||||
<td>{{ (total.agentSettlementAmount || 0).toLocaleString() }} 원</td>
|
||||
<td>{{ $t('view.agent.calculate.common.total') }}</td>
|
||||
<td>{{ $n(total.count || 0, 'decimal') }}</td>
|
||||
<td>{{ $n(total.totalCan || 0, 'decimal') }} {{ $t('common.unit.can') }}</td>
|
||||
<td>{{ $n(total.krw || 0, 'currency') }}</td>
|
||||
<td>{{ $n(total.fee || 0, 'currency') }}</td>
|
||||
<td>{{ $n(total.settlementAmount || 0, 'currency') }}</td>
|
||||
<td>{{ $n(total.tax || 0, 'currency') }}</td>
|
||||
<td>{{ $n(total.depositAmount || 0, 'currency') }}</td>
|
||||
<td>{{ $n(total.agentSettlementAmount || 0, 'currency') }}</td>
|
||||
</tr>
|
||||
</template>
|
||||
|
||||
<template v-slot:item.totalCan="{ item }">
|
||||
{{ (item.totalCan || 0).toLocaleString() }} 캔
|
||||
{{ $n(item.totalCan || 0, 'decimal') }} {{ $t('common.unit.can') }}
|
||||
</template>
|
||||
<template v-slot:item.krw="{ item }">
|
||||
{{ (item.krw || 0).toLocaleString() }} 원
|
||||
{{ $n(item.krw || 0, 'currency') }}
|
||||
</template>
|
||||
<template v-slot:item.fee="{ item }">
|
||||
{{ (item.fee || 0).toLocaleString() }} 원
|
||||
{{ $n(item.fee || 0, 'currency') }}
|
||||
</template>
|
||||
<template v-slot:item.settlementAmount="{ item }">
|
||||
{{ (item.settlementAmount || 0).toLocaleString() }} 원
|
||||
{{ $n(item.settlementAmount || 0, 'currency') }}
|
||||
</template>
|
||||
<template v-slot:item.tax="{ item }">
|
||||
{{ (item.tax || 0).toLocaleString() }} 원
|
||||
{{ $n(item.tax || 0, 'currency') }}
|
||||
</template>
|
||||
<template v-slot:item.depositAmount="{ item }">
|
||||
{{ (item.depositAmount || 0).toLocaleString() }} 원
|
||||
{{ $n(item.depositAmount || 0, 'currency') }}
|
||||
</template>
|
||||
<template v-slot:item.agentSettlementAmount="{ item }">
|
||||
{{ (item.agentSettlementAmount || 0).toLocaleString() }} 원
|
||||
{{ $n(item.agentSettlementAmount || 0, 'currency') }}
|
||||
</template>
|
||||
</v-data-table>
|
||||
</v-col>
|
||||
@@ -177,16 +177,21 @@ export default {
|
||||
depositAmount: 0,
|
||||
agentSettlementAmount: 0
|
||||
},
|
||||
headers: [
|
||||
{ text: '닉네임', value: 'creatorNickname', align: 'center', sortable: false },
|
||||
{ text: '건수', value: 'count', align: 'center', sortable: false },
|
||||
{ text: '총 CAN', value: 'totalCan', align: 'center', sortable: false },
|
||||
{ text: '원화', value: 'krw', align: 'center', sortable: false },
|
||||
{ text: '수수료', value: 'fee', align: 'center', sortable: false },
|
||||
{ text: '정산금액', value: 'settlementAmount', align: 'center', sortable: false },
|
||||
{ text: '세금', value: 'tax', align: 'center', sortable: false },
|
||||
{ text: '입금액', value: 'depositAmount', align: 'center', sortable: false },
|
||||
{ text: '에이전트 정산금액', value: 'agentSettlementAmount', align: 'center', sortable: false },
|
||||
// headers는 locale 변경 시 computed에서 생성
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
headers() {
|
||||
return [
|
||||
{ text: this.$t('view.agent.calculate.columns.nickname'), value: 'creatorNickname', align: 'center', sortable: false },
|
||||
{ text: this.$t('view.agent.calculate.columns.count'), value: 'count', align: 'center', sortable: false },
|
||||
{ text: this.$t('view.agent.calculate.columns.totalCan'), value: 'totalCan', align: 'center', sortable: false },
|
||||
{ text: this.$t('view.agent.calculate.columns.krw'), value: 'krw', align: 'center', sortable: false },
|
||||
{ text: this.$t('view.agent.calculate.columns.fee'), value: 'fee', align: 'center', sortable: false },
|
||||
{ text: this.$t('view.agent.calculate.columns.settlementAmount'), value: 'settlementAmount', align: 'center', sortable: false },
|
||||
{ text: this.$t('view.agent.calculate.columns.tax'), value: 'tax', align: 'center', sortable: false },
|
||||
{ text: this.$t('view.agent.calculate.columns.depositAmount'), value: 'depositAmount', align: 'center', sortable: false },
|
||||
{ text: this.$t('view.agent.calculate.columns.agentSettlementAmount'), value: 'agentSettlementAmount', align: 'center', sortable: false }
|
||||
]
|
||||
}
|
||||
},
|
||||
@@ -227,10 +232,10 @@ export default {
|
||||
const totalPage = Math.ceil((data.totalCount || 0) / this.page_size)
|
||||
this.total_page = totalPage > 0 ? totalPage : 1
|
||||
} else {
|
||||
this.notifyError(res.data?.message || '알 수 없는 오류가 발생했습니다. 다시 시도해 주세요.')
|
||||
this.notifyError(res.data?.message || this.$t('common.error.unknown'))
|
||||
}
|
||||
} catch (e) {
|
||||
this.notifyError('알 수 없는 오류가 발생했습니다. 다시 시도해 주세요.')
|
||||
this.notifyError(this.$t('common.error.unknown'))
|
||||
} finally {
|
||||
this.is_loading = false
|
||||
}
|
||||
|
||||
@@ -2,7 +2,7 @@
|
||||
<div>
|
||||
<v-toolbar dark>
|
||||
<v-spacer />
|
||||
<v-toolbar-title>크리에이터별 커뮤니티 정산</v-toolbar-title>
|
||||
<v-toolbar-title>{{ $t('comp.sideMenu.calc.community') }}</v-toolbar-title>
|
||||
<v-spacer />
|
||||
</v-toolbar>
|
||||
|
||||
@@ -29,7 +29,7 @@
|
||||
<template v-slot:activator="{ on, attrs }">
|
||||
<v-text-field
|
||||
v-bind="attrs"
|
||||
label="시작일"
|
||||
:label="$t('view.agent.calculate.common.startDate')"
|
||||
readonly
|
||||
dense
|
||||
:value="start_date"
|
||||
@@ -58,7 +58,7 @@
|
||||
<template v-slot:activator="{ on, attrs }">
|
||||
<v-text-field
|
||||
v-bind="attrs"
|
||||
label="종료일"
|
||||
:label="$t('view.agent.calculate.common.endDate')"
|
||||
readonly
|
||||
dense
|
||||
:value="end_date"
|
||||
@@ -82,7 +82,7 @@
|
||||
:loading="is_loading"
|
||||
@click="fetchItems"
|
||||
>
|
||||
조회
|
||||
{{ $t('view.agent.calculate.common.search') }}
|
||||
</v-btn>
|
||||
</v-col>
|
||||
</v-row>
|
||||
@@ -99,38 +99,38 @@
|
||||
>
|
||||
<template slot="body.prepend">
|
||||
<tr>
|
||||
<td>합계</td>
|
||||
<td>{{ (total.count || 0).toLocaleString() }}</td>
|
||||
<td>{{ (total.totalCan || 0).toLocaleString() }} 캔</td>
|
||||
<td>{{ (total.krw || 0).toLocaleString() }} 원</td>
|
||||
<td>{{ (total.fee || 0).toLocaleString() }} 원</td>
|
||||
<td>{{ (total.settlementAmount || 0).toLocaleString() }} 원</td>
|
||||
<td>{{ (total.tax || 0).toLocaleString() }} 원</td>
|
||||
<td>{{ (total.depositAmount || 0).toLocaleString() }} 원</td>
|
||||
<td>{{ (total.agentSettlementAmount || 0).toLocaleString() }} 원</td>
|
||||
<td>{{ $t('view.agent.calculate.common.total') }}</td>
|
||||
<td>{{ $n(total.count || 0, 'decimal') }}</td>
|
||||
<td>{{ $n(total.totalCan || 0, 'decimal') }} {{ $t('common.unit.can') }}</td>
|
||||
<td>{{ $n(total.krw || 0, 'currency') }}</td>
|
||||
<td>{{ $n(total.fee || 0, 'currency') }}</td>
|
||||
<td>{{ $n(total.settlementAmount || 0, 'currency') }}</td>
|
||||
<td>{{ $n(total.tax || 0, 'currency') }}</td>
|
||||
<td>{{ $n(total.depositAmount || 0, 'currency') }}</td>
|
||||
<td>{{ $n(total.agentSettlementAmount || 0, 'currency') }}</td>
|
||||
</tr>
|
||||
</template>
|
||||
|
||||
<template v-slot:item.totalCan="{ item }">
|
||||
{{ (item.totalCan || 0).toLocaleString() }} 캔
|
||||
{{ $n(item.totalCan || 0, 'decimal') }} {{ $t('common.unit.can') }}
|
||||
</template>
|
||||
<template v-slot:item.krw="{ item }">
|
||||
{{ (item.krw || 0).toLocaleString() }} 원
|
||||
{{ $n(item.krw || 0, 'currency') }}
|
||||
</template>
|
||||
<template v-slot:item.fee="{ item }">
|
||||
{{ (item.fee || 0).toLocaleString() }} 원
|
||||
{{ $n(item.fee || 0, 'currency') }}
|
||||
</template>
|
||||
<template v-slot:item.settlementAmount="{ item }">
|
||||
{{ (item.settlementAmount || 0).toLocaleString() }} 원
|
||||
{{ $n(item.settlementAmount || 0, 'currency') }}
|
||||
</template>
|
||||
<template v-slot:item.tax="{ item }">
|
||||
{{ (item.tax || 0).toLocaleString() }} 원
|
||||
{{ $n(item.tax || 0, 'currency') }}
|
||||
</template>
|
||||
<template v-slot:item.depositAmount="{ item }">
|
||||
{{ (item.depositAmount || 0).toLocaleString() }} 원
|
||||
{{ $n(item.depositAmount || 0, 'currency') }}
|
||||
</template>
|
||||
<template v-slot:item.agentSettlementAmount="{ item }">
|
||||
{{ (item.agentSettlementAmount || 0).toLocaleString() }} 원
|
||||
{{ $n(item.agentSettlementAmount || 0, 'currency') }}
|
||||
</template>
|
||||
</v-data-table>
|
||||
</v-col>
|
||||
@@ -177,16 +177,21 @@ export default {
|
||||
depositAmount: 0,
|
||||
agentSettlementAmount: 0
|
||||
},
|
||||
headers: [
|
||||
{ text: '닉네임', value: 'creatorNickname', align: 'center', sortable: false },
|
||||
{ text: '건수', value: 'count', align: 'center', sortable: false },
|
||||
{ text: '총 CAN', value: 'totalCan', align: 'center', sortable: false },
|
||||
{ text: '원화', value: 'krw', align: 'center', sortable: false },
|
||||
{ text: '수수료', value: 'fee', align: 'center', sortable: false },
|
||||
{ text: '정산금액', value: 'settlementAmount', align: 'center', sortable: false },
|
||||
{ text: '세금', value: 'tax', align: 'center', sortable: false },
|
||||
{ text: '입금액', value: 'depositAmount', align: 'center', sortable: false },
|
||||
{ text: '에이전트 정산금액', value: 'agentSettlementAmount', align: 'center', sortable: false },
|
||||
// headers는 locale 변경 시 computed에서 생성
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
headers() {
|
||||
return [
|
||||
{ text: this.$t('view.agent.calculate.columns.nickname'), value: 'creatorNickname', align: 'center', sortable: false },
|
||||
{ text: this.$t('view.agent.calculate.columns.count'), value: 'count', align: 'center', sortable: false },
|
||||
{ text: this.$t('view.agent.calculate.columns.totalCan'), value: 'totalCan', align: 'center', sortable: false },
|
||||
{ text: this.$t('view.agent.calculate.columns.krw'), value: 'krw', align: 'center', sortable: false },
|
||||
{ text: this.$t('view.agent.calculate.columns.fee'), value: 'fee', align: 'center', sortable: false },
|
||||
{ text: this.$t('view.agent.calculate.columns.settlementAmount'), value: 'settlementAmount', align: 'center', sortable: false },
|
||||
{ text: this.$t('view.agent.calculate.columns.tax'), value: 'tax', align: 'center', sortable: false },
|
||||
{ text: this.$t('view.agent.calculate.columns.depositAmount'), value: 'depositAmount', align: 'center', sortable: false },
|
||||
{ text: this.$t('view.agent.calculate.columns.agentSettlementAmount'), value: 'agentSettlementAmount', align: 'center', sortable: false }
|
||||
]
|
||||
}
|
||||
},
|
||||
@@ -227,10 +232,10 @@ export default {
|
||||
const totalPage = Math.ceil((data.totalCount || 0) / this.page_size)
|
||||
this.total_page = totalPage > 0 ? totalPage : 1
|
||||
} else {
|
||||
this.notifyError(res.data?.message || '알 수 없는 오류가 발생했습니다. 다시 시도해 주세요.')
|
||||
this.notifyError(res.data?.message || this.$t('common.error.unknown'))
|
||||
}
|
||||
} catch (e) {
|
||||
this.notifyError('알 수 없는 오류가 발생했습니다. 다시 시도해 주세요.')
|
||||
this.notifyError(this.$t('common.error.unknown'))
|
||||
} finally {
|
||||
this.is_loading = false
|
||||
}
|
||||
|
||||
@@ -2,7 +2,7 @@
|
||||
<div>
|
||||
<v-toolbar dark>
|
||||
<v-spacer />
|
||||
<v-toolbar-title>크리에이터별 콘텐츠 정산</v-toolbar-title>
|
||||
<v-toolbar-title>{{ $t('comp.sideMenu.calc.content') }}</v-toolbar-title>
|
||||
<v-spacer />
|
||||
</v-toolbar>
|
||||
|
||||
@@ -29,7 +29,7 @@
|
||||
<template v-slot:activator="{ on, attrs }">
|
||||
<v-text-field
|
||||
v-bind="attrs"
|
||||
label="시작일"
|
||||
:label="$t('view.agent.calculate.common.startDate')"
|
||||
readonly
|
||||
dense
|
||||
:value="start_date"
|
||||
@@ -58,7 +58,7 @@
|
||||
<template v-slot:activator="{ on, attrs }">
|
||||
<v-text-field
|
||||
v-bind="attrs"
|
||||
label="종료일"
|
||||
:label="$t('view.agent.calculate.common.endDate')"
|
||||
readonly
|
||||
dense
|
||||
:value="end_date"
|
||||
@@ -82,7 +82,7 @@
|
||||
:loading="is_loading"
|
||||
@click="fetchItems"
|
||||
>
|
||||
조회
|
||||
{{ $t('view.agent.calculate.common.search') }}
|
||||
</v-btn>
|
||||
</v-col>
|
||||
</v-row>
|
||||
@@ -99,38 +99,38 @@
|
||||
>
|
||||
<template slot="body.prepend">
|
||||
<tr>
|
||||
<td>합계</td>
|
||||
<td>{{ (total.count || 0).toLocaleString() }}</td>
|
||||
<td>{{ (total.totalCan || 0).toLocaleString() }} 캔</td>
|
||||
<td>{{ (total.krw || 0).toLocaleString() }} 원</td>
|
||||
<td>{{ (total.fee || 0).toLocaleString() }} 원</td>
|
||||
<td>{{ (total.settlementAmount || 0).toLocaleString() }} 원</td>
|
||||
<td>{{ (total.tax || 0).toLocaleString() }} 원</td>
|
||||
<td>{{ (total.depositAmount || 0).toLocaleString() }} 원</td>
|
||||
<td>{{ (total.agentSettlementAmount || 0).toLocaleString() }} 원</td>
|
||||
<td>{{ $t('view.agent.calculate.common.total') }}</td>
|
||||
<td>{{ $n(total.count || 0, 'decimal') }}</td>
|
||||
<td>{{ $n(total.totalCan || 0, 'decimal') }} {{ $t('common.unit.can') }}</td>
|
||||
<td>{{ $n(total.krw || 0, 'currency') }}</td>
|
||||
<td>{{ $n(total.fee || 0, 'currency') }}</td>
|
||||
<td>{{ $n(total.settlementAmount || 0, 'currency') }}</td>
|
||||
<td>{{ $n(total.tax || 0, 'currency') }}</td>
|
||||
<td>{{ $n(total.depositAmount || 0, 'currency') }}</td>
|
||||
<td>{{ $n(total.agentSettlementAmount || 0, 'currency') }}</td>
|
||||
</tr>
|
||||
</template>
|
||||
|
||||
<template v-slot:item.totalCan="{ item }">
|
||||
{{ (item.totalCan || 0).toLocaleString() }} 캔
|
||||
{{ $n(item.totalCan || 0, 'decimal') }} {{ $t('common.unit.can') }}
|
||||
</template>
|
||||
<template v-slot:item.krw="{ item }">
|
||||
{{ (item.krw || 0).toLocaleString() }} 원
|
||||
{{ $n(item.krw || 0, 'currency') }}
|
||||
</template>
|
||||
<template v-slot:item.fee="{ item }">
|
||||
{{ (item.fee || 0).toLocaleString() }} 원
|
||||
{{ $n(item.fee || 0, 'currency') }}
|
||||
</template>
|
||||
<template v-slot:item.settlementAmount="{ item }">
|
||||
{{ (item.settlementAmount || 0).toLocaleString() }} 원
|
||||
{{ $n(item.settlementAmount || 0, 'currency') }}
|
||||
</template>
|
||||
<template v-slot:item.tax="{ item }">
|
||||
{{ (item.tax || 0).toLocaleString() }} 원
|
||||
{{ $n(item.tax || 0, 'currency') }}
|
||||
</template>
|
||||
<template v-slot:item.depositAmount="{ item }">
|
||||
{{ (item.depositAmount || 0).toLocaleString() }} 원
|
||||
{{ $n(item.depositAmount || 0, 'currency') }}
|
||||
</template>
|
||||
<template v-slot:item.agentSettlementAmount="{ item }">
|
||||
{{ (item.agentSettlementAmount || 0).toLocaleString() }} 원
|
||||
{{ $n(item.agentSettlementAmount || 0, 'currency') }}
|
||||
</template>
|
||||
</v-data-table>
|
||||
</v-col>
|
||||
@@ -177,16 +177,21 @@ export default {
|
||||
depositAmount: 0,
|
||||
agentSettlementAmount: 0
|
||||
},
|
||||
headers: [
|
||||
{ text: '닉네임', value: 'creatorNickname', align: 'center', sortable: false },
|
||||
{ text: '건수', value: 'count', align: 'center', sortable: false },
|
||||
{ text: '총 CAN', value: 'totalCan', align: 'center', sortable: false },
|
||||
{ text: '원화', value: 'krw', align: 'center', sortable: false },
|
||||
{ text: '수수료', value: 'fee', align: 'center', sortable: false },
|
||||
{ text: '정산금액', value: 'settlementAmount', align: 'center', sortable: false },
|
||||
{ text: '세금', value: 'tax', align: 'center', sortable: false },
|
||||
{ text: '입금액', value: 'depositAmount', align: 'center', sortable: false },
|
||||
{ text: '에이전트 정산금액', value: 'agentSettlementAmount', align: 'center', sortable: false },
|
||||
// headers는 locale 변경 시 computed에서 생성
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
headers() {
|
||||
return [
|
||||
{ text: this.$t('view.agent.calculate.columns.nickname'), value: 'creatorNickname', align: 'center', sortable: false },
|
||||
{ text: this.$t('view.agent.calculate.columns.count'), value: 'count', align: 'center', sortable: false },
|
||||
{ text: this.$t('view.agent.calculate.columns.totalCan'), value: 'totalCan', align: 'center', sortable: false },
|
||||
{ text: this.$t('view.agent.calculate.columns.krw'), value: 'krw', align: 'center', sortable: false },
|
||||
{ text: this.$t('view.agent.calculate.columns.fee'), value: 'fee', align: 'center', sortable: false },
|
||||
{ text: this.$t('view.agent.calculate.columns.settlementAmount'), value: 'settlementAmount', align: 'center', sortable: false },
|
||||
{ text: this.$t('view.agent.calculate.columns.tax'), value: 'tax', align: 'center', sortable: false },
|
||||
{ text: this.$t('view.agent.calculate.columns.depositAmount'), value: 'depositAmount', align: 'center', sortable: false },
|
||||
{ text: this.$t('view.agent.calculate.columns.agentSettlementAmount'), value: 'agentSettlementAmount', align: 'center', sortable: false }
|
||||
]
|
||||
}
|
||||
},
|
||||
@@ -227,10 +232,10 @@ export default {
|
||||
const totalPage = Math.ceil((data.totalCount || 0) / this.page_size)
|
||||
this.total_page = totalPage > 0 ? totalPage : 1
|
||||
} else {
|
||||
this.notifyError(res.data?.message || '알 수 없는 오류가 발생했습니다. 다시 시도해 주세요.')
|
||||
this.notifyError(res.data?.message || this.$t('common.error.unknown'))
|
||||
}
|
||||
} catch (e) {
|
||||
this.notifyError('알 수 없는 오류가 발생했습니다. 다시 시도해 주세요.')
|
||||
this.notifyError(this.$t('common.error.unknown'))
|
||||
} finally {
|
||||
this.is_loading = false
|
||||
}
|
||||
|
||||
@@ -2,7 +2,7 @@
|
||||
<div>
|
||||
<v-toolbar dark>
|
||||
<v-spacer />
|
||||
<v-toolbar-title>크리에이터별 콘텐츠 후원 정산</v-toolbar-title>
|
||||
<v-toolbar-title>{{ $t('comp.sideMenu.calc.contentDonation') }}</v-toolbar-title>
|
||||
<v-spacer />
|
||||
</v-toolbar>
|
||||
|
||||
@@ -29,7 +29,7 @@
|
||||
<template v-slot:activator="{ on, attrs }">
|
||||
<v-text-field
|
||||
v-bind="attrs"
|
||||
label="시작일"
|
||||
:label="$t('view.agent.calculate.common.startDate')"
|
||||
readonly
|
||||
dense
|
||||
:value="start_date"
|
||||
@@ -58,7 +58,7 @@
|
||||
<template v-slot:activator="{ on, attrs }">
|
||||
<v-text-field
|
||||
v-bind="attrs"
|
||||
label="종료일"
|
||||
:label="$t('view.agent.calculate.common.endDate')"
|
||||
readonly
|
||||
dense
|
||||
:value="end_date"
|
||||
@@ -82,7 +82,7 @@
|
||||
:loading="is_loading"
|
||||
@click="fetchItems"
|
||||
>
|
||||
조회
|
||||
{{ $t('view.agent.calculate.common.search') }}
|
||||
</v-btn>
|
||||
</v-col>
|
||||
</v-row>
|
||||
@@ -99,38 +99,38 @@
|
||||
>
|
||||
<template slot="body.prepend">
|
||||
<tr>
|
||||
<td>합계</td>
|
||||
<td>{{ (total.count || 0).toLocaleString() }}</td>
|
||||
<td>{{ (total.totalCan || 0).toLocaleString() }} 캔</td>
|
||||
<td>{{ (total.krw || 0).toLocaleString() }} 원</td>
|
||||
<td>{{ (total.fee || 0).toLocaleString() }} 원</td>
|
||||
<td>{{ (total.settlementAmount || 0).toLocaleString() }} 원</td>
|
||||
<td>{{ (total.tax || 0).toLocaleString() }} 원</td>
|
||||
<td>{{ (total.depositAmount || 0).toLocaleString() }} 원</td>
|
||||
<td>{{ (total.agentSettlementAmount || 0).toLocaleString() }} 원</td>
|
||||
<td>{{ $t('view.agent.calculate.common.total') }}</td>
|
||||
<td>{{ $n(total.count || 0, 'decimal') }}</td>
|
||||
<td>{{ $n(total.totalCan || 0, 'decimal') }} {{ $t('common.unit.can') }}</td>
|
||||
<td>{{ $n(total.krw || 0, 'currency') }}</td>
|
||||
<td>{{ $n(total.fee || 0, 'currency') }}</td>
|
||||
<td>{{ $n(total.settlementAmount || 0, 'currency') }}</td>
|
||||
<td>{{ $n(total.tax || 0, 'currency') }}</td>
|
||||
<td>{{ $n(total.depositAmount || 0, 'currency') }}</td>
|
||||
<td>{{ $n(total.agentSettlementAmount || 0, 'currency') }}</td>
|
||||
</tr>
|
||||
</template>
|
||||
|
||||
<template v-slot:item.totalCan="{ item }">
|
||||
{{ (item.totalCan || 0).toLocaleString() }} 캔
|
||||
{{ $n(item.totalCan || 0, 'decimal') }} {{ $t('common.unit.can') }}
|
||||
</template>
|
||||
<template v-slot:item.krw="{ item }">
|
||||
{{ (item.krw || 0).toLocaleString() }} 원
|
||||
{{ $n(item.krw || 0, 'currency') }}
|
||||
</template>
|
||||
<template v-slot:item.fee="{ item }">
|
||||
{{ (item.fee || 0).toLocaleString() }} 원
|
||||
{{ $n(item.fee || 0, 'currency') }}
|
||||
</template>
|
||||
<template v-slot:item.settlementAmount="{ item }">
|
||||
{{ (item.settlementAmount || 0).toLocaleString() }} 원
|
||||
{{ $n(item.settlementAmount || 0, 'currency') }}
|
||||
</template>
|
||||
<template v-slot:item.tax="{ item }">
|
||||
{{ (item.tax || 0).toLocaleString() }} 원
|
||||
{{ $n(item.tax || 0, 'currency') }}
|
||||
</template>
|
||||
<template v-slot:item.depositAmount="{ item }">
|
||||
{{ (item.depositAmount || 0).toLocaleString() }} 원
|
||||
{{ $n(item.depositAmount || 0, 'currency') }}
|
||||
</template>
|
||||
<template v-slot:item.agentSettlementAmount="{ item }">
|
||||
{{ (item.agentSettlementAmount || 0).toLocaleString() }} 원
|
||||
{{ $n(item.agentSettlementAmount || 0, 'currency') }}
|
||||
</template>
|
||||
</v-data-table>
|
||||
</v-col>
|
||||
@@ -177,16 +177,21 @@ export default {
|
||||
depositAmount: 0,
|
||||
agentSettlementAmount: 0
|
||||
},
|
||||
headers: [
|
||||
{ text: '닉네임', value: 'creatorNickname', align: 'center', sortable: false },
|
||||
{ text: '건수', value: 'count', align: 'center', sortable: false },
|
||||
{ text: '총 CAN', value: 'totalCan', align: 'center', sortable: false },
|
||||
{ text: '원화', value: 'krw', align: 'center', sortable: false },
|
||||
{ text: '수수료', value: 'fee', align: 'center', sortable: false },
|
||||
{ text: '정산금액', value: 'settlementAmount', align: 'center', sortable: false },
|
||||
{ text: '세금', value: 'tax', align: 'center', sortable: false },
|
||||
{ text: '입금액', value: 'depositAmount', align: 'center', sortable: false },
|
||||
{ text: '에이전트 정산금액', value: 'agentSettlementAmount', align: 'center', sortable: false },
|
||||
// headers는 locale 변경 시 computed에서 생성
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
headers() {
|
||||
return [
|
||||
{ text: this.$t('view.agent.calculate.columns.nickname'), value: 'creatorNickname', align: 'center', sortable: false },
|
||||
{ text: this.$t('view.agent.calculate.columns.count'), value: 'count', align: 'center', sortable: false },
|
||||
{ text: this.$t('view.agent.calculate.columns.totalCan'), value: 'totalCan', align: 'center', sortable: false },
|
||||
{ text: this.$t('view.agent.calculate.columns.krw'), value: 'krw', align: 'center', sortable: false },
|
||||
{ text: this.$t('view.agent.calculate.columns.fee'), value: 'fee', align: 'center', sortable: false },
|
||||
{ text: this.$t('view.agent.calculate.columns.settlementAmount'), value: 'settlementAmount', align: 'center', sortable: false },
|
||||
{ text: this.$t('view.agent.calculate.columns.tax'), value: 'tax', align: 'center', sortable: false },
|
||||
{ text: this.$t('view.agent.calculate.columns.depositAmount'), value: 'depositAmount', align: 'center', sortable: false },
|
||||
{ text: this.$t('view.agent.calculate.columns.agentSettlementAmount'), value: 'agentSettlementAmount', align: 'center', sortable: false }
|
||||
]
|
||||
}
|
||||
},
|
||||
@@ -227,10 +232,10 @@ export default {
|
||||
const totalPage = Math.ceil((data.totalCount || 0) / this.page_size)
|
||||
this.total_page = totalPage > 0 ? totalPage : 1
|
||||
} else {
|
||||
this.notifyError(res.data?.message || '알 수 없는 오류가 발생했습니다. 다시 시도해 주세요.')
|
||||
this.notifyError(res.data?.message || this.$t('common.error.unknown'))
|
||||
}
|
||||
} catch (e) {
|
||||
this.notifyError('알 수 없는 오류가 발생했습니다. 다시 시도해 주세요.')
|
||||
this.notifyError(this.$t('common.error.unknown'))
|
||||
} finally {
|
||||
this.is_loading = false
|
||||
}
|
||||
|
||||
@@ -2,7 +2,7 @@
|
||||
<div>
|
||||
<v-toolbar dark>
|
||||
<v-spacer />
|
||||
<v-toolbar-title>크리에이터별 라이브 정산</v-toolbar-title>
|
||||
<v-toolbar-title>{{ $t('comp.sideMenu.calc.live') }}</v-toolbar-title>
|
||||
<v-spacer />
|
||||
</v-toolbar>
|
||||
|
||||
@@ -29,7 +29,7 @@
|
||||
<template v-slot:activator="{ on, attrs }">
|
||||
<v-text-field
|
||||
v-bind="attrs"
|
||||
label="시작일"
|
||||
:label="$t('view.agent.calculate.common.startDate')"
|
||||
readonly
|
||||
dense
|
||||
:value="start_date"
|
||||
@@ -58,7 +58,7 @@
|
||||
<template v-slot:activator="{ on, attrs }">
|
||||
<v-text-field
|
||||
v-bind="attrs"
|
||||
label="종료일"
|
||||
:label="$t('view.agent.calculate.common.endDate')"
|
||||
readonly
|
||||
dense
|
||||
:value="end_date"
|
||||
@@ -82,7 +82,7 @@
|
||||
:loading="is_loading"
|
||||
@click="fetchItems"
|
||||
>
|
||||
조회
|
||||
{{ $t('view.agent.calculate.common.search') }}
|
||||
</v-btn>
|
||||
</v-col>
|
||||
</v-row>
|
||||
@@ -99,38 +99,38 @@
|
||||
>
|
||||
<template slot="body.prepend">
|
||||
<tr>
|
||||
<td>합계</td>
|
||||
<td>{{ (total.count || 0).toLocaleString() }}</td>
|
||||
<td>{{ (total.totalCan || 0).toLocaleString() }} 캔</td>
|
||||
<td>{{ (total.krw || 0).toLocaleString() }} 원</td>
|
||||
<td>{{ (total.fee || 0).toLocaleString() }} 원</td>
|
||||
<td>{{ (total.settlementAmount || 0).toLocaleString() }} 원</td>
|
||||
<td>{{ (total.tax || 0).toLocaleString() }} 원</td>
|
||||
<td>{{ (total.depositAmount || 0).toLocaleString() }} 원</td>
|
||||
<td>{{ (total.agentSettlementAmount || 0).toLocaleString() }} 원</td>
|
||||
<td>{{ $t('view.agent.calculate.common.total') }}</td>
|
||||
<td>{{ $n(total.count || 0, 'decimal') }}</td>
|
||||
<td>{{ $n(total.totalCan || 0, 'decimal') }} {{ $t('common.unit.can') }}</td>
|
||||
<td>{{ $n(total.krw || 0, 'currency') }}</td>
|
||||
<td>{{ $n(total.fee || 0, 'currency') }}</td>
|
||||
<td>{{ $n(total.settlementAmount || 0, 'currency') }}</td>
|
||||
<td>{{ $n(total.tax || 0, 'currency') }}</td>
|
||||
<td>{{ $n(total.depositAmount || 0, 'currency') }}</td>
|
||||
<td>{{ $n(total.agentSettlementAmount || 0, 'currency') }}</td>
|
||||
</tr>
|
||||
</template>
|
||||
|
||||
<template v-slot:item.totalCan="{ item }">
|
||||
{{ (item.totalCan || 0).toLocaleString() }} 캔
|
||||
{{ $n(item.totalCan || 0, 'decimal') }} {{ $t('common.unit.can') }}
|
||||
</template>
|
||||
<template v-slot:item.krw="{ item }">
|
||||
{{ (item.krw || 0).toLocaleString() }} 원
|
||||
{{ $n(item.krw || 0, 'currency') }}
|
||||
</template>
|
||||
<template v-slot:item.fee="{ item }">
|
||||
{{ (item.fee || 0).toLocaleString() }} 원
|
||||
{{ $n(item.fee || 0, 'currency') }}
|
||||
</template>
|
||||
<template v-slot:item.settlementAmount="{ item }">
|
||||
{{ (item.settlementAmount || 0).toLocaleString() }} 원
|
||||
{{ $n(item.settlementAmount || 0, 'currency') }}
|
||||
</template>
|
||||
<template v-slot:item.tax="{ item }">
|
||||
{{ (item.tax || 0).toLocaleString() }} 원
|
||||
{{ $n(item.tax || 0, 'currency') }}
|
||||
</template>
|
||||
<template v-slot:item.depositAmount="{ item }">
|
||||
{{ (item.depositAmount || 0).toLocaleString() }} 원
|
||||
{{ $n(item.depositAmount || 0, 'currency') }}
|
||||
</template>
|
||||
<template v-slot:item.agentSettlementAmount="{ item }">
|
||||
{{ (item.agentSettlementAmount || 0).toLocaleString() }} 원
|
||||
{{ $n(item.agentSettlementAmount || 0, 'currency') }}
|
||||
</template>
|
||||
</v-data-table>
|
||||
</v-col>
|
||||
@@ -177,16 +177,21 @@ export default {
|
||||
depositAmount: 0,
|
||||
agentSettlementAmount: 0
|
||||
},
|
||||
headers: [
|
||||
{ text: '닉네임', value: 'creatorNickname', align: 'center', sortable: false },
|
||||
{ text: '건수', value: 'count', align: 'center', sortable: false },
|
||||
{ text: '총 CAN', value: 'totalCan', align: 'center', sortable: false },
|
||||
{ text: '원화', value: 'krw', align: 'center', sortable: false },
|
||||
{ text: '수수료', value: 'fee', align: 'center', sortable: false },
|
||||
{ text: '정산금액', value: 'settlementAmount', align: 'center', sortable: false },
|
||||
{ text: '세금', value: 'tax', align: 'center', sortable: false },
|
||||
{ text: '입금액', value: 'depositAmount', align: 'center', sortable: false },
|
||||
{ text: '에이전트 정산금액', value: 'agentSettlementAmount', align: 'center', sortable: false },
|
||||
// headers는 locale 변경 시 computed에서 생성
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
headers() {
|
||||
return [
|
||||
{ text: this.$t('view.agent.calculate.columns.nickname'), value: 'creatorNickname', align: 'center', sortable: false },
|
||||
{ text: this.$t('view.agent.calculate.columns.count'), value: 'count', align: 'center', sortable: false },
|
||||
{ text: this.$t('view.agent.calculate.columns.totalCan'), value: 'totalCan', align: 'center', sortable: false },
|
||||
{ text: this.$t('view.agent.calculate.columns.krw'), value: 'krw', align: 'center', sortable: false },
|
||||
{ text: this.$t('view.agent.calculate.columns.fee'), value: 'fee', align: 'center', sortable: false },
|
||||
{ text: this.$t('view.agent.calculate.columns.settlementAmount'), value: 'settlementAmount', align: 'center', sortable: false },
|
||||
{ text: this.$t('view.agent.calculate.columns.tax'), value: 'tax', align: 'center', sortable: false },
|
||||
{ text: this.$t('view.agent.calculate.columns.depositAmount'), value: 'depositAmount', align: 'center', sortable: false },
|
||||
{ text: this.$t('view.agent.calculate.columns.agentSettlementAmount'), value: 'agentSettlementAmount', align: 'center', sortable: false }
|
||||
]
|
||||
}
|
||||
},
|
||||
@@ -227,10 +232,10 @@ export default {
|
||||
const totalPage = Math.ceil((data.totalCount || 0) / this.page_size)
|
||||
this.total_page = totalPage > 0 ? totalPage : 1
|
||||
} else {
|
||||
this.notifyError(res.data?.message || '알 수 없는 오류가 발생했습니다. 다시 시도해 주세요.')
|
||||
this.notifyError(res.data?.message || this.$t('common.error.unknown'))
|
||||
}
|
||||
} catch (e) {
|
||||
this.notifyError('알 수 없는 오류가 발생했습니다. 다시 시도해 주세요.')
|
||||
this.notifyError(this.$t('common.error.unknown'))
|
||||
} finally {
|
||||
this.is_loading = false
|
||||
}
|
||||
|
||||
@@ -2,7 +2,7 @@
|
||||
<div>
|
||||
<v-toolbar dark>
|
||||
<v-spacer />
|
||||
<v-toolbar-title>소속 크리에이터 - {{ totalCount }}명</v-toolbar-title>
|
||||
<v-toolbar-title>{{ $t('view.agent.creators.titleWithCount', { count: $n(totalCount, 'decimal') }) }}</v-toolbar-title>
|
||||
<v-spacer />
|
||||
</v-toolbar>
|
||||
|
||||
@@ -68,11 +68,7 @@ export default {
|
||||
name: 'AgentCreators',
|
||||
data() {
|
||||
return {
|
||||
headers: [
|
||||
{ text: '순번', value: 'no', align: 'center', sortable: false },
|
||||
{ text: '프로필', value: 'profileImageUrl', align: 'center', sortable: false },
|
||||
{ text: '닉네임', value: 'creatorNickname', align: 'center' }
|
||||
],
|
||||
// headers는 locale 변경 시 동적으로 계산(computed headers)으로 대체
|
||||
items: [],
|
||||
totalCount: 0,
|
||||
page: 1,
|
||||
@@ -81,6 +77,15 @@ export default {
|
||||
is_loading: false
|
||||
};
|
||||
},
|
||||
computed: {
|
||||
headers() {
|
||||
return [
|
||||
{ text: this.$t('view.agent.creators.headers.no'), value: 'no', align: 'center', sortable: false },
|
||||
{ text: this.$t('view.agent.creators.headers.profile'), value: 'profileImageUrl', align: 'center', sortable: false },
|
||||
{ text: this.$t('view.agent.creators.headers.nickname'), value: 'creatorNickname', align: 'center' }
|
||||
]
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
itemsPerPage() {
|
||||
// 페이지 크기 변경 시 첫 페이지부터 다시 조회
|
||||
@@ -122,7 +127,7 @@ export default {
|
||||
}
|
||||
|
||||
if (!payload) {
|
||||
this.notifyError(res?.data?.message || '목록을 불러오지 못했습니다. 다시 시도해 주세요.');
|
||||
this.notifyError(res?.data?.message || this.$t('common.error.fetchFailed'));
|
||||
this.items = [];
|
||||
this.totalCount = 0;
|
||||
this.total_page = 1;
|
||||
@@ -144,7 +149,7 @@ export default {
|
||||
// 최소한의 에러 로깅
|
||||
// eslint-disable-next-line no-console
|
||||
console.error('[AgentCreators] 목록 조회 실패', e);
|
||||
this.notifyError('알 수 없는 오류가 발생했습니다. 다시 시도해 주세요.');
|
||||
this.notifyError(this.$t('common.error.unknown'));
|
||||
} finally {
|
||||
this.is_loading = false;
|
||||
}
|
||||
|
||||
@@ -2,7 +2,7 @@
|
||||
<div>
|
||||
<v-toolbar dark>
|
||||
<v-spacer />
|
||||
<v-toolbar-title>콘텐츠별 누적 현황</v-toolbar-title>
|
||||
<v-toolbar-title>{{ $t('view.calculate.accumulation.title') }}</v-toolbar-title>
|
||||
<v-spacer />
|
||||
</v-toolbar>
|
||||
|
||||
@@ -20,31 +20,31 @@
|
||||
hide-default-footer
|
||||
>
|
||||
<template v-slot:item.orderPrice="{ item }">
|
||||
{{ item.orderPrice.toLocaleString() }} 캔
|
||||
{{ item.orderPrice.toLocaleString() }} {{ $t('common.unit.can') }}
|
||||
</template>
|
||||
|
||||
<template v-slot:item.totalCan="{ item }">
|
||||
{{ item.totalCan.toLocaleString() }} 캔
|
||||
{{ item.totalCan.toLocaleString() }} {{ $t('common.unit.can') }}
|
||||
</template>
|
||||
|
||||
<template v-slot:item.totalKrw="{ item }">
|
||||
{{ item.totalKrw.toLocaleString() }} 원
|
||||
{{ item.totalKrw.toLocaleString() }} {{ $t('common.unit.krw') }}
|
||||
</template>
|
||||
|
||||
<template v-slot:item.paymentFee="{ item }">
|
||||
{{ item.paymentFee.toLocaleString() }} 원
|
||||
{{ item.paymentFee.toLocaleString() }} {{ $t('common.unit.krw') }}
|
||||
</template>
|
||||
|
||||
<template v-slot:item.settlementAmount="{ item }">
|
||||
{{ item.settlementAmount.toLocaleString() }} 원
|
||||
{{ item.settlementAmount.toLocaleString() }} {{ $t('common.unit.krw') }}
|
||||
</template>
|
||||
|
||||
<template v-slot:item.tax="{ item }">
|
||||
{{ item.tax.toLocaleString() }} 원
|
||||
{{ item.tax.toLocaleString() }} {{ $t('common.unit.krw') }}
|
||||
</template>
|
||||
|
||||
<template v-slot:item.depositAmount="{ item }">
|
||||
{{ item.depositAmount.toLocaleString() }} 원
|
||||
{{ item.depositAmount.toLocaleString() }} {{ $t('common.unit.krw') }}
|
||||
</template>
|
||||
</v-data-table>
|
||||
</v-col>
|
||||
@@ -76,81 +76,25 @@ export default {
|
||||
page_size: 20,
|
||||
total_page: 0,
|
||||
items: [],
|
||||
headers: [
|
||||
{
|
||||
text: '크리에이터',
|
||||
align: 'center',
|
||||
sortable: false,
|
||||
value: 'nickname',
|
||||
},
|
||||
{
|
||||
text: '등록일',
|
||||
align: 'center',
|
||||
sortable: false,
|
||||
value: 'registrationDate',
|
||||
},
|
||||
{
|
||||
text: '제목',
|
||||
sortable: false,
|
||||
value: 'title',
|
||||
align: 'center',
|
||||
width: "300px"
|
||||
},
|
||||
{
|
||||
text: '구분',
|
||||
align: 'center',
|
||||
sortable: false,
|
||||
value: 'orderType',
|
||||
},
|
||||
{
|
||||
text: '판매금액(캔)',
|
||||
align: 'center',
|
||||
sortable: false,
|
||||
value: 'orderPrice',
|
||||
},
|
||||
{
|
||||
text: '누적 판매수',
|
||||
align: 'center',
|
||||
sortable: false,
|
||||
value: 'numberOfPeople',
|
||||
},
|
||||
{
|
||||
text: '합계(캔)',
|
||||
align: 'center',
|
||||
sortable: false,
|
||||
value: 'totalCan',
|
||||
},
|
||||
{
|
||||
text: '원화',
|
||||
align: 'center',
|
||||
sortable: false,
|
||||
value: 'totalKrw',
|
||||
},
|
||||
{
|
||||
text: '수수료\n(6.6%)',
|
||||
align: 'center',
|
||||
sortable: false,
|
||||
value: 'paymentFee',
|
||||
},
|
||||
{
|
||||
text: '정산금액',
|
||||
align: 'center',
|
||||
sortable: false,
|
||||
value: 'settlementAmount',
|
||||
},
|
||||
{
|
||||
text: '원천세\n(3.3%)',
|
||||
align: 'center',
|
||||
sortable: false,
|
||||
value: 'tax',
|
||||
},
|
||||
{
|
||||
text: '입금액',
|
||||
align: 'center',
|
||||
sortable: false,
|
||||
value: 'depositAmount',
|
||||
},
|
||||
],
|
||||
}
|
||||
},
|
||||
|
||||
computed: {
|
||||
headers() {
|
||||
return [
|
||||
{ text: this.$t('view.calculate.common.headers.creator'), align: 'center', sortable: false, value: 'nickname' },
|
||||
{ text: this.$t('view.calculate.content.headers.registrationDate'), align: 'center', sortable: false, value: 'registrationDate' },
|
||||
{ text: this.$t('view.calculate.common.headers.title'), align: 'center', sortable: false, value: 'title', width: '300px' },
|
||||
{ text: this.$t('view.calculate.common.headers.type'), align: 'center', sortable: false, value: 'orderType' },
|
||||
{ text: this.$t('view.calculate.accumulation.headers.orderPriceCan'), align: 'center', sortable: false, value: 'orderPrice' },
|
||||
{ text: this.$t('view.calculate.accumulation.headers.numberOfPeople'), align: 'center', sortable: false, value: 'numberOfPeople' },
|
||||
{ text: this.$t('view.calculate.common.headers.totalCan'), align: 'center', sortable: false, value: 'totalCan' },
|
||||
{ text: this.$t('view.calculate.common.headers.krw'), align: 'center', sortable: false, value: 'totalKrw' },
|
||||
{ text: this.$t('view.calculate.common.headers.feeWithPercent', { percent: '6.6%' }), align: 'center', sortable: false, value: 'paymentFee' },
|
||||
{ text: this.$t('view.calculate.common.headers.settlementAmount'), align: 'center', sortable: false, value: 'settlementAmount' },
|
||||
{ text: this.$t('view.calculate.common.headers.withholdingTaxWithPercent', { percent: '3.3%' }), align: 'center', sortable: false, value: 'tax' },
|
||||
{ text: this.$t('view.calculate.common.headers.depositAmount'), align: 'center', sortable: false, value: 'depositAmount' },
|
||||
]
|
||||
}
|
||||
},
|
||||
|
||||
@@ -191,12 +135,12 @@ export default {
|
||||
else
|
||||
this.total_page = totalPage
|
||||
} else {
|
||||
this.notifyError(res.data.message || '알 수 없는 오류가 발생했습니다. 다시 시도해 주세요.')
|
||||
this.notifyError(res.data.message || this.$t('common.error.fetchFailed'))
|
||||
}
|
||||
|
||||
this.is_loading = false
|
||||
} catch (e) {
|
||||
this.notifyError('알 수 없는 오류가 발생했습니다. 다시 시도해 주세요.')
|
||||
this.notifyError(this.$t('common.error.fetchFailed'))
|
||||
this.is_loading = false
|
||||
}
|
||||
}
|
||||
|
||||
@@ -2,7 +2,7 @@
|
||||
<div>
|
||||
<v-toolbar dark>
|
||||
<v-spacer />
|
||||
<v-toolbar-title>채널 후원 정산</v-toolbar-title>
|
||||
<v-toolbar-title>{{ $t('view.calculate.channelDonation.title') }}</v-toolbar-title>
|
||||
<v-spacer />
|
||||
</v-toolbar>
|
||||
|
||||
@@ -19,7 +19,7 @@
|
||||
</v-col>
|
||||
|
||||
<v-col cols="1">
|
||||
~
|
||||
{{ $t('view.calculate.common.rangeSeparator') }}
|
||||
</v-col>
|
||||
|
||||
<v-col cols="2">
|
||||
@@ -40,7 +40,7 @@
|
||||
depressed
|
||||
@click="getCalculateChannelDonation"
|
||||
>
|
||||
조회
|
||||
{{ $t('view.calculate.common.search') }}
|
||||
</v-btn>
|
||||
</v-col>
|
||||
|
||||
@@ -60,58 +60,58 @@
|
||||
<template slot="body.prepend">
|
||||
<tr v-if="total">
|
||||
<td colspan="2">
|
||||
합계
|
||||
{{ $t('view.calculate.common.total') }}
|
||||
</td>
|
||||
<td class="text-center">
|
||||
{{ total.count.toLocaleString() }} 건
|
||||
{{ total.count.toLocaleString() }} {{ $t('common.unit.case') }}
|
||||
</td>
|
||||
<td class="text-center">
|
||||
{{ total.totalCan.toLocaleString() }} 캔
|
||||
{{ total.totalCan.toLocaleString() }} {{ $t('common.unit.can') }}
|
||||
</td>
|
||||
<td class="text-center">
|
||||
{{ total.krw.toLocaleString() }} 원
|
||||
{{ total.krw.toLocaleString() }} {{ $t('common.unit.krw') }}
|
||||
</td>
|
||||
<td class="text-center">
|
||||
{{ total.fee.toLocaleString() }} 원
|
||||
{{ total.fee.toLocaleString() }} {{ $t('common.unit.krw') }}
|
||||
</td>
|
||||
<td class="text-center">
|
||||
{{ total.settlementAmount.toLocaleString() }} 원
|
||||
{{ total.settlementAmount.toLocaleString() }} {{ $t('common.unit.krw') }}
|
||||
</td>
|
||||
<td class="text-center">
|
||||
{{ total.withholdingTax.toLocaleString() }} 원
|
||||
{{ total.withholdingTax.toLocaleString() }} {{ $t('common.unit.krw') }}
|
||||
</td>
|
||||
<td class="text-center">
|
||||
{{ total.depositAmount.toLocaleString() }} 원
|
||||
{{ total.depositAmount.toLocaleString() }} {{ $t('common.unit.krw') }}
|
||||
</td>
|
||||
</tr>
|
||||
</template>
|
||||
|
||||
<template v-slot:item.count="{ item }">
|
||||
{{ item.count.toLocaleString() }} 건
|
||||
{{ item.count.toLocaleString() }} {{ $t('common.unit.case') }}
|
||||
</template>
|
||||
|
||||
<template v-slot:item.totalCan="{ item }">
|
||||
{{ item.totalCan.toLocaleString() }} 캔
|
||||
{{ item.totalCan.toLocaleString() }} {{ $t('common.unit.can') }}
|
||||
</template>
|
||||
|
||||
<template v-slot:item.krw="{ item }">
|
||||
{{ item.krw.toLocaleString() }} 원
|
||||
{{ item.krw.toLocaleString() }} {{ $t('common.unit.krw') }}
|
||||
</template>
|
||||
|
||||
<template v-slot:item.fee="{ item }">
|
||||
{{ item.fee.toLocaleString() }} 원
|
||||
{{ item.fee.toLocaleString() }} {{ $t('common.unit.krw') }}
|
||||
</template>
|
||||
|
||||
<template v-slot:item.settlementAmount="{ item }">
|
||||
{{ item.settlementAmount.toLocaleString() }} 원
|
||||
{{ item.settlementAmount.toLocaleString() }} {{ $t('common.unit.krw') }}
|
||||
</template>
|
||||
|
||||
<template v-slot:item.withholdingTax="{ item }">
|
||||
{{ item.withholdingTax.toLocaleString() }} 원
|
||||
{{ item.withholdingTax.toLocaleString() }} {{ $t('common.unit.krw') }}
|
||||
</template>
|
||||
|
||||
<template v-slot:item.depositAmount="{ item }">
|
||||
{{ item.depositAmount.toLocaleString() }} 원
|
||||
{{ item.depositAmount.toLocaleString() }} {{ $t('common.unit.krw') }}
|
||||
</template>
|
||||
</v-data-table>
|
||||
</v-col>
|
||||
@@ -149,62 +149,22 @@ export default {
|
||||
total_page: 0,
|
||||
items: [],
|
||||
total: null,
|
||||
headers: [
|
||||
{
|
||||
text: '날짜',
|
||||
align: 'center',
|
||||
sortable: false,
|
||||
value: 'date',
|
||||
},
|
||||
{
|
||||
text: '크리에이터',
|
||||
align: 'center',
|
||||
sortable: false,
|
||||
value: 'creator',
|
||||
},
|
||||
{
|
||||
text: '건수',
|
||||
align: 'center',
|
||||
sortable: false,
|
||||
value: 'count',
|
||||
},
|
||||
{
|
||||
text: '캔',
|
||||
align: 'center',
|
||||
sortable: false,
|
||||
value: 'totalCan',
|
||||
},
|
||||
{
|
||||
text: '원화',
|
||||
align: 'center',
|
||||
sortable: false,
|
||||
value: 'krw',
|
||||
},
|
||||
{
|
||||
text: '수수료\n(6.6%)',
|
||||
align: 'center',
|
||||
sortable: false,
|
||||
value: 'fee',
|
||||
},
|
||||
{
|
||||
text: '정산금액',
|
||||
align: 'center',
|
||||
sortable: false,
|
||||
value: 'settlementAmount',
|
||||
},
|
||||
{
|
||||
text: '원천세\n(3.3%)',
|
||||
align: 'center',
|
||||
sortable: false,
|
||||
value: 'withholdingTax',
|
||||
},
|
||||
{
|
||||
text: '입금액',
|
||||
align: 'center',
|
||||
sortable: false,
|
||||
value: 'depositAmount',
|
||||
},
|
||||
],
|
||||
}
|
||||
},
|
||||
|
||||
computed: {
|
||||
headers() {
|
||||
return [
|
||||
{ text: this.$t('view.calculate.common.headers.date'), align: 'center', sortable: false, value: 'date' },
|
||||
{ text: this.$t('view.calculate.common.headers.creator'), align: 'center', sortable: false, value: 'creator' },
|
||||
{ text: this.$t('view.calculate.common.headers.count'), align: 'center', sortable: false, value: 'count' },
|
||||
{ text: this.$t('view.calculate.common.headers.totalCan'), align: 'center', sortable: false, value: 'totalCan' },
|
||||
{ text: this.$t('view.calculate.common.headers.krw'), align: 'center', sortable: false, value: 'krw' },
|
||||
{ text: this.$t('view.calculate.common.headers.feeWithPercent', { percent: '6.6%' }), align: 'center', sortable: false, value: 'fee' },
|
||||
{ text: this.$t('view.calculate.common.headers.settlementAmount'), align: 'center', sortable: false, value: 'settlementAmount' },
|
||||
{ text: this.$t('view.calculate.common.headers.withholdingTaxWithPercent', { percent: '3.3%' }), align: 'center', sortable: false, value: 'withholdingTax' },
|
||||
{ text: this.$t('view.calculate.common.headers.depositAmount'), align: 'center', sortable: false, value: 'depositAmount' },
|
||||
]
|
||||
}
|
||||
},
|
||||
|
||||
@@ -262,10 +222,10 @@ export default {
|
||||
this.total = res.data.data.total
|
||||
this.total_page = Math.ceil(res.data.data.totalCount / this.page_size)
|
||||
} else {
|
||||
this.notifyError(res.data.message || '알 수 없는 오류가 발생했습니다. 다시 시도해 주세요.')
|
||||
this.notifyError(res.data.message || this.$t('common.error.fetchFailed'))
|
||||
}
|
||||
} catch (e) {
|
||||
this.notifyError('알 수 없는 오류가 발생했습니다. 다시 시도해 주세요.')
|
||||
this.notifyError(this.$t('common.error.fetchFailed'))
|
||||
} finally {
|
||||
this.is_loading = false
|
||||
}
|
||||
|
||||
@@ -2,7 +2,7 @@
|
||||
<div>
|
||||
<v-toolbar dark>
|
||||
<v-spacer />
|
||||
<v-toolbar-title>커뮤니티 정산</v-toolbar-title>
|
||||
<v-toolbar-title>{{ $t('view.calculate.community.title') }}</v-toolbar-title>
|
||||
<v-spacer />
|
||||
</v-toolbar>
|
||||
|
||||
@@ -19,7 +19,7 @@
|
||||
</v-col>
|
||||
|
||||
<v-col cols="1">
|
||||
~
|
||||
{{ $t('view.calculate.common.rangeSeparator') }}
|
||||
</v-col>
|
||||
|
||||
<v-col cols="2">
|
||||
@@ -35,12 +35,12 @@
|
||||
<v-col cols="2">
|
||||
<v-btn
|
||||
block
|
||||
color="#9970ff"
|
||||
color="#3bb9f1"
|
||||
dark
|
||||
depressed
|
||||
@click="getCalculateCommunityPost"
|
||||
>
|
||||
조회
|
||||
{{ $t('view.calculate.common.search') }}
|
||||
</v-btn>
|
||||
</v-col>
|
||||
<v-spacer />
|
||||
@@ -58,14 +58,14 @@
|
||||
<template slot="body.prepend">
|
||||
<tr>
|
||||
<td colspan="4">
|
||||
합계
|
||||
{{ $t('view.calculate.common.total') }}
|
||||
</td>
|
||||
<td>{{ sumField('totalCan').toLocaleString() }} 캔</td>
|
||||
<td>{{ sumField('totalKrw').toLocaleString() }} 원</td>
|
||||
<td>{{ sumField('paymentFee').toLocaleString() }} 원</td>
|
||||
<td>{{ sumField('settlementAmount').toLocaleString() }} 원</td>
|
||||
<td>{{ sumField('tax').toLocaleString() }} 원</td>
|
||||
<td>{{ sumField('depositAmount').toLocaleString() }} 원</td>
|
||||
<td>{{ sumField('totalCan').toLocaleString() }} {{ $t('common.unit.can') }}</td>
|
||||
<td>{{ sumField('totalKrw').toLocaleString() }} {{ $t('common.unit.krw') }}</td>
|
||||
<td>{{ sumField('paymentFee').toLocaleString() }} {{ $t('common.unit.krw') }}</td>
|
||||
<td>{{ sumField('settlementAmount').toLocaleString() }} {{ $t('common.unit.krw') }}</td>
|
||||
<td>{{ sumField('tax').toLocaleString() }} {{ $t('common.unit.krw') }}</td>
|
||||
<td>{{ sumField('depositAmount').toLocaleString() }} {{ $t('common.unit.krw') }}</td>
|
||||
</tr>
|
||||
</template>
|
||||
|
||||
@@ -74,27 +74,27 @@
|
||||
</template>
|
||||
|
||||
<template v-slot:item.totalCan="{ item }">
|
||||
{{ item.totalCan.toLocaleString() }} 캔
|
||||
{{ item.totalCan.toLocaleString() }} {{ $t('common.unit.can') }}
|
||||
</template>
|
||||
|
||||
<template v-slot:item.totalKrw="{ item }">
|
||||
{{ item.totalKrw.toLocaleString() }} 원
|
||||
{{ item.totalKrw.toLocaleString() }} {{ $t('common.unit.krw') }}
|
||||
</template>
|
||||
|
||||
<template v-slot:item.paymentFee="{ item }">
|
||||
{{ item.paymentFee.toLocaleString() }} 원
|
||||
{{ item.paymentFee.toLocaleString() }} {{ $t('common.unit.krw') }}
|
||||
</template>
|
||||
|
||||
<template v-slot:item.settlementAmount="{ item }">
|
||||
{{ item.settlementAmount.toLocaleString() }} 원
|
||||
{{ item.settlementAmount.toLocaleString() }} {{ $t('common.unit.krw') }}
|
||||
</template>
|
||||
|
||||
<template v-slot:item.tax="{ item }">
|
||||
{{ item.tax.toLocaleString() }} 원
|
||||
{{ item.tax.toLocaleString() }} {{ $t('common.unit.krw') }}
|
||||
</template>
|
||||
|
||||
<template v-slot:item.depositAmount="{ item }">
|
||||
{{ item.depositAmount.toLocaleString() }} 원
|
||||
{{ item.depositAmount.toLocaleString() }} {{ $t('common.unit.krw') }}
|
||||
</template>
|
||||
</v-data-table>
|
||||
</v-col>
|
||||
@@ -130,69 +130,23 @@ export default {
|
||||
page_size: 20,
|
||||
total_page: 0,
|
||||
items: [],
|
||||
headers: [
|
||||
{
|
||||
text: '날짜',
|
||||
align: 'center',
|
||||
sortable: false,
|
||||
value: 'date',
|
||||
},
|
||||
{
|
||||
text: '내용(앞 10글자)',
|
||||
sortable: false,
|
||||
value: 'title',
|
||||
align: 'center',
|
||||
width: "300px"
|
||||
},
|
||||
{
|
||||
text: '판매금액(캔)',
|
||||
align: 'center',
|
||||
sortable: false,
|
||||
value: 'can',
|
||||
},
|
||||
{
|
||||
text: '구매유저수',
|
||||
align: 'center',
|
||||
sortable: false,
|
||||
value: 'numberOfPurchase',
|
||||
},
|
||||
{
|
||||
text: '합계(캔)',
|
||||
align: 'center',
|
||||
sortable: false,
|
||||
value: 'totalCan',
|
||||
},
|
||||
{
|
||||
text: '원화',
|
||||
align: 'center',
|
||||
sortable: false,
|
||||
value: 'totalKrw',
|
||||
},
|
||||
{
|
||||
text: '수수료\n(6.6%)',
|
||||
align: 'center',
|
||||
sortable: false,
|
||||
value: 'paymentFee',
|
||||
},
|
||||
{
|
||||
text: '정산금액',
|
||||
align: 'center',
|
||||
sortable: false,
|
||||
value: 'settlementAmount',
|
||||
},
|
||||
{
|
||||
text: '원천세\n(3.3%)',
|
||||
align: 'center',
|
||||
sortable: false,
|
||||
value: 'tax',
|
||||
},
|
||||
{
|
||||
text: '입금액',
|
||||
align: 'center',
|
||||
sortable: false,
|
||||
value: 'depositAmount',
|
||||
}
|
||||
],
|
||||
}
|
||||
},
|
||||
|
||||
computed: {
|
||||
headers() {
|
||||
return [
|
||||
{ text: this.$t('view.calculate.common.headers.date'), align: 'center', sortable: false, value: 'date' },
|
||||
{ text: this.$t('view.calculate.community.headers.contentPreview'), align: 'center', sortable: false, value: 'title', width: '300px' },
|
||||
{ text: this.$t('view.calculate.community.headers.orderPriceCan'), align: 'center', sortable: false, value: 'can' },
|
||||
{ text: this.$t('view.calculate.community.headers.numberOfPurchase'), align: 'center', sortable: false, value: 'numberOfPurchase' },
|
||||
{ text: this.$t('view.calculate.common.headers.totalCan'), align: 'center', sortable: false, value: 'totalCan' },
|
||||
{ text: this.$t('view.calculate.common.headers.krw'), align: 'center', sortable: false, value: 'totalKrw' },
|
||||
{ text: this.$t('view.calculate.common.headers.feeWithPercent', { percent: '6.6%' }), align: 'center', sortable: false, value: 'paymentFee' },
|
||||
{ text: this.$t('view.calculate.common.headers.settlementAmount'), align: 'center', sortable: false, value: 'settlementAmount' },
|
||||
{ text: this.$t('view.calculate.common.headers.withholdingTaxWithPercent', { percent: '3.3%' }), align: 'center', sortable: false, value: 'tax' },
|
||||
{ text: this.$t('view.calculate.common.headers.depositAmount'), align: 'center', sortable: false, value: 'depositAmount' },
|
||||
]
|
||||
}
|
||||
},
|
||||
|
||||
@@ -247,12 +201,12 @@ export default {
|
||||
else
|
||||
this.total_page = totalPage
|
||||
} else {
|
||||
this.notifyError(res.data.message || '알 수 없는 오류가 발생했습니다. 다시 시도해 주세요.')
|
||||
this.notifyError(res.data.message || this.$t('common.error.fetchFailed'))
|
||||
}
|
||||
|
||||
this.is_loading = false
|
||||
} catch (e) {
|
||||
this.notifyError('알 수 없는 오류가 발생했습니다. 다시 시도해 주세요.')
|
||||
this.notifyError(this.$t('common.error.fetchFailed'))
|
||||
this.is_loading = false
|
||||
}
|
||||
}
|
||||
|
||||
@@ -2,7 +2,7 @@
|
||||
<div>
|
||||
<v-toolbar dark>
|
||||
<v-spacer />
|
||||
<v-toolbar-title>콘텐츠 정산</v-toolbar-title>
|
||||
<v-toolbar-title>{{ $t('view.calculate.content.title') }}</v-toolbar-title>
|
||||
<v-spacer />
|
||||
</v-toolbar>
|
||||
|
||||
@@ -19,7 +19,7 @@
|
||||
</v-col>
|
||||
|
||||
<v-col cols="1">
|
||||
~
|
||||
{{ $t('view.calculate.common.rangeSeparator') }}
|
||||
</v-col>
|
||||
|
||||
<v-col cols="2">
|
||||
@@ -35,12 +35,12 @@
|
||||
<v-col cols="2">
|
||||
<v-btn
|
||||
block
|
||||
color="#9970ff"
|
||||
color="#3bb9f1"
|
||||
dark
|
||||
depressed
|
||||
@click="getCalculateContent"
|
||||
>
|
||||
조회
|
||||
{{ $t('view.calculate.common.search') }}
|
||||
</v-btn>
|
||||
</v-col>
|
||||
|
||||
@@ -60,21 +60,21 @@
|
||||
<template slot="body.prepend">
|
||||
<tr>
|
||||
<td colspan="5">
|
||||
합계
|
||||
{{ $t('view.calculate.common.total') }}
|
||||
</td>
|
||||
<td>{{ sumField('numberOfPeople').toLocaleString() }}</td>
|
||||
<td>{{ sumField('totalCan').toLocaleString() }} 캔</td>
|
||||
<td>{{ sumField('totalKrw').toLocaleString() }} 원</td>
|
||||
<td>{{ sumField('paymentFee').toLocaleString() }} 원</td>
|
||||
<td>{{ sumField('settlementAmount').toLocaleString() }} 원</td>
|
||||
<td>{{ sumField('tax').toLocaleString() }} 원</td>
|
||||
<td>{{ sumField('depositAmount').toLocaleString() }} 원</td>
|
||||
<td>{{ sumField('numberOfPeople').toLocaleString() }} {{ $t('common.unit.person') }}</td>
|
||||
<td>{{ sumField('totalCan').toLocaleString() }} {{ $t('common.unit.can') }}</td>
|
||||
<td>{{ sumField('totalKrw').toLocaleString() }} {{ $t('common.unit.krw') }}</td>
|
||||
<td>{{ sumField('paymentFee').toLocaleString() }} {{ $t('common.unit.krw') }}</td>
|
||||
<td>{{ sumField('settlementAmount').toLocaleString() }} {{ $t('common.unit.krw') }}</td>
|
||||
<td>{{ sumField('tax').toLocaleString() }} {{ $t('common.unit.krw') }}</td>
|
||||
<td>{{ sumField('depositAmount').toLocaleString() }} {{ $t('common.unit.krw') }}</td>
|
||||
<td />
|
||||
</tr>
|
||||
</template>
|
||||
|
||||
<template v-slot:item.orderPrice="{ item }">
|
||||
{{ item.orderPrice.toLocaleString() }} 캔
|
||||
{{ item.orderPrice.toLocaleString() }} {{ $t('common.unit.can') }}
|
||||
</template>
|
||||
|
||||
<template v-slot:item.orderType="{ item }">
|
||||
@@ -82,27 +82,27 @@
|
||||
</template>
|
||||
|
||||
<template v-slot:item.totalCan="{ item }">
|
||||
{{ item.totalCan.toLocaleString() }} 캔
|
||||
{{ item.totalCan.toLocaleString() }} {{ $t('common.unit.can') }}
|
||||
</template>
|
||||
|
||||
<template v-slot:item.totalKrw="{ item }">
|
||||
{{ item.totalKrw.toLocaleString() }} 원
|
||||
{{ item.totalKrw.toLocaleString() }} {{ $t('common.unit.krw') }}
|
||||
</template>
|
||||
|
||||
<template v-slot:item.paymentFee="{ item }">
|
||||
{{ item.paymentFee.toLocaleString() }} 원
|
||||
{{ item.paymentFee.toLocaleString() }} {{ $t('common.unit.krw') }}
|
||||
</template>
|
||||
|
||||
<template v-slot:item.settlementAmount="{ item }">
|
||||
{{ item.settlementAmount.toLocaleString() }} 원
|
||||
{{ item.settlementAmount.toLocaleString() }} {{ $t('common.unit.krw') }}
|
||||
</template>
|
||||
|
||||
<template v-slot:item.tax="{ item }">
|
||||
{{ item.tax.toLocaleString() }} 원
|
||||
{{ item.tax.toLocaleString() }} {{ $t('common.unit.krw') }}
|
||||
</template>
|
||||
|
||||
<template v-slot:item.depositAmount="{ item }">
|
||||
{{ item.depositAmount.toLocaleString() }} 원
|
||||
{{ item.depositAmount.toLocaleString() }} {{ $t('common.unit.krw') }}
|
||||
</template>
|
||||
</v-data-table>
|
||||
</v-col>
|
||||
@@ -138,87 +138,26 @@ export default {
|
||||
page_size: 20,
|
||||
total_page: 0,
|
||||
items: [],
|
||||
headers: [
|
||||
{
|
||||
text: '판매일',
|
||||
align: 'center',
|
||||
sortable: false,
|
||||
value: 'saleDate',
|
||||
},
|
||||
{
|
||||
text: '크리에이터',
|
||||
align: 'center',
|
||||
sortable: false,
|
||||
value: 'nickname',
|
||||
},
|
||||
{
|
||||
text: '제목',
|
||||
sortable: false,
|
||||
value: 'title',
|
||||
align: 'center',
|
||||
width: "300px"
|
||||
},
|
||||
{
|
||||
text: '구분',
|
||||
align: 'center',
|
||||
sortable: false,
|
||||
value: 'orderType',
|
||||
},
|
||||
{
|
||||
text: '판매금액(캔)',
|
||||
align: 'center',
|
||||
sortable: false,
|
||||
value: 'orderPrice',
|
||||
},
|
||||
{
|
||||
text: '판매수',
|
||||
align: 'center',
|
||||
sortable: false,
|
||||
value: 'numberOfPeople',
|
||||
},
|
||||
{
|
||||
text: '합계(캔)',
|
||||
align: 'center',
|
||||
sortable: false,
|
||||
value: 'totalCan',
|
||||
},
|
||||
{
|
||||
text: '원화',
|
||||
align: 'center',
|
||||
sortable: false,
|
||||
value: 'totalKrw',
|
||||
},
|
||||
{
|
||||
text: '수수료\n(6.6%)',
|
||||
align: 'center',
|
||||
sortable: false,
|
||||
value: 'paymentFee',
|
||||
},
|
||||
{
|
||||
text: '정산금액',
|
||||
align: 'center',
|
||||
sortable: false,
|
||||
value: 'settlementAmount',
|
||||
},
|
||||
{
|
||||
text: '원천세\n(3.3%)',
|
||||
align: 'center',
|
||||
sortable: false,
|
||||
value: 'tax',
|
||||
},
|
||||
{
|
||||
text: '입금액',
|
||||
align: 'center',
|
||||
sortable: false,
|
||||
value: 'depositAmount',
|
||||
},
|
||||
{
|
||||
text: '등록일',
|
||||
align: 'center',
|
||||
sortable: false,
|
||||
value: 'registrationDate',
|
||||
},
|
||||
],
|
||||
}
|
||||
},
|
||||
|
||||
computed: {
|
||||
headers() {
|
||||
return [
|
||||
{ text: this.$t('view.calculate.content.headers.saleDate'), align: 'center', sortable: false, value: 'saleDate' },
|
||||
{ text: this.$t('view.calculate.common.headers.creator'), align: 'center', sortable: false, value: 'nickname' },
|
||||
{ text: this.$t('view.calculate.common.headers.title'), sortable: false, value: 'title', align: 'center', width: '300px' },
|
||||
{ text: this.$t('view.calculate.common.headers.type'), align: 'center', sortable: false, value: 'orderType' },
|
||||
{ text: this.$t('view.calculate.content.headers.orderPriceCan'), align: 'center', sortable: false, value: 'orderPrice' },
|
||||
{ text: this.$t('view.calculate.content.headers.salesCount'), align: 'center', sortable: false, value: 'numberOfPeople' },
|
||||
{ text: this.$t('view.calculate.common.headers.totalCan'), align: 'center', sortable: false, value: 'totalCan' },
|
||||
{ text: this.$t('view.calculate.common.headers.krw'), align: 'center', sortable: false, value: 'totalKrw' },
|
||||
{ text: this.$t('view.calculate.common.headers.feeWithPercent', { percent: '6.6%' }), align: 'center', sortable: false, value: 'paymentFee' },
|
||||
{ text: this.$t('view.calculate.common.headers.settlementAmount'), align: 'center', sortable: false, value: 'settlementAmount' },
|
||||
{ text: this.$t('view.calculate.common.headers.withholdingTaxWithPercent', { percent: '3.3%' }), align: 'center', sortable: false, value: 'tax' },
|
||||
{ text: this.$t('view.calculate.common.headers.depositAmount'), align: 'center', sortable: false, value: 'depositAmount' },
|
||||
{ text: this.$t('view.calculate.content.headers.registrationDate'), align: 'center', sortable: false, value: 'registrationDate' }
|
||||
]
|
||||
}
|
||||
},
|
||||
|
||||
@@ -277,12 +216,12 @@ export default {
|
||||
else
|
||||
this.total_page = totalPage
|
||||
} else {
|
||||
this.notifyError(res.data.message || '알 수 없는 오류가 발생했습니다. 다시 시도해 주세요.')
|
||||
this.notifyError(res.data.message || this.$t('common.error.unknown'))
|
||||
}
|
||||
|
||||
this.is_loading = false
|
||||
} catch (e) {
|
||||
this.notifyError('알 수 없는 오류가 발생했습니다. 다시 시도해 주세요.')
|
||||
this.notifyError(this.$t('common.error.unknown'))
|
||||
this.is_loading = false
|
||||
}
|
||||
}
|
||||
|
||||
@@ -2,7 +2,7 @@
|
||||
<div>
|
||||
<v-toolbar dark>
|
||||
<v-spacer />
|
||||
<v-toolbar-title>콘텐츠 정산</v-toolbar-title>
|
||||
<v-toolbar-title>{{ $t('view.calculate.contentDonation.title') }}</v-toolbar-title>
|
||||
<v-spacer />
|
||||
</v-toolbar>
|
||||
|
||||
@@ -19,7 +19,7 @@
|
||||
</v-col>
|
||||
|
||||
<v-col cols="1">
|
||||
~
|
||||
{{ $t('view.calculate.common.rangeSeparator') }}
|
||||
</v-col>
|
||||
|
||||
<v-col cols="2">
|
||||
@@ -35,12 +35,12 @@
|
||||
<v-col cols="2">
|
||||
<v-btn
|
||||
block
|
||||
color="#9970ff"
|
||||
color="#3bb9f1"
|
||||
dark
|
||||
depressed
|
||||
@click="getCalculateContentDonation"
|
||||
>
|
||||
조회
|
||||
{{ $t('view.calculate.common.search') }}
|
||||
</v-btn>
|
||||
</v-col>
|
||||
|
||||
@@ -58,27 +58,27 @@
|
||||
hide-default-footer
|
||||
>
|
||||
<template v-slot:item.totalCan="{ item }">
|
||||
{{ item.totalCan.toLocaleString() }} 캔
|
||||
{{ item.totalCan.toLocaleString() }} {{ $t('common.unit.can') }}
|
||||
</template>
|
||||
|
||||
<template v-slot:item.totalKrw="{ item }">
|
||||
{{ item.totalKrw.toLocaleString() }} 원
|
||||
{{ item.totalKrw.toLocaleString() }} {{ $t('common.unit.krw') }}
|
||||
</template>
|
||||
|
||||
<template v-slot:item.paymentFee="{ item }">
|
||||
{{ item.paymentFee.toLocaleString() }} 원
|
||||
{{ item.paymentFee.toLocaleString() }} {{ $t('common.unit.krw') }}
|
||||
</template>
|
||||
|
||||
<template v-slot:item.settlementAmount="{ item }">
|
||||
{{ item.settlementAmount.toLocaleString() }} 원
|
||||
{{ item.settlementAmount.toLocaleString() }} {{ $t('common.unit.krw') }}
|
||||
</template>
|
||||
|
||||
<template v-slot:item.tax="{ item }">
|
||||
{{ item.tax.toLocaleString() }} 원
|
||||
{{ item.tax.toLocaleString() }} {{ $t('common.unit.krw') }}
|
||||
</template>
|
||||
|
||||
<template v-slot:item.depositAmount="{ item }">
|
||||
{{ item.depositAmount.toLocaleString() }} 원
|
||||
{{ item.depositAmount.toLocaleString() }} {{ $t('common.unit.krw') }}
|
||||
</template>
|
||||
</v-data-table>
|
||||
</v-col>
|
||||
@@ -114,81 +114,25 @@ export default {
|
||||
page_size: 20,
|
||||
total_page: 0,
|
||||
items: [],
|
||||
headers: [
|
||||
{
|
||||
text: '후원날짜',
|
||||
align: 'center',
|
||||
sortable: false,
|
||||
value: 'donationDate',
|
||||
},
|
||||
{
|
||||
text: '크리에이터',
|
||||
align: 'center',
|
||||
sortable: false,
|
||||
value: 'nickname',
|
||||
},
|
||||
{
|
||||
text: '콘텐츠 제목',
|
||||
sortable: false,
|
||||
value: 'title',
|
||||
align: 'center',
|
||||
width: "300px"
|
||||
},
|
||||
{
|
||||
text: '구분',
|
||||
sortable: false,
|
||||
value: 'paidOrFree',
|
||||
align: 'center'
|
||||
},
|
||||
{
|
||||
text: '후원수',
|
||||
align: 'center',
|
||||
sortable: false,
|
||||
value: 'numberOfDonation',
|
||||
},
|
||||
{
|
||||
text: '합계(캔)',
|
||||
align: 'center',
|
||||
sortable: false,
|
||||
value: 'totalCan',
|
||||
},
|
||||
{
|
||||
text: '원화',
|
||||
align: 'center',
|
||||
sortable: false,
|
||||
value: 'totalKrw',
|
||||
},
|
||||
{
|
||||
text: '수수료\n(6.6%)',
|
||||
align: 'center',
|
||||
sortable: false,
|
||||
value: 'paymentFee',
|
||||
},
|
||||
{
|
||||
text: '정산금액',
|
||||
align: 'center',
|
||||
sortable: false,
|
||||
value: 'settlementAmount',
|
||||
},
|
||||
{
|
||||
text: '원천세\n(3.3%)',
|
||||
align: 'center',
|
||||
sortable: false,
|
||||
value: 'tax',
|
||||
},
|
||||
{
|
||||
text: '입금액',
|
||||
align: 'center',
|
||||
sortable: false,
|
||||
value: 'depositAmount',
|
||||
},
|
||||
{
|
||||
text: '콘텐츠 등록일',
|
||||
align: 'center',
|
||||
sortable: false,
|
||||
value: 'registrationDate',
|
||||
},
|
||||
],
|
||||
}
|
||||
},
|
||||
|
||||
computed: {
|
||||
headers() {
|
||||
return [
|
||||
{ text: this.$t('view.calculate.common.headers.date'), align: 'center', sortable: false, value: 'donationDate' },
|
||||
{ text: this.$t('view.calculate.common.headers.creator'), align: 'center', sortable: false, value: 'nickname' },
|
||||
{ text: this.$t('view.calculate.common.headers.title'), align: 'center', sortable: false, value: 'title', width: '300px' },
|
||||
{ text: this.$t('view.calculate.common.headers.type'), align: 'center', sortable: false, value: 'paidOrFree' },
|
||||
{ text: this.$t('view.calculate.contentDonation.headers.numberOfDonation'), align: 'center', sortable: false, value: 'numberOfDonation' },
|
||||
{ text: this.$t('view.calculate.common.headers.totalCan'), align: 'center', sortable: false, value: 'totalCan' },
|
||||
{ text: this.$t('view.calculate.common.headers.krw'), align: 'center', sortable: false, value: 'totalKrw' },
|
||||
{ text: this.$t('view.calculate.common.headers.feeWithPercent', { percent: '6.6%' }), align: 'center', sortable: false, value: 'paymentFee' },
|
||||
{ text: this.$t('view.calculate.common.headers.settlementAmount'), align: 'center', sortable: false, value: 'settlementAmount' },
|
||||
{ text: this.$t('view.calculate.common.headers.withholdingTaxWithPercent', { percent: '3.3%' }), align: 'center', sortable: false, value: 'tax' },
|
||||
{ text: this.$t('view.calculate.common.headers.depositAmount'), align: 'center', sortable: false, value: 'depositAmount' },
|
||||
{ text: this.$t('view.calculate.content.headers.registrationDate'), align: 'center', sortable: false, value: 'registrationDate' },
|
||||
]
|
||||
}
|
||||
},
|
||||
|
||||
@@ -247,12 +191,12 @@ export default {
|
||||
else
|
||||
this.total_page = totalPage
|
||||
} else {
|
||||
this.notifyError(res.data.message || '알 수 없는 오류가 발생했습니다. 다시 시도해 주세요.')
|
||||
this.notifyError(res.data.message || this.$t('common.error.fetchFailed'))
|
||||
}
|
||||
|
||||
this.is_loading = false
|
||||
} catch (e) {
|
||||
this.notifyError('알 수 없는 오류가 발생했습니다. 다시 시도해 주세요.')
|
||||
this.notifyError(this.$t('common.error.fetchFailed'))
|
||||
this.is_loading = false
|
||||
}
|
||||
}
|
||||
|
||||
@@ -2,7 +2,7 @@
|
||||
<div>
|
||||
<v-toolbar dark>
|
||||
<v-spacer />
|
||||
<v-toolbar-title>라이브 정산</v-toolbar-title>
|
||||
<v-toolbar-title>{{ $t('view.calculate.live.title') }}</v-toolbar-title>
|
||||
<v-spacer />
|
||||
</v-toolbar>
|
||||
|
||||
@@ -19,7 +19,7 @@
|
||||
</v-col>
|
||||
|
||||
<v-col cols="1">
|
||||
~
|
||||
{{ $t('view.calculate.common.rangeSeparator') }}
|
||||
</v-col>
|
||||
|
||||
<v-col cols="2">
|
||||
@@ -35,12 +35,12 @@
|
||||
<v-col cols="2">
|
||||
<v-btn
|
||||
block
|
||||
color="#9970ff"
|
||||
color="#3bb9f1"
|
||||
dark
|
||||
depressed
|
||||
@click="getCalculateLive"
|
||||
>
|
||||
조회
|
||||
{{ $t('view.calculate.common.search') }}
|
||||
</v-btn>
|
||||
</v-col>
|
||||
</v-row>
|
||||
@@ -58,20 +58,20 @@
|
||||
<template slot="body.prepend">
|
||||
<tr>
|
||||
<td colspan="5">
|
||||
합계
|
||||
{{ $t('view.calculate.common.total') }}
|
||||
</td>
|
||||
<td>{{ sumField('numberOfPeople').toLocaleString() }} 명</td>
|
||||
<td>{{ sumField('totalAmount').toLocaleString() }} 캔</td>
|
||||
<td>{{ sumField('totalKrw').toLocaleString() }} 원</td>
|
||||
<td>{{ sumField('paymentFee').toLocaleString() }} 원</td>
|
||||
<td>{{ sumField('settlementAmount').toLocaleString() }} 원</td>
|
||||
<td>{{ sumField('tax').toLocaleString() }} 원</td>
|
||||
<td>{{ sumField('depositAmount').toLocaleString() }} 원</td>
|
||||
<td>{{ sumField('numberOfPeople').toLocaleString() }} {{ $t('common.unit.person') }}</td>
|
||||
<td>{{ sumField('totalAmount').toLocaleString() }} {{ $t('common.unit.can') }}</td>
|
||||
<td>{{ sumField('totalKrw').toLocaleString() }} {{ $t('common.unit.krw') }}</td>
|
||||
<td>{{ sumField('paymentFee').toLocaleString() }} {{ $t('common.unit.krw') }}</td>
|
||||
<td>{{ sumField('settlementAmount').toLocaleString() }} {{ $t('common.unit.krw') }}</td>
|
||||
<td>{{ sumField('tax').toLocaleString() }} {{ $t('common.unit.krw') }}</td>
|
||||
<td>{{ sumField('depositAmount').toLocaleString() }} {{ $t('common.unit.krw') }}</td>
|
||||
</tr>
|
||||
</template>
|
||||
|
||||
<template v-slot:item.entranceFee="{ item }">
|
||||
{{ item.entranceFee.toLocaleString() }} 캔
|
||||
{{ item.entranceFee.toLocaleString() }} {{ $t('common.unit.can') }}
|
||||
</template>
|
||||
|
||||
<template v-slot:item.canUsageStr="{ item }">
|
||||
@@ -79,27 +79,27 @@
|
||||
</template>
|
||||
|
||||
<template v-slot:item.totalAmount="{ item }">
|
||||
{{ item.totalAmount.toLocaleString() }} 캔
|
||||
{{ item.totalAmount.toLocaleString() }} {{ $t('common.unit.can') }}
|
||||
</template>
|
||||
|
||||
<template v-slot:item.totalKrw="{ item }">
|
||||
{{ item.totalKrw.toLocaleString() }} 원
|
||||
{{ item.totalKrw.toLocaleString() }} {{ $t('common.unit.krw') }}
|
||||
</template>
|
||||
|
||||
<template v-slot:item.paymentFee="{ item }">
|
||||
{{ item.paymentFee.toLocaleString() }} 원
|
||||
{{ item.paymentFee.toLocaleString() }} {{ $t('common.unit.krw') }}
|
||||
</template>
|
||||
|
||||
<template v-slot:item.settlementAmount="{ item }">
|
||||
{{ item.settlementAmount.toLocaleString() }} 원
|
||||
{{ item.settlementAmount.toLocaleString() }} {{ $t('common.unit.krw') }}
|
||||
</template>
|
||||
|
||||
<template v-slot:item.tax="{ item }">
|
||||
{{ item.tax.toLocaleString() }} 원
|
||||
{{ item.tax.toLocaleString() }} {{ $t('common.unit.krw') }}
|
||||
</template>
|
||||
|
||||
<template v-slot:item.depositAmount="{ item }">
|
||||
{{ item.depositAmount.toLocaleString() }} 원
|
||||
{{ item.depositAmount.toLocaleString() }} {{ $t('common.unit.krw') }}
|
||||
</template>
|
||||
</v-data-table>
|
||||
</v-col>
|
||||
@@ -122,129 +122,27 @@ export default {
|
||||
start_date: null,
|
||||
end_date: null,
|
||||
items: [],
|
||||
columns: [
|
||||
{
|
||||
label: "크리에이터",
|
||||
field: "nickname",
|
||||
},
|
||||
{
|
||||
label: "날짜",
|
||||
field: "date",
|
||||
},
|
||||
{
|
||||
label: "제목",
|
||||
field: "title",
|
||||
},
|
||||
{
|
||||
label: "구분",
|
||||
field: "canUsageStr",
|
||||
},
|
||||
{
|
||||
label: "입장캔",
|
||||
field: "entranceFee",
|
||||
},
|
||||
{
|
||||
label: "유료방참여인원",
|
||||
field: "numberOfPeople",
|
||||
},
|
||||
{
|
||||
label: "합계(캔)",
|
||||
field: "totalAmount",
|
||||
},
|
||||
{
|
||||
label: "원화",
|
||||
field: "totalKrw",
|
||||
},
|
||||
{
|
||||
label: "결제수수료(6.6%)",
|
||||
field: "paymentFee",
|
||||
},
|
||||
{
|
||||
label: "정산금액",
|
||||
field: "settlementAmount",
|
||||
},
|
||||
{
|
||||
label: "원천세(3.3%)",
|
||||
field: "tax",
|
||||
},
|
||||
{
|
||||
label: "입금액",
|
||||
field: "depositAmount",
|
||||
},
|
||||
],
|
||||
headers: [
|
||||
{
|
||||
text: '크리에이터',
|
||||
align: 'center',
|
||||
sortable: false,
|
||||
value: 'nickname',
|
||||
},
|
||||
{
|
||||
text: '날짜',
|
||||
align: 'center',
|
||||
sortable: false,
|
||||
value: 'date',
|
||||
},
|
||||
{
|
||||
text: '제목',
|
||||
sortable: false,
|
||||
value: 'title',
|
||||
},
|
||||
{
|
||||
text: '구분',
|
||||
align: 'center',
|
||||
sortable: false,
|
||||
value: 'canUsageStr',
|
||||
},
|
||||
{
|
||||
text: '입장캔',
|
||||
align: 'center',
|
||||
sortable: false,
|
||||
value: 'entranceFee',
|
||||
},
|
||||
{
|
||||
text: '유료방참여인원',
|
||||
align: 'center',
|
||||
sortable: false,
|
||||
value: 'numberOfPeople',
|
||||
},
|
||||
{
|
||||
text: '합계(캔)',
|
||||
align: 'center',
|
||||
sortable: false,
|
||||
value: 'totalAmount',
|
||||
},
|
||||
{
|
||||
text: '원화',
|
||||
align: 'center',
|
||||
sortable: false,
|
||||
value: 'totalKrw',
|
||||
},
|
||||
{
|
||||
text: '수수료\n(6.6%)',
|
||||
align: 'center',
|
||||
sortable: false,
|
||||
value: 'paymentFee',
|
||||
},
|
||||
{
|
||||
text: '정산금액',
|
||||
align: 'center',
|
||||
sortable: false,
|
||||
value: 'settlementAmount',
|
||||
},
|
||||
{
|
||||
text: '원천세\n(3.3%)',
|
||||
align: 'center',
|
||||
sortable: false,
|
||||
value: 'tax',
|
||||
},
|
||||
{
|
||||
text: '입금액',
|
||||
align: 'center',
|
||||
sortable: false,
|
||||
value: 'depositAmount',
|
||||
}
|
||||
],
|
||||
// columns(미사용) 정의는 남기되, 헤더는 i18n 반응형 computed로 전환
|
||||
columns: [],
|
||||
}
|
||||
},
|
||||
|
||||
computed: {
|
||||
headers() {
|
||||
return [
|
||||
{ text: this.$t('view.calculate.common.headers.creator'), align: 'center', sortable: false, value: 'nickname' },
|
||||
{ text: this.$t('view.calculate.common.headers.date'), align: 'center', sortable: false, value: 'date' },
|
||||
{ text: this.$t('view.calculate.common.headers.title'), sortable: false, value: 'title' },
|
||||
{ text: this.$t('view.calculate.common.headers.type'), align: 'center', sortable: false, value: 'canUsageStr' },
|
||||
{ text: this.$t('view.calculate.live.headers.entranceCan'), align: 'center', sortable: false, value: 'entranceFee' },
|
||||
{ text: this.$t('view.calculate.live.headers.paidParticipants'), align: 'center', sortable: false, value: 'numberOfPeople' },
|
||||
{ text: this.$t('view.calculate.common.headers.totalCan'), align: 'center', sortable: false, value: 'totalAmount' },
|
||||
{ text: this.$t('view.calculate.common.headers.krw'), align: 'center', sortable: false, value: 'totalKrw' },
|
||||
{ text: this.$t('view.calculate.common.headers.feeWithPercent', { percent: '6.6%' }), align: 'center', sortable: false, value: 'paymentFee' },
|
||||
{ text: this.$t('view.calculate.common.headers.settlementAmount'), align: 'center', sortable: false, value: 'settlementAmount' },
|
||||
{ text: this.$t('view.calculate.common.headers.withholdingTaxWithPercent', { percent: '3.3%' }), align: 'center', sortable: false, value: 'tax' },
|
||||
{ text: this.$t('view.calculate.common.headers.depositAmount'), align: 'center', sortable: false, value: 'depositAmount' }
|
||||
]
|
||||
}
|
||||
},
|
||||
|
||||
@@ -291,12 +189,12 @@ export default {
|
||||
if (res.status === 200 && res.data.success === true) {
|
||||
this.items = res.data.data
|
||||
} else {
|
||||
this.notifyError(res.data.message || '알 수 없는 오류가 발생했습니다. 다시 시도해 주세요.')
|
||||
this.notifyError(res.data.message || this.$t('common.error.unknown'))
|
||||
}
|
||||
|
||||
this.is_loading = false
|
||||
} catch (e) {
|
||||
this.notifyError('알 수 없는 오류가 발생했습니다. 다시 시도해 주세요.')
|
||||
this.notifyError(this.$t('common.error.unknown'))
|
||||
this.is_loading = false
|
||||
}
|
||||
}
|
||||
|
||||
@@ -10,7 +10,7 @@
|
||||
depressed
|
||||
@click="showCreateCategoryDialog"
|
||||
>
|
||||
카테고리 추가
|
||||
{{ $t('view.content.category.actions.addCategory') }}
|
||||
</v-btn>
|
||||
<br><br>
|
||||
<draggable
|
||||
@@ -47,32 +47,32 @@
|
||||
depressed
|
||||
@click="showAddContent"
|
||||
>
|
||||
콘텐츠 추가
|
||||
{{ $t('view.content.category.actions.addContent') }}
|
||||
</v-btn>
|
||||
</v-col>
|
||||
</v-row>
|
||||
<br><br>
|
||||
<p v-if="selected_category !== null && selected_category !== undefined">
|
||||
선택된 카테고리 : {{ selected_category.category }}
|
||||
{{ $t('view.content.category.selectedCategory') }} : {{ selected_category.category }}
|
||||
</p>
|
||||
<p v-else>
|
||||
카테고리를 선택해 주세요
|
||||
{{ $t('view.content.category.pleaseSelect') }}
|
||||
</p>
|
||||
<v-simple-table>
|
||||
<template>
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="text-center">
|
||||
썸네일
|
||||
{{ $t('view.content.common.headers.thumbnail') }}
|
||||
</th>
|
||||
<th class="text-center">
|
||||
제목
|
||||
{{ $t('view.content.common.headers.title') }}
|
||||
</th>
|
||||
<th class="text-center">
|
||||
19금
|
||||
{{ $t('view.content.common.headers.adult') }}
|
||||
</th>
|
||||
<th class="text-center">
|
||||
관리
|
||||
{{ $t('view.content.common.headers.actions') }}
|
||||
</th>
|
||||
</tr>
|
||||
</thead>
|
||||
@@ -105,7 +105,7 @@
|
||||
color="#3bb9f1"
|
||||
@click="removeContentInCategory(content)"
|
||||
>
|
||||
삭제
|
||||
{{ $t('view.content.common.actions.delete') }}
|
||||
</v-btn>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
@@ -2,7 +2,7 @@
|
||||
<div>
|
||||
<v-toolbar dark>
|
||||
<v-spacer />
|
||||
<v-toolbar-title>콘텐츠 리스트</v-toolbar-title>
|
||||
<v-toolbar-title>{{ $t('view.content.list.title') }}</v-toolbar-title>
|
||||
<v-spacer />
|
||||
</v-toolbar>
|
||||
|
||||
@@ -19,7 +19,7 @@
|
||||
depressed
|
||||
@click="showWriteDialog"
|
||||
>
|
||||
콘텐츠 등록
|
||||
{{ $t('view.content.list.actions.create') }}
|
||||
</v-btn>
|
||||
</v-col>
|
||||
</v-row>
|
||||
@@ -30,46 +30,46 @@
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="text-center">
|
||||
썸네일
|
||||
{{ $t('view.content.common.headers.thumbnail') }}
|
||||
</th>
|
||||
<th class="text-center">
|
||||
제목
|
||||
{{ $t('view.content.common.headers.title') }}
|
||||
</th>
|
||||
<th class="text-center">
|
||||
내용
|
||||
{{ $t('view.content.common.headers.detail') }}
|
||||
</th>
|
||||
<th class="text-center">
|
||||
크리에이터
|
||||
{{ $t('view.content.common.headers.creator') }}
|
||||
</th>
|
||||
<th class="text-center">
|
||||
테마
|
||||
{{ $t('view.content.common.headers.theme') }}
|
||||
</th>
|
||||
<th class="text-center">
|
||||
태그
|
||||
{{ $t('view.content.common.headers.tags') }}
|
||||
</th>
|
||||
<th class="text-center">
|
||||
가격
|
||||
{{ $t('view.content.common.headers.price') }}
|
||||
</th>
|
||||
<th class="text-center">
|
||||
한정판
|
||||
{{ $t('view.content.common.headers.limited') }}
|
||||
</th>
|
||||
<th class="text-center">
|
||||
19금
|
||||
{{ $t('view.content.common.headers.adult') }}
|
||||
</th>
|
||||
<th class="text-center">
|
||||
시간
|
||||
{{ $t('view.content.common.headers.time') }}
|
||||
</th>
|
||||
<th class="text-center">
|
||||
듣기
|
||||
{{ $t('view.content.common.headers.listen') }}
|
||||
</th>
|
||||
<th class="text-center">
|
||||
등록일
|
||||
{{ $t('view.content.common.headers.registrationDate') }}
|
||||
</th>
|
||||
<th class="text-center">
|
||||
오픈 예정일
|
||||
{{ $t('view.content.common.headers.scheduledOpenDate') }}
|
||||
</th>
|
||||
<th class="text-center">
|
||||
관리
|
||||
{{ $t('view.content.common.headers.actions') }}
|
||||
</th>
|
||||
</tr>
|
||||
</thead>
|
||||
@@ -95,10 +95,10 @@
|
||||
{{ item.tags }}
|
||||
</td>
|
||||
<td v-if="item.price > 0">
|
||||
{{ item.price }} 캔
|
||||
{{ item.price }} {{ $t('common.unit.can') }}
|
||||
</td>
|
||||
<td v-else>
|
||||
무료
|
||||
{{ $t('view.content.common.free') }}
|
||||
</td>
|
||||
<td
|
||||
v-if="item.totalContentCount > 0 && item.remainingContentCount > 0"
|
||||
|
||||
@@ -9,35 +9,35 @@
|
||||
class="cover-image"
|
||||
/>
|
||||
<v-card-text>
|
||||
제목 : {{ series_detail.title }}
|
||||
{{ $t('view.content.seriesDetail.fields.title') }} : {{ series_detail.title }}
|
||||
</v-card-text>
|
||||
<v-card-text>
|
||||
소개 :
|
||||
{{ $t('view.content.seriesDetail.fields.introduction') }} :
|
||||
<vue-show-more-text
|
||||
:text="series_detail.introduction"
|
||||
:lines="2"
|
||||
/>
|
||||
</v-card-text>
|
||||
<v-card-text>
|
||||
연재요일 : {{ series_detail.publishedDaysOfWeek }}
|
||||
{{ $t('view.content.seriesDetail.fields.publishedDaysOfWeek') }} : {{ series_detail.publishedDaysOfWeek }}
|
||||
</v-card-text>
|
||||
<v-card-text>
|
||||
장르 : {{ series_detail.genre }}
|
||||
{{ $t('view.content.seriesDetail.fields.genre') }} : {{ series_detail.genre }}
|
||||
</v-card-text>
|
||||
<v-card-text>
|
||||
키워드 : {{ series_detail.keywords }}
|
||||
{{ $t('view.content.seriesDetail.fields.keywords') }} : {{ series_detail.keywords }}
|
||||
</v-card-text>
|
||||
<v-card-text>
|
||||
연령제한 : <span v-if="series_detail.isAdult">19세이상</span><span v-else>전체이용가</span>
|
||||
{{ $t('view.content.seriesDetail.fields.adult') }} : <span v-if="series_detail.isAdult">{{ $t('view.content.seriesDetail.adult.only') }}</span><span v-else>{{ $t('view.content.seriesDetail.adult.all') }}</span>
|
||||
</v-card-text>
|
||||
<v-card-text>
|
||||
완결여부 : {{ series_detail.state }}
|
||||
{{ $t('view.content.seriesDetail.fields.completed') }} : {{ series_detail.state }}
|
||||
</v-card-text>
|
||||
<v-card-text v-show="series_detail.writer !== undefined && series_detail.writer !== null">
|
||||
작가 : {{ series_detail.writer }}
|
||||
{{ $t('view.content.seriesDetail.fields.writer') }} : {{ series_detail.writer }}
|
||||
</v-card-text>
|
||||
<v-card-text v-show="series_detail.studio !== undefined && series_detail.studio !== null">
|
||||
제작사 : {{ series_detail.studio }}
|
||||
{{ $t('view.content.seriesDetail.fields.studio') }} : {{ series_detail.studio }}
|
||||
</v-card-text>
|
||||
</v-card>
|
||||
</v-col>
|
||||
@@ -52,7 +52,7 @@
|
||||
depressed
|
||||
@click="showAddContent"
|
||||
>
|
||||
콘텐츠 추가
|
||||
{{ $t('view.content.seriesDetail.actions.addContent') }}
|
||||
</v-btn>
|
||||
</v-col>
|
||||
</v-row>
|
||||
@@ -63,16 +63,16 @@
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="text-center">
|
||||
썸네일
|
||||
{{ $t('view.content.common.headers.thumbnail') }}
|
||||
</th>
|
||||
<th class="text-center">
|
||||
제목
|
||||
{{ $t('view.content.common.headers.title') }}
|
||||
</th>
|
||||
<th class="text-center">
|
||||
19금
|
||||
{{ $t('view.content.common.headers.adult') }}
|
||||
</th>
|
||||
<th class="text-center">
|
||||
관리
|
||||
{{ $t('view.content.common.headers.actions') }}
|
||||
</th>
|
||||
</tr>
|
||||
</thead>
|
||||
@@ -104,7 +104,7 @@
|
||||
color="#3bb9f1"
|
||||
@click="deleteConfirm(content)"
|
||||
>
|
||||
삭제
|
||||
{{ $t('view.content.common.actions.delete') }}
|
||||
</v-btn>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
@@ -2,7 +2,7 @@
|
||||
<div>
|
||||
<v-toolbar dark>
|
||||
<v-spacer />
|
||||
<v-toolbar-title>시리즈 관리</v-toolbar-title>
|
||||
<v-toolbar-title>{{ $t('view.content.series.title') }}</v-toolbar-title>
|
||||
<v-spacer />
|
||||
</v-toolbar>
|
||||
|
||||
@@ -18,7 +18,7 @@
|
||||
depressed
|
||||
@click="showWriteDialog"
|
||||
>
|
||||
시리즈 등록
|
||||
{{ $t('view.content.series.actions.create') }}
|
||||
</v-btn>
|
||||
</v-col>
|
||||
</v-row>
|
||||
@@ -56,13 +56,13 @@
|
||||
text
|
||||
@click="showModifyDialog(item)"
|
||||
>
|
||||
수정
|
||||
{{ $t('view.content.series.actions.edit') }}
|
||||
</v-btn>
|
||||
<v-btn
|
||||
text
|
||||
@click="deleteConfirm(item)"
|
||||
>
|
||||
삭제
|
||||
{{ $t('view.content.common.actions.delete') }}
|
||||
</v-btn>
|
||||
<v-spacer />
|
||||
</v-card-actions>
|
||||
@@ -79,12 +79,12 @@
|
||||
>
|
||||
<v-card>
|
||||
<v-card-title>
|
||||
시리즈 등록
|
||||
{{ $t('view.content.series.dialog.createTitle') }}
|
||||
</v-card-title>
|
||||
|
||||
<div class="image-select">
|
||||
<label for="image">
|
||||
커버 이미지 등록
|
||||
{{ $t('view.content.series.fields.coverImage') }}
|
||||
</label>
|
||||
<v-file-input
|
||||
id="image"
|
||||
@@ -102,12 +102,12 @@
|
||||
<v-card-text>
|
||||
<v-row align="center">
|
||||
<v-col cols="4">
|
||||
제목*
|
||||
{{ $t('view.content.series.fields.title') }}*
|
||||
</v-col>
|
||||
<v-col cols="8">
|
||||
<v-text-field
|
||||
v-model="series.title"
|
||||
label="제목"
|
||||
:label="$t('view.content.series.fields.title')"
|
||||
required
|
||||
/>
|
||||
</v-col>
|
||||
@@ -116,12 +116,12 @@
|
||||
<v-card-text>
|
||||
<v-row align="center">
|
||||
<v-col cols="4">
|
||||
소개*
|
||||
{{ $t('view.content.series.fields.introduction') }}*
|
||||
</v-col>
|
||||
<v-col cols="8">
|
||||
<v-textarea
|
||||
v-model="series.introduction"
|
||||
label="소개"
|
||||
:label="$t('view.content.series.fields.introduction')"
|
||||
required
|
||||
/>
|
||||
</v-col>
|
||||
@@ -130,7 +130,7 @@
|
||||
<v-card-text>
|
||||
<v-row>
|
||||
<v-col cols="4">
|
||||
연재요일*
|
||||
{{ $t('view.content.series.fields.publishedDaysOfWeek') }}*
|
||||
</v-col>
|
||||
<v-col
|
||||
cols="8"
|
||||
@@ -159,14 +159,14 @@
|
||||
value="RANDOM"
|
||||
@change="handleCheckboxChange('RANDOM', $event)"
|
||||
>
|
||||
<label for="checkbox_random"> 랜덤</label>
|
||||
<label for="checkbox_random"> {{ $t('view.content.series.fields.random') }}</label>
|
||||
</v-col>
|
||||
</v-row>
|
||||
</v-card-text>
|
||||
<v-card-text>
|
||||
<v-row align="center">
|
||||
<v-col cols="4">
|
||||
장르
|
||||
{{ $t('view.content.series.fields.genre') }}
|
||||
</v-col>
|
||||
<v-col cols="8">
|
||||
<v-select
|
||||
@@ -174,7 +174,7 @@
|
||||
:items="series_genre_list"
|
||||
item-text="name"
|
||||
item-value="value"
|
||||
label="장르 선택"
|
||||
:label="$t('view.content.series.fields.selectGenre')"
|
||||
/>
|
||||
</v-col>
|
||||
</v-row>
|
||||
@@ -560,32 +560,32 @@ export default {
|
||||
|
||||
validate() {
|
||||
if (this.series.cover_image === undefined || this.series.cover_image === null) {
|
||||
this.notifyError('커버 이미지를 선택하세요')
|
||||
this.notifyError(this.$t('view.content.series.validation.coverImageRequired'))
|
||||
return
|
||||
}
|
||||
|
||||
if (this.series.title === undefined || this.series.title === null || this.series.title.trim().length <= 0) {
|
||||
this.notifyError('시리즈 제목을 입력하세요')
|
||||
this.notifyError(this.$t('view.content.series.validation.titleRequired'))
|
||||
return
|
||||
}
|
||||
|
||||
if (this.series.introduction === undefined || this.series.introduction === null || this.series.introduction.trim().length <= 0) {
|
||||
this.notifyError('시리즈 소개를 입력하세요')
|
||||
this.notifyError(this.$t('view.content.series.validation.introRequired'))
|
||||
return
|
||||
}
|
||||
|
||||
if (this.series.published_days_of_week === undefined || this.series.published_days_of_week === null || this.series.published_days_of_week.length <= 0) {
|
||||
this.notifyError('시리즈 연재요일을 선택하세요')
|
||||
this.notifyError(this.$t('view.content.series.validation.daysRequired'))
|
||||
return
|
||||
}
|
||||
|
||||
if (this.series.keyword === undefined || this.series.keyword === null || this.series.keyword.replaceAll('#', '').trim().length <= 0) {
|
||||
this.notifyError('시리즈를 설명할 수 있는 키워드를 입력하세요')
|
||||
this.notifyError(this.$t('view.content.series.validation.keywordsRequired'))
|
||||
return
|
||||
}
|
||||
|
||||
if (this.series.genre_id === undefined || this.series.genre_id === null || this.series.genre_id <= 0) {
|
||||
this.notifyError('올바른 장르를 선택하세요')
|
||||
this.notifyError(this.$t('view.content.series.validation.genreRequired'))
|
||||
return
|
||||
}
|
||||
|
||||
@@ -615,10 +615,10 @@ export default {
|
||||
return {name: item.genre, value: item.id}
|
||||
})
|
||||
} else {
|
||||
this.notifyError(res.data.message || '알 수 없는 오류가 발생했습니다. 다시 시도해 주세요.')
|
||||
this.notifyError(res.data.message || this.$t('common.error.unknown'))
|
||||
}
|
||||
} catch (e) {
|
||||
this.notifyError('알 수 없는 오류가 발생했습니다. 다시 시도해 주세요.')
|
||||
this.notifyError(this.$t('common.error.unknown'))
|
||||
}
|
||||
},
|
||||
|
||||
|
||||
@@ -17,14 +17,14 @@
|
||||
<v-form>
|
||||
<v-text-field
|
||||
v-model="email"
|
||||
label="Email"
|
||||
:label="$t('view.login.email')"
|
||||
type="text"
|
||||
/>
|
||||
<v-text-field
|
||||
v-model="password"
|
||||
:append-icon="showPassword ? 'mdi-eye' : 'mdi-eye-off'"
|
||||
:type="showPassword ? 'text' : 'password'"
|
||||
label="Password"
|
||||
:label="$t('view.login.password')"
|
||||
@click:append="showPassword = !showPassword"
|
||||
@keyup.enter="loginSubmit"
|
||||
/>
|
||||
@@ -36,7 +36,7 @@
|
||||
color="primary"
|
||||
@click="loginSubmit"
|
||||
>
|
||||
로그인
|
||||
{{ $t('view.login.login') }}
|
||||
</v-btn>
|
||||
</v-card-actions>
|
||||
<v-divider />
|
||||
@@ -60,7 +60,7 @@
|
||||
<v-icon left>
|
||||
mdi-apple
|
||||
</v-icon>
|
||||
Apple로 로그인
|
||||
{{ $t('view.login.loginWithApple') }}
|
||||
</v-btn>
|
||||
<v-btn
|
||||
width="192"
|
||||
@@ -72,7 +72,7 @@
|
||||
>
|
||||
<img
|
||||
src="@/assets/kakao_login.png"
|
||||
alt="카카오 로그인 버튼"
|
||||
:alt="$t('alt.kakaoLoginButton')"
|
||||
style="width: 100%; height: 100%; display: block;"
|
||||
>
|
||||
</v-btn>
|
||||
@@ -98,9 +98,17 @@ export default {
|
||||
}),
|
||||
|
||||
mounted() {
|
||||
this.initGoogleLogin();
|
||||
// Google 버튼은 로케일별로 SDK를 동적 로드하여 렌더링
|
||||
this.mountGoogleButtonForLocale(this.$i18n && this.$i18n.locale ? this.$i18n.locale : 'en');
|
||||
this.initKakaoLogin();
|
||||
this.initAppleLogin();
|
||||
|
||||
// 언어 전환 시 Google 버튼도 재로드/재렌더
|
||||
if (this.$watch && this.$i18n) {
|
||||
this.$watch(() => this.$i18n.locale, (val) => {
|
||||
this.mountGoogleButtonForLocale(val || 'en');
|
||||
});
|
||||
}
|
||||
},
|
||||
|
||||
methods: {
|
||||
@@ -206,7 +214,7 @@ export default {
|
||||
loginApple() {
|
||||
if (typeof AppleID === 'undefined' || !AppleID.auth) {
|
||||
this.initAppleLogin();
|
||||
this.notifyError('애플 SDK를 불러오는 중입니다. 잠시 후 다시 시도해주세요.');
|
||||
this.notifyError(this.$t('notice.loading.appleSdk'));
|
||||
return;
|
||||
}
|
||||
(async () => {
|
||||
@@ -252,7 +260,7 @@ export default {
|
||||
const idToken = res && res.authorization && res.authorization.id_token;
|
||||
|
||||
if (!idToken) {
|
||||
this.notifyError('애플 로그인 응답이 올바르지 않습니다.');
|
||||
this.notifyError(this.$t('common.error.apple.invalidResponse'));
|
||||
return;
|
||||
}
|
||||
|
||||
@@ -267,7 +275,7 @@ export default {
|
||||
this.notifyError(message);
|
||||
})
|
||||
} catch (err) {
|
||||
this.notifyError('애플 로그인에 실패했습니다.');
|
||||
this.notifyError(this.$t('common.error.apple.failed'));
|
||||
console.error(err);
|
||||
}
|
||||
})();
|
||||
@@ -289,7 +297,7 @@ export default {
|
||||
if (typeof Kakao !== 'undefined') {
|
||||
if (!Kakao.isInitialized()) {
|
||||
this.initKakaoLogin();
|
||||
this.notifyError('카카오 SDK가 초기화되지 않았습니다. 잠시 후 다시 시도해주세요.');
|
||||
this.notifyError(this.$t('common.error.kakao.notInitialized'));
|
||||
return;
|
||||
}
|
||||
|
||||
@@ -305,34 +313,73 @@ export default {
|
||||
})
|
||||
},
|
||||
fail: (err) => {
|
||||
this.notifyError('카카오 로그인에 실패했습니다.');
|
||||
this.notifyError(this.$t('common.error.kakao.failed'));
|
||||
console.error(err);
|
||||
},
|
||||
});
|
||||
} else {
|
||||
this.notifyError('카카오 인증 모듈을 불러오지 못했습니다. 페이지를 새로고침 해주세요.');
|
||||
this.notifyError(this.$t('common.error.kakao.moduleLoad'));
|
||||
}
|
||||
} else {
|
||||
this.initKakaoLogin();
|
||||
this.notifyError('카카오 SDK를 불러오는 중입니다. 잠시 후 다시 시도해주세요.');
|
||||
this.notifyError(this.$t('notice.loading.kakaoSdk'));
|
||||
}
|
||||
},
|
||||
|
||||
initGoogleLogin() {
|
||||
// Google Identity Services SDK 동적 로더
|
||||
loadGisScript(locale) {
|
||||
return new Promise((resolve, reject) => {
|
||||
try {
|
||||
const prev = document.getElementById('gis-sdk');
|
||||
if (prev && prev.parentNode) prev.parentNode.removeChild(prev);
|
||||
|
||||
// 가능한 범위 내 초기화/정리
|
||||
if (window.google && window.google.accounts && window.google.accounts.id) {
|
||||
try { window.google.accounts.id.cancel(); } catch (e) { /* noop */ }
|
||||
}
|
||||
try { delete window.google; } catch (e) { window.google = undefined; }
|
||||
|
||||
const script = document.createElement('script');
|
||||
script.id = 'gis-sdk';
|
||||
// 캐시 무효화를 위해 ts 파라미터 부여(언어 전환 즉시 반영 보조)
|
||||
const ts = Date.now();
|
||||
script.src = `https://accounts.google.com/gsi/client?hl=${encodeURIComponent(locale)}&v=${ts}`;
|
||||
script.async = true;
|
||||
script.defer = true;
|
||||
script.onload = () => resolve();
|
||||
script.onerror = (e) => reject(e);
|
||||
document.head.appendChild(script);
|
||||
} catch (e) {
|
||||
reject(e);
|
||||
}
|
||||
});
|
||||
},
|
||||
|
||||
// Google 버튼 렌더링
|
||||
renderGoogleButton() {
|
||||
/* global google */
|
||||
if (typeof google !== 'undefined') {
|
||||
google.accounts.id.initialize({
|
||||
client_id: process.env.VUE_APP_GOOGLE_CLIENT_ID,
|
||||
callback: this.handleCredentialResponse
|
||||
});
|
||||
google.accounts.id.renderButton(
|
||||
document.getElementById("google-login-btn"),
|
||||
{ theme: "outline", size: "large", width: 192 }
|
||||
);
|
||||
} else {
|
||||
setTimeout(() => {
|
||||
this.initGoogleLogin();
|
||||
}, 500);
|
||||
if (!(window.google && window.google.accounts && window.google.accounts.id)) return;
|
||||
|
||||
window.google.accounts.id.initialize({
|
||||
client_id: process.env.VUE_APP_GOOGLE_CLIENT_ID,
|
||||
callback: this.handleCredentialResponse
|
||||
});
|
||||
|
||||
const el = document.getElementById('google-login-btn');
|
||||
if (el) {
|
||||
el.innerHTML = '';
|
||||
window.google.accounts.id.renderButton(el, { theme: 'outline', size: 'large', width: 192 });
|
||||
}
|
||||
},
|
||||
|
||||
// 로케일에 맞춰 SDK 로드 후 버튼 렌더
|
||||
async mountGoogleButtonForLocale(locale) {
|
||||
try {
|
||||
await this.loadGisScript(locale || 'en');
|
||||
this.renderGoogleButton();
|
||||
} catch (e) {
|
||||
// eslint-disable-next-line no-console
|
||||
console.error('[Google Identity Services] load/render failed:', e);
|
||||
}
|
||||
},
|
||||
|
||||
@@ -365,7 +412,7 @@ export default {
|
||||
this.notifyError(message);
|
||||
})
|
||||
} catch (e) {
|
||||
this.notifyError('로그인 정보를 확인해주세요.');
|
||||
this.notifyError(this.$t('common.error.login.checkInfo'));
|
||||
}
|
||||
},
|
||||
}
|
||||
|
||||
@@ -2,7 +2,7 @@
|
||||
<div>
|
||||
<v-toolbar dark>
|
||||
<v-spacer />
|
||||
<v-toolbar-title>시그니처 관리</v-toolbar-title>
|
||||
<v-toolbar-title>{{ $t('view.signature.title') }}</v-toolbar-title>
|
||||
<v-spacer />
|
||||
</v-toolbar>
|
||||
<v-container>
|
||||
@@ -16,7 +16,7 @@
|
||||
depressed
|
||||
@click="showWriteDialog"
|
||||
>
|
||||
시그니처 등록
|
||||
{{ $t('view.signature.actions.create') }}
|
||||
</v-btn>
|
||||
</v-col>
|
||||
</v-row>
|
||||
@@ -34,7 +34,7 @@
|
||||
for="sort-newest"
|
||||
class="radio-label-sort"
|
||||
>
|
||||
최신순
|
||||
{{ $t('view.signature.sort.newest') }}
|
||||
</label>
|
||||
</v-col>
|
||||
<v-col>
|
||||
@@ -50,7 +50,7 @@
|
||||
for="sort-can-high"
|
||||
class="radio-label-sort"
|
||||
>
|
||||
높은캔순
|
||||
{{ $t('view.signature.sort.canHigh') }}
|
||||
</label>
|
||||
</v-col>
|
||||
<v-col>
|
||||
@@ -66,7 +66,7 @@
|
||||
for="sort-can-low"
|
||||
class="radio-label-sort"
|
||||
>
|
||||
낮은캔순
|
||||
{{ $t('view.signature.sort.canLow') }}
|
||||
</label>
|
||||
</v-col>
|
||||
<v-col cols="10" />
|
||||
@@ -112,7 +112,7 @@
|
||||
:disabled="is_loading"
|
||||
@click="showModifyDialog(item)"
|
||||
>
|
||||
수정
|
||||
{{ $t('view.signature.actions.edit') }}
|
||||
</v-btn>
|
||||
</v-col>
|
||||
<v-col>
|
||||
@@ -120,7 +120,7 @@
|
||||
:disabled="is_loading"
|
||||
@click="showDeleteConfirm(item)"
|
||||
>
|
||||
삭제
|
||||
{{ $t('view.signature.actions.delete') }}
|
||||
</v-btn>
|
||||
</v-col>
|
||||
<v-col />
|
||||
@@ -148,17 +148,17 @@
|
||||
>
|
||||
<v-card>
|
||||
<v-card-title>
|
||||
시그니처 캔 등록
|
||||
{{ $t('view.signature.dialog.createTitle') }}
|
||||
</v-card-title>
|
||||
<v-card-text>
|
||||
<v-row align="center">
|
||||
<v-col cols="4">
|
||||
캔
|
||||
{{ $t('view.signature.fields.can') }}
|
||||
</v-col>
|
||||
<v-col cols="8">
|
||||
<v-text-field
|
||||
v-model="can"
|
||||
label="캔"
|
||||
:label="$t('view.signature.fields.can')"
|
||||
/>
|
||||
</v-col>
|
||||
</v-row>
|
||||
@@ -167,7 +167,7 @@
|
||||
<v-card-text>
|
||||
<v-row>
|
||||
<v-col cols="4">
|
||||
19금
|
||||
{{ $t('view.signature.fields.adult') }}
|
||||
</v-col>
|
||||
<v-col cols="8">
|
||||
<input
|
||||
@@ -181,12 +181,12 @@
|
||||
<v-card-text>
|
||||
<v-row align="center">
|
||||
<v-col cols="4">
|
||||
이미지
|
||||
{{ $t('view.signature.fields.image') }}
|
||||
</v-col>
|
||||
<v-col cols="8">
|
||||
<div class="image-select">
|
||||
<label for="image">
|
||||
이미지 불러오기
|
||||
{{ $t('view.signature.actions.loadImage') }}
|
||||
</label>
|
||||
<v-file-input
|
||||
id="image"
|
||||
@@ -208,12 +208,12 @@
|
||||
<v-card-text>
|
||||
<v-row align="center">
|
||||
<v-col cols="4">
|
||||
시간(초)
|
||||
{{ $t('view.signature.fields.timeSec') }}
|
||||
</v-col>
|
||||
<v-col cols="8">
|
||||
<v-text-field
|
||||
v-model="time"
|
||||
label="시간(초)"
|
||||
:label="$t('view.signature.fields.timeSec')"
|
||||
/>
|
||||
</v-col>
|
||||
</v-row>
|
||||
@@ -325,14 +325,14 @@
|
||||
text
|
||||
@click="cancel"
|
||||
>
|
||||
취소
|
||||
{{ $t('common.actions.cancel') }}
|
||||
</v-btn>
|
||||
<v-btn
|
||||
color="blue darken-1"
|
||||
text
|
||||
@click="modifySignatureCan"
|
||||
>
|
||||
수정
|
||||
{{ $t('view.signature.actions.edit') }}
|
||||
</v-btn>
|
||||
</v-card-actions>
|
||||
</v-card>
|
||||
@@ -347,7 +347,7 @@
|
||||
<v-card>
|
||||
<v-card-text />
|
||||
<v-card-text>
|
||||
삭제하시겠습니까?
|
||||
{{ $t('common.confirm.delete') }}
|
||||
</v-card-text>
|
||||
<v-card-actions v-show="!is_loading">
|
||||
<v-spacer />
|
||||
@@ -356,14 +356,14 @@
|
||||
text
|
||||
@click="cancel"
|
||||
>
|
||||
취소
|
||||
{{ $t('common.actions.cancel') }}
|
||||
</v-btn>
|
||||
<v-btn
|
||||
color="blue darken-1"
|
||||
text
|
||||
@click="deleteSignature"
|
||||
>
|
||||
확인
|
||||
{{ $t('common.actions.confirm') }}
|
||||
</v-btn>
|
||||
</v-card-actions>
|
||||
</v-card>
|
||||
@@ -376,7 +376,7 @@
|
||||
persistent
|
||||
>
|
||||
<v-card>
|
||||
<v-card-title>이미지 크롭</v-card-title>
|
||||
<v-card-title>{{ $t('view.signature.dialog.cropTitle') }}</v-card-title>
|
||||
<v-card-text>
|
||||
<div class="cropper-wrapper">
|
||||
<img
|
||||
@@ -394,14 +394,14 @@
|
||||
text
|
||||
@click="cancelCropper"
|
||||
>
|
||||
취소
|
||||
{{ $t('common.actions.cancel') }}
|
||||
</v-btn>
|
||||
<v-btn
|
||||
color="blue darken-1"
|
||||
text
|
||||
@click="cropImage"
|
||||
>
|
||||
크롭 완료
|
||||
{{ $t('view.signature.actions.cropDone') }}
|
||||
</v-btn>
|
||||
</v-card-actions>
|
||||
</v-card>
|
||||
@@ -444,31 +444,31 @@ export default {
|
||||
|
||||
headers: [
|
||||
{
|
||||
text: '캔',
|
||||
text: this.$t('view.signature.headers.can'),
|
||||
align: 'center',
|
||||
sortable: false,
|
||||
value: 'can',
|
||||
},
|
||||
{
|
||||
text: '19금',
|
||||
text: this.$t('view.signature.headers.adult'),
|
||||
align: 'center',
|
||||
sortable: false,
|
||||
value: 'isAdult',
|
||||
},
|
||||
{
|
||||
text: '이미지',
|
||||
text: this.$t('view.signature.headers.image'),
|
||||
align: 'center',
|
||||
sortable: false,
|
||||
value: 'image',
|
||||
},
|
||||
{
|
||||
text: '시간(초)',
|
||||
text: this.$t('view.signature.headers.timeSec'),
|
||||
align: 'center',
|
||||
sortable: false,
|
||||
value: 'time',
|
||||
},
|
||||
{
|
||||
text: '관리',
|
||||
text: this.$t('view.signature.headers.actions'),
|
||||
align: 'center',
|
||||
sortable: false,
|
||||
value: 'management',
|
||||
@@ -565,9 +565,9 @@ export default {
|
||||
this.can === 0 ||
|
||||
this.image === null
|
||||
) {
|
||||
this.notifyError('내용을 입력하세요')
|
||||
this.notifyError(this.$t('view.signature.validation.fillRequired'))
|
||||
} else if (this.time < 3 || this.time > 20) {
|
||||
this.notifyError('시간은 3초 이상 20초 이하를 입력하세요.')
|
||||
this.notifyError(this.$t('view.signature.validation.timeRange'))
|
||||
} else {
|
||||
this.submit()
|
||||
}
|
||||
@@ -622,7 +622,7 @@ export default {
|
||||
this.total_page = total_page
|
||||
}
|
||||
} catch (e) {
|
||||
this.notifyError("알 수 없는 오류가 발생했습니다. 다시 시도해 주세요.")
|
||||
this.notifyError(this.$t('common.error.unknown'))
|
||||
} finally {
|
||||
this.is_loading = false
|
||||
}
|
||||
@@ -643,16 +643,16 @@ export default {
|
||||
const res = await api.createSignature(formData)
|
||||
if (res.status === 200 && res.data.success === true) {
|
||||
this.cancel()
|
||||
this.notifySuccess(res.data.message || '등록되었습니다.')
|
||||
this.notifySuccess(res.data.message || this.$t('view.signature.messages.created'))
|
||||
|
||||
this.page = 1
|
||||
await this.getSignatureList()
|
||||
} else {
|
||||
this.is_loading = false
|
||||
this.notifyError(res.data.message || '알 수 없는 오류가 발생했습니다. 다시 시도해 주세요.')
|
||||
this.notifyError(res.data.message || this.$t('common.error.unknown'))
|
||||
}
|
||||
} catch (e) {
|
||||
this.notifyError('알 수 없는 오류가 발생했습니다. 다시 시도해 주세요.')
|
||||
this.notifyError(this.$t('common.error.unknown'))
|
||||
this.is_loading = false
|
||||
} finally {
|
||||
this.is_loading = false
|
||||
@@ -666,7 +666,7 @@ export default {
|
||||
this.can === this.selected_signature_can.can &&
|
||||
this.time === this.selected_signature_can.time
|
||||
) {
|
||||
this.notifyError('변경사항이 없습니다.')
|
||||
this.notifyError(this.$t('view.signature.messages.noChanges'))
|
||||
return;
|
||||
}
|
||||
|
||||
@@ -697,16 +697,16 @@ export default {
|
||||
const res = await api.modifySignature(formData)
|
||||
if (res.status === 200 && res.data.success === true) {
|
||||
this.cancel()
|
||||
this.notifySuccess(res.data.message || '수정되었습니다.')
|
||||
this.notifySuccess(res.data.message || this.$t('view.signature.messages.updated'))
|
||||
|
||||
this.page = 1
|
||||
await this.getSignatureList()
|
||||
} else {
|
||||
this.is_loading = false
|
||||
this.notifyError(res.data.message || '알 수 없는 오류가 발생했습니다. 다시 시도해 주세요.')
|
||||
this.notifyError(res.data.message || this.$t('common.error.unknown'))
|
||||
}
|
||||
} catch (e) {
|
||||
this.notifyError('알 수 없는 오류가 발생했습니다. 다시 시도해 주세요.')
|
||||
this.notifyError(this.$t('common.error.unknown'))
|
||||
this.is_loading = false
|
||||
} finally {
|
||||
this.is_loading = false
|
||||
@@ -726,16 +726,16 @@ export default {
|
||||
const res = await api.modifySignature(formData)
|
||||
if (res.status === 200 && res.data.success === true) {
|
||||
this.cancel()
|
||||
this.notifySuccess(res.data.message || '등록되었습니다.')
|
||||
this.notifySuccess(res.data.message || this.$t('view.signature.messages.deleted'))
|
||||
|
||||
this.page = 1
|
||||
await this.getSignatureList()
|
||||
} else {
|
||||
this.is_loading = false
|
||||
this.notifyError(res.data.message || '알 수 없는 오류가 발생했습니다. 다시 시도해 주세요.')
|
||||
this.notifyError(res.data.message || this.$t('common.error.unknown'))
|
||||
}
|
||||
} catch (e) {
|
||||
this.notifyError('알 수 없는 오류가 발생했습니다. 다시 시도해 주세요.')
|
||||
this.notifyError(this.$t('common.error.unknown'))
|
||||
this.is_loading = false
|
||||
} finally {
|
||||
this.is_loading = false
|
||||
|
||||
Reference in New Issue
Block a user