@@ -43,7 +43,7 @@ async function getSeriesBannerList(page = 1, size = 20) {
|
||||
async function createSeriesBanner(bannerData) {
|
||||
const formData = new FormData();
|
||||
if (bannerData.image) formData.append("image", bannerData.image);
|
||||
const requestData = { seriesId: bannerData.seriesId };
|
||||
const requestData = { seriesId: bannerData.seriesId, lang: bannerData.lang };
|
||||
formData.append("request", JSON.stringify(requestData));
|
||||
return Vue.axios.post("/admin/audio-content/series/banner/register", formData, {
|
||||
headers: { "Content-Type": "multipart/form-data" }
|
||||
|
||||
@@ -115,9 +115,10 @@ async function createCharacterBanner(bannerData) {
|
||||
// 이미지 FormData에 추가
|
||||
if (bannerData.image) formData.append('image', bannerData.image)
|
||||
|
||||
// 캐릭터 ID를 JSON 문자열로 변환하여 request 필드에 추가
|
||||
// 캐릭터 ID와 언어 코드를 JSON 문자열로 변환하여 request 필드에 추가
|
||||
const requestData = {
|
||||
characterId: bannerData.characterId
|
||||
characterId: bannerData.characterId,
|
||||
lang: bannerData.lang
|
||||
}
|
||||
|
||||
formData.append('request', JSON.stringify(requestData))
|
||||
|
||||
@@ -184,6 +184,18 @@
|
||||
</v-alert>
|
||||
</v-col>
|
||||
</v-row>
|
||||
<v-row v-if="!isEdit">
|
||||
<v-col cols="12">
|
||||
<v-select
|
||||
v-model="bannerForm.lang"
|
||||
:items="languageOptions"
|
||||
label="언어 선택"
|
||||
item-text="text"
|
||||
item-value="value"
|
||||
outlined
|
||||
/>
|
||||
</v-col>
|
||||
</v-row>
|
||||
<v-row v-if="selectedCharacter">
|
||||
<v-col cols="12">
|
||||
<v-alert
|
||||
@@ -302,8 +314,14 @@ export default {
|
||||
image: null,
|
||||
imageUrl: '',
|
||||
characterId: null,
|
||||
bannerId: null
|
||||
bannerId: null,
|
||||
lang: 'ko'
|
||||
},
|
||||
languageOptions: [
|
||||
{ text: '한국어', value: 'ko' },
|
||||
{ text: '일본어', value: 'ja' },
|
||||
{ text: '영어', value: 'en' }
|
||||
],
|
||||
imageRules: [
|
||||
v => !!v || this.isEdit || '이미지를 선택하세요'
|
||||
]
|
||||
@@ -312,7 +330,7 @@ export default {
|
||||
|
||||
computed: {
|
||||
isFormValid() {
|
||||
return (this.bannerForm.image || (this.isEdit && this.bannerForm.imageUrl)) && this.selectedCharacter;
|
||||
return (this.bannerForm.image || (this.isEdit && this.bannerForm.imageUrl)) && this.selectedCharacter && this.bannerForm.lang;
|
||||
}
|
||||
},
|
||||
|
||||
@@ -393,7 +411,8 @@ export default {
|
||||
image: null,
|
||||
imageUrl: '',
|
||||
characterId: null,
|
||||
bannerId: null
|
||||
bannerId: null,
|
||||
lang: 'ko'
|
||||
};
|
||||
this.previewImage = null;
|
||||
this.searchKeyword = '';
|
||||
@@ -414,7 +433,8 @@ export default {
|
||||
image: null,
|
||||
imageUrl: banner.imageUrl,
|
||||
characterId: banner.characterId,
|
||||
bannerId: banner.id
|
||||
bannerId: banner.id,
|
||||
lang: banner.lang || banner.language || null
|
||||
};
|
||||
this.previewImage = null;
|
||||
this.searchKeyword = '';
|
||||
@@ -430,7 +450,8 @@ export default {
|
||||
image: null,
|
||||
imageUrl: '',
|
||||
characterId: null,
|
||||
bannerId: null
|
||||
bannerId: null,
|
||||
lang: 'ko'
|
||||
};
|
||||
this.previewImage = null;
|
||||
this.searchKeyword = '';
|
||||
@@ -501,7 +522,8 @@ export default {
|
||||
// 배너 추가
|
||||
const response = await createCharacterBanner({
|
||||
image: this.bannerForm.image,
|
||||
characterId: this.selectedCharacter.id
|
||||
characterId: this.selectedCharacter.id,
|
||||
lang: this.bannerForm.lang
|
||||
});
|
||||
if (response && response.status === 200 && response.data && response.data.success === true) {
|
||||
this.notifySuccess('배너가 추가되었습니다.');
|
||||
|
||||
@@ -75,6 +75,9 @@
|
||||
<th class="text-center">
|
||||
가격
|
||||
</th>
|
||||
<th class="text-center">
|
||||
정산요율
|
||||
</th>
|
||||
<th class="text-center">
|
||||
한정판
|
||||
</th>
|
||||
@@ -157,6 +160,12 @@
|
||||
<td v-else>
|
||||
무료
|
||||
</td>
|
||||
<td>
|
||||
<!-- settlementRatio가 null 또는 빈값이면 빈칸으로 표시 -->
|
||||
<span v-if="item.settlementRatio !== null && item.settlementRatio !== undefined && String(item.settlementRatio).trim() !== ''">
|
||||
{{ item.settlementRatio }}
|
||||
</span>
|
||||
</td>
|
||||
<td
|
||||
v-if="
|
||||
item.totalContentCount > 0 &&
|
||||
@@ -355,6 +364,36 @@
|
||||
</v-col>
|
||||
</v-row>
|
||||
</v-card-text>
|
||||
<v-card-text v-if="selected_audio_content.price > 0">
|
||||
<v-row align="center">
|
||||
<v-col cols="4">
|
||||
정산요율
|
||||
</v-col>
|
||||
<v-col cols="8">
|
||||
<v-text-field
|
||||
v-model="audio_content.settlement_ratio"
|
||||
label="정산요율"
|
||||
placeholder="예: 30"
|
||||
type="number"
|
||||
hide-details="auto"
|
||||
:disabled="audio_content.is_settlement_ratio_deleted"
|
||||
/>
|
||||
</v-col>
|
||||
</v-row>
|
||||
</v-card-text>
|
||||
<v-card-text v-if="selected_audio_content.price > 0">
|
||||
<v-row>
|
||||
<v-col cols="4">
|
||||
정산요율 삭제
|
||||
</v-col>
|
||||
<v-col cols="8">
|
||||
<input
|
||||
v-model="audio_content.is_settlement_ratio_deleted"
|
||||
type="checkbox"
|
||||
>
|
||||
</v-col>
|
||||
</v-row>
|
||||
</v-card-text>
|
||||
<v-card-text>
|
||||
<v-row>
|
||||
<v-col cols="4">
|
||||
@@ -497,6 +536,8 @@ export default {
|
||||
is_adult: false,
|
||||
is_comment_available: false,
|
||||
is_default_cover_image: false,
|
||||
is_settlement_ratio_deleted: false,
|
||||
settlement_ratio: "",
|
||||
};
|
||||
await this.getAudioContentThemeList();
|
||||
await this.getAudioContent();
|
||||
@@ -531,6 +572,11 @@ export default {
|
||||
this.audio_content.is_adult = item.isAdult;
|
||||
this.audio_content.is_comment_available = item.isCommentAvailable;
|
||||
this.audio_content.is_default_cover_image = false;
|
||||
this.audio_content.is_settlement_ratio_deleted = false;
|
||||
this.audio_content.settlement_ratio =
|
||||
item.settlementRatio !== null && item.settlementRatio !== undefined
|
||||
? String(item.settlementRatio)
|
||||
: "";
|
||||
|
||||
this.image_preview = item.coverImageUrl;
|
||||
this.cover_image_file = null;
|
||||
@@ -590,6 +636,8 @@ export default {
|
||||
is_adult: false,
|
||||
is_comment_available: false,
|
||||
is_default_cover_image: false,
|
||||
is_settlement_ratio_deleted: false,
|
||||
settlement_ratio: "",
|
||||
};
|
||||
this.image_preview = null;
|
||||
this.cover_image_file = null;
|
||||
@@ -631,6 +679,12 @@ export default {
|
||||
isDefaultCoverImage: this.audio_content.is_default_cover_image,
|
||||
};
|
||||
|
||||
// 유료 콘텐츠인 경우에만 정산요율 관련 플래그/값 전송 고려
|
||||
const isPaid = this.selected_audio_content && this.selected_audio_content.price > 0;
|
||||
if (isPaid) {
|
||||
request.isSettlementRatioDeleted = this.audio_content.is_settlement_ratio_deleted;
|
||||
}
|
||||
|
||||
if (
|
||||
this.audio_content.title !== this.selected_audio_content.title &&
|
||||
this.audio_content.title.trim().length > 0
|
||||
@@ -657,6 +711,21 @@ export default {
|
||||
request.isCommentAvailable = this.audio_content.is_comment_available;
|
||||
}
|
||||
|
||||
// settlementRatio 처리 (null/빈문자 케이스 포함)
|
||||
const originalRatio =
|
||||
this.selected_audio_content.settlementRatio !== null &&
|
||||
this.selected_audio_content.settlementRatio !== undefined
|
||||
? String(this.selected_audio_content.settlementRatio)
|
||||
: "";
|
||||
const newRatio =
|
||||
this.audio_content.settlement_ratio !== null &&
|
||||
this.audio_content.settlement_ratio !== undefined
|
||||
? String(this.audio_content.settlement_ratio)
|
||||
: "";
|
||||
if (isPaid && !this.audio_content.is_settlement_ratio_deleted && newRatio !== originalRatio) {
|
||||
request.settlementRatio = newRatio;
|
||||
}
|
||||
|
||||
const formData = new FormData();
|
||||
formData.append("request", JSON.stringify(request));
|
||||
|
||||
|
||||
@@ -109,6 +109,23 @@
|
||||
</v-col>
|
||||
</v-row>
|
||||
</v-card-text>
|
||||
<!-- 언어 선택: 등록 시에만 노출 (수정 시 비노출) -->
|
||||
<v-card-text v-if="!is_modify">
|
||||
<v-row align="center">
|
||||
<v-col cols="4">
|
||||
언어
|
||||
</v-col>
|
||||
<v-col cols="8">
|
||||
<v-select
|
||||
v-model="banner.lang"
|
||||
:items="langItems"
|
||||
item-text="text"
|
||||
item-value="value"
|
||||
label="언어 선택"
|
||||
/>
|
||||
</v-col>
|
||||
</v-row>
|
||||
</v-card-text>
|
||||
<v-card-text>
|
||||
<v-row align="center">
|
||||
<v-col cols="4">
|
||||
@@ -327,7 +344,7 @@ export default {
|
||||
show_write_dialog: false,
|
||||
show_delete_confirm_dialog: false,
|
||||
selected_banner: {},
|
||||
banner: {type: 'CREATOR', tab_id: 1},
|
||||
banner: {type: 'CREATOR', tab_id: 1, lang: 'ko'},
|
||||
banners: [],
|
||||
events: [],
|
||||
creators: [],
|
||||
@@ -335,7 +352,12 @@ export default {
|
||||
search_query_creator: '',
|
||||
search_query_series: '',
|
||||
tabs: [],
|
||||
selected_tab_id: 1
|
||||
selected_tab_id: 1,
|
||||
langItems: [
|
||||
{ text: '한국어', value: 'ko' },
|
||||
{ text: '일본어', value: 'ja' },
|
||||
{ text: '영어', value: 'en' }
|
||||
]
|
||||
}
|
||||
},
|
||||
|
||||
@@ -379,7 +401,7 @@ export default {
|
||||
this.is_selecting = false
|
||||
this.show_write_dialog = false
|
||||
this.show_delete_confirm_dialog = false
|
||||
this.banner = {type: 'CREATOR', tab_id: 1}
|
||||
this.banner = {type: 'CREATOR', tab_id: 1, lang: 'ko'}
|
||||
this.selected_banner = {}
|
||||
this.search_query_creator = ''
|
||||
this.search_query_series = ''
|
||||
@@ -432,6 +454,10 @@ export default {
|
||||
this.banner.link = banner.link
|
||||
this.banner.is_adult = banner.isAdult
|
||||
this.banner.tab_id = banner.tabId
|
||||
// 수정 시 언어는 변경 불가하므로 UI를 표시하지 않음. 필요 시 내부 유지만 함 (기본값 또는 서버 값 사용)
|
||||
if (banner.lang) {
|
||||
this.banner.lang = banner.lang
|
||||
}
|
||||
|
||||
setTimeout(() => {
|
||||
this.is_selecting = false; // 선택 상태 해제
|
||||
@@ -497,7 +523,8 @@ export default {
|
||||
|
||||
let request = {
|
||||
type: this.banner.type,
|
||||
isAdult: this.banner.is_adult
|
||||
isAdult: this.banner.is_adult,
|
||||
lang: this.banner.lang || 'ko'
|
||||
}
|
||||
|
||||
if (this.banner.type === 'CREATOR') {
|
||||
|
||||
@@ -153,6 +153,22 @@
|
||||
</v-col>
|
||||
</v-row>
|
||||
</v-card-text>
|
||||
<v-card-text v-if="selected_recommend_live === null">
|
||||
<v-row align="center">
|
||||
<v-col cols="4">
|
||||
언어
|
||||
</v-col>
|
||||
<v-col cols="8">
|
||||
<v-select
|
||||
v-model="lang"
|
||||
:items="languageOptions"
|
||||
item-text="label"
|
||||
item-value="value"
|
||||
label="언어 선택"
|
||||
/>
|
||||
</v-col>
|
||||
</v-row>
|
||||
</v-card-text>
|
||||
<v-card-text>
|
||||
<v-row align="center">
|
||||
<v-col cols="4">
|
||||
@@ -234,6 +250,12 @@ export default {
|
||||
start_date: null,
|
||||
end_date: null,
|
||||
is_adult: false,
|
||||
lang: 'ko',
|
||||
languageOptions: [
|
||||
{ label: '한국어', value: 'ko' },
|
||||
{ label: '일본어', value: 'ja' },
|
||||
{ label: '영어', value: 'en' },
|
||||
],
|
||||
headers: [
|
||||
{
|
||||
text: '이미지',
|
||||
@@ -358,6 +380,7 @@ export default {
|
||||
formData.append("start_date", this.start_date)
|
||||
formData.append("end_date", this.end_date)
|
||||
formData.append("is_adult", this.is_adult)
|
||||
formData.append("lang", this.lang)
|
||||
|
||||
const res = await api.createRecommendCreatorBanner(formData);
|
||||
if (res.status === 200 && res.data.success === true) {
|
||||
@@ -383,7 +406,8 @@ export default {
|
||||
this.image === null ||
|
||||
this.creator_id === null ||
|
||||
this.start_date === null ||
|
||||
this.end_date === null
|
||||
this.end_date === null ||
|
||||
this.lang === null
|
||||
) {
|
||||
this.notifyError('내용을 입력하세요')
|
||||
} else {
|
||||
@@ -398,6 +422,9 @@ export default {
|
||||
this.creator_id = null
|
||||
this.start_date = null
|
||||
this.end_date = null
|
||||
this.is_adult = false
|
||||
this.lang = 'ko'
|
||||
this.selected_recommend_live = null
|
||||
},
|
||||
|
||||
notifyError(message) {
|
||||
@@ -471,6 +498,8 @@ export default {
|
||||
}
|
||||
},
|
||||
showWriteDialog() {
|
||||
this.selected_recommend_live = null
|
||||
this.lang = 'ko'
|
||||
this.show_write_dialog = true
|
||||
},
|
||||
}
|
||||
|
||||
@@ -66,6 +66,14 @@
|
||||
/>
|
||||
<v-card-text class="text-center">
|
||||
<div>{{ resolveSeriesTitle(banner) }}</div>
|
||||
<v-chip
|
||||
v-if="banner.lang"
|
||||
x-small
|
||||
label
|
||||
class="mt-1"
|
||||
>
|
||||
{{ banner.lang === 'ko' ? '한국어' : banner.lang === 'ja' ? '일본어' : '영어' }}
|
||||
</v-chip>
|
||||
</v-card-text>
|
||||
<v-card-actions>
|
||||
<v-spacer />
|
||||
@@ -146,6 +154,17 @@
|
||||
/>
|
||||
</v-col>
|
||||
</v-row>
|
||||
<v-row v-if="!isEdit">
|
||||
<v-col cols="12">
|
||||
<v-select
|
||||
v-model="bannerForm.lang"
|
||||
:items="languages"
|
||||
label="언어 선택"
|
||||
outlined
|
||||
:rules="[v => !!v || '언어를 선택하세요']"
|
||||
/>
|
||||
</v-col>
|
||||
</v-row>
|
||||
<v-row>
|
||||
<v-col cols="12">
|
||||
<v-text-field
|
||||
@@ -293,11 +312,17 @@ export default {
|
||||
searchResults: [],
|
||||
searchPerformed: false,
|
||||
previewImage: null,
|
||||
languages: [
|
||||
{ text: '한국어', value: 'ko' },
|
||||
{ text: '일본어', value: 'ja' },
|
||||
{ text: '영어', value: 'en' }
|
||||
],
|
||||
bannerForm: {
|
||||
image: null,
|
||||
imageUrl: '',
|
||||
seriesId: null,
|
||||
bannerId: null
|
||||
bannerId: null,
|
||||
lang: 'ko'
|
||||
},
|
||||
imageRules: [
|
||||
v => !!v || this.isEdit || '이미지를 선택하세요'
|
||||
@@ -306,7 +331,7 @@ export default {
|
||||
},
|
||||
computed: {
|
||||
isFormValid() {
|
||||
return (this.bannerForm.image || (this.isEdit && this.bannerForm.imageUrl)) && this.selectedSeries
|
||||
return (this.bannerForm.image || (this.isEdit && this.bannerForm.imageUrl)) && this.selectedSeries && (this.isEdit || this.bannerForm.lang)
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
@@ -368,7 +393,7 @@ export default {
|
||||
showAddDialog() {
|
||||
this.isEdit = false
|
||||
this.selectedSeries = null
|
||||
this.bannerForm = { image: null, imageUrl: '', seriesId: null, bannerId: null }
|
||||
this.bannerForm = { image: null, imageUrl: '', seriesId: null, bannerId: null, lang: 'ko' }
|
||||
this.previewImage = null
|
||||
this.searchKeyword = ''
|
||||
this.searchResults = []
|
||||
@@ -387,7 +412,8 @@ export default {
|
||||
image: null,
|
||||
imageUrl: banner.imageUrl || banner.imagePath,
|
||||
seriesId: banner.seriesId,
|
||||
bannerId: banner.id
|
||||
bannerId: banner.id,
|
||||
lang: banner.lang || 'ko'
|
||||
}
|
||||
this.previewImage = null
|
||||
this.searchKeyword = ''
|
||||
@@ -398,7 +424,7 @@ export default {
|
||||
closeDialog() {
|
||||
this.showDialog = false
|
||||
this.selectedSeries = null
|
||||
this.bannerForm = { image: null, imageUrl: '', seriesId: null, bannerId: null }
|
||||
this.bannerForm = { image: null, imageUrl: '', seriesId: null, bannerId: null, lang: 'ko' }
|
||||
this.previewImage = null
|
||||
this.searchKeyword = ''
|
||||
this.searchResults = []
|
||||
@@ -450,13 +476,16 @@ export default {
|
||||
})
|
||||
if (response && response.status === 200 && response.data && response.data.success === true) {
|
||||
this.notifySuccess('배너가 수정되었습니다.')
|
||||
this.closeDialog()
|
||||
this.refreshBanners()
|
||||
} else {
|
||||
this.notifyError('배너 수정을 실패했습니다.')
|
||||
}
|
||||
} else {
|
||||
const response = await createSeriesBanner({
|
||||
image: this.bannerForm.image,
|
||||
seriesId: this.selectedSeries.id
|
||||
seriesId: this.selectedSeries.id,
|
||||
lang: this.bannerForm.lang
|
||||
})
|
||||
if (response && response.status === 200 && response.data && response.data.success === true) {
|
||||
this.notifySuccess('배너가 추가되었습니다.')
|
||||
|
||||
Reference in New Issue
Block a user