From 22b185c31a59f36e282fe29f5c13c51fe08f0288 Mon Sep 17 00:00:00 2001
From: Yu Sung <hwchon1234@gmail.com>
Date: Tue, 21 Jan 2025 18:36:05 +0900
Subject: [PATCH 1/2] =?UTF-8?q?=EC=BD=98=ED=85=90=EC=B8=A0=20=EB=B0=B0?=
 =?UTF-8?q?=EB=84=88=20=EB=93=B1=EB=A1=9D/=EC=88=98=EC=A0=95=20=ED=8E=98?=
 =?UTF-8?q?=EC=9D=B4=EC=A7=80=20-=20=ED=83=AD=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/audio_content.js                   | 11 ++++--
 src/views/Content/ContentMainTopBanner.vue | 45 ++++++++++++++++++++--
 2 files changed, 49 insertions(+), 7 deletions(-)

diff --git a/src/api/audio_content.js b/src/api/audio_content.js
index ba651e3..c171395 100644
--- a/src/api/audio_content.js
+++ b/src/api/audio_content.js
@@ -19,8 +19,8 @@ async function modifyAudioContent(request) {
     return Vue.axios.put("/admin/audio-content", request)
 }
 
-async function getBannerList() {
-    return Vue.axios.get("/admin/audio-content/banner")
+async function getBannerList(tabId) {
+    return Vue.axios.get("/admin/audio-content/banner?tabId=" + tabId)
 }
 
 async function saveBanner(formData) {
@@ -63,6 +63,10 @@ async function getAudioContentThemeList() {
     return Vue.axios.get("/admin/audio-content/theme")
 }
 
+async function getAudioContentMainTabList() {
+    return Vue.axios.get("/admin/audio-content/main/tab")
+}
+
 export {
     getAudioContentList,
     searchAudioContent,
@@ -75,5 +79,6 @@ export {
     saveCuration,
     modifyCuration,
     updateCurationOrders,
-    getAudioContentThemeList
+    getAudioContentThemeList,
+    getAudioContentMainTabList
 }
diff --git a/src/views/Content/ContentMainTopBanner.vue b/src/views/Content/ContentMainTopBanner.vue
index db85b17..305aab6 100644
--- a/src/views/Content/ContentMainTopBanner.vue
+++ b/src/views/Content/ContentMainTopBanner.vue
@@ -16,11 +16,25 @@
       <template v-slot:activator="{ on, attrs }">
         <v-container>
           <v-row>
-            <v-col cols="10" />
+            <v-col cols="9">
+              <v-radio-group
+                v-model="selected_tab_id"
+                row
+                @change="getBanners"
+              >
+                <v-radio
+                  v-for="tab in tabs"
+                  :key="tab.tabId"
+                  :label="tab.title"
+                  :value="tab.tabId"
+                />
+              </v-radio-group>
+            </v-col>
+            <v-spacer />
             <v-col>
               <v-btn
                 block
-                color="#9970ff"
+                color="#3BB9F1"
                 dark
                 depressed
                 v-bind="attrs"
@@ -300,6 +314,8 @@ export default {
             series: [],
             search_query_creator: '',
             search_query_series: '',
+            tabs: [],
+            selected_tab_id: 1
         }
     },
 
@@ -319,7 +335,7 @@ export default {
 
     async created() {
         await this.getEvents()
-        await this.getBanners()
+        await this.getAudioContentMainTabList()
     },
 
     mounted() {
@@ -357,6 +373,27 @@ export default {
             this.$dialog.notify.success(message)
         },
 
+        async getAudioContentMainTabList() {
+          this.is_loading = true
+
+          try {
+            const res = await api.getAudioContentMainTabList()
+            if (res.status === 200 && res.data.success === true) {
+              const data = res.data.data
+
+              this.tabs = data
+              this.selected_tab_id = data[0].tabId
+              await this.getBanners()
+            } else {
+              this.notifyError(res.data.message || '알 수 없는 오류가 발생했습니다. 다시 시도해 주세요.')
+            }
+          } catch (e) {
+            this.notifyError('알 수 없는 오류가 발생했습니다. 다시 시도해 주세요.')
+          } finally {
+            this.is_loading = false
+          }
+        },
+
         showModifyBannerDialog(banner) {
             this.is_modify = true
             this.selected_banner = banner
@@ -680,7 +717,7 @@ export default {
         async getBanners() {
             this.is_loading = true
             try {
-                const res = await api.getBannerList()
+                const res = await api.getBannerList(this.selected_tab_id)
                 if (res.status === 200 && res.data.success === true) {
                     this.banners = res.data.data
                 } else {
-- 
2.40.1


From af45c0093e90eafad3799e1984d7a042835d4fc0 Mon Sep 17 00:00:00 2001
From: Yu Sung <hwchon1234@gmail.com>
Date: Tue, 21 Jan 2025 21:27:24 +0900
Subject: [PATCH 2/2] =?UTF-8?q?=EC=BD=98=ED=85=90=EC=B8=A0=20=EB=B0=B0?=
 =?UTF-8?q?=EB=84=88=20=EB=93=B1=EB=A1=9D/=EC=88=98=EC=A0=95=20=EB=A0=88?=
 =?UTF-8?q?=EC=9D=B4=EC=96=B4=20=ED=8C=9D=EC=97=85=20-=20=ED=83=AD=20?=
 =?UTF-8?q?=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/Content/ContentMainTopBanner.vue | 33 ++++++++++++++++++++--
 1 file changed, 31 insertions(+), 2 deletions(-)

diff --git a/src/views/Content/ContentMainTopBanner.vue b/src/views/Content/ContentMainTopBanner.vue
index 305aab6..a030ee0 100644
--- a/src/views/Content/ContentMainTopBanner.vue
+++ b/src/views/Content/ContentMainTopBanner.vue
@@ -89,6 +89,26 @@
         <v-card-title v-else>
           배너 등록
         </v-card-title>
+        <v-card-text>
+          <v-row align="center">
+            <v-col cols="4">
+              메인 탭
+            </v-col>
+            <v-col cols="8">
+              <v-radio-group
+                v-model="banner.tab_id"
+                row
+              >
+                <v-radio
+                  v-for="tab in tabs"
+                  :key="tab.tabId"
+                  :label="tab.title"
+                  :value="tab.tabId"
+                />
+              </v-radio-group>
+            </v-col>
+          </v-row>
+        </v-card-text>
         <v-card-text>
           <v-row align="center">
             <v-col cols="4">
@@ -307,7 +327,7 @@ export default {
             show_write_dialog: false,
             show_delete_confirm_dialog: false,
             selected_banner: {},
-            banner: {type: 'CREATOR'},
+            banner: {type: 'CREATOR', tab_id: 1},
             banners: [],
             events: [],
             creators: [],
@@ -359,7 +379,7 @@ export default {
             this.is_selecting = false
             this.show_write_dialog = false
             this.show_delete_confirm_dialog = false
-            this.banner = {type: 'CREATOR'}
+            this.banner = {type: 'CREATOR', tab_id: 1}
             this.selected_banner = {}
             this.search_query_creator = ''
             this.search_query_series = ''
@@ -411,6 +431,7 @@ export default {
             this.banner.series_title = banner.seriesTitle
             this.banner.link = banner.link
             this.banner.is_adult = banner.isAdult
+            this.banner.tab_id = banner.tabId
 
             setTimeout(() => {
               this.is_selecting = false; // 선택 상태 해제
@@ -489,6 +510,10 @@ export default {
                   request.seriesId = this.banner.series_id
                 }
 
+                if (this.banner.tab_id !== 1) {
+                  request.tabId = this.banner.tab_id
+                }
+
                 formData.append("request", JSON.stringify(request))
 
                 const res = await api.saveBanner(formData)
@@ -560,6 +585,10 @@ export default {
                     request.isAdult = this.banner.is_adult
                 }
 
+                if (this.selected_banner.tabId !== this.banner.tab_id) {
+                  request.tabId = this.banner.tab_id
+                }
+
                 formData.append("request", JSON.stringify(request))
 
                 const res = await api.modifyBanner(formData)
-- 
2.40.1