Merge pull request 'test' (#96) from test into main

Reviewed-on: #96
This commit is contained in:
2026-04-08 02:17:32 +00:00
7 changed files with 197 additions and 20 deletions

View File

@@ -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" }

View File

@@ -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))

View File

@@ -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('배너가 추가되었습니다.');

View File

@@ -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));

View File

@@ -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') {

View File

@@ -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
},
}

View File

@@ -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('배너가 추가되었습니다.')