Merge pull request 'feat(calculate): 오리지널 시리즈 정산 기능 추가' (#98) from test into main

Reviewed-on: #98

src/api/member.js

@@ -1,7 +1,7 @@
 import Vue from 'vue';
 
 async function login(email, password) {
-    return Vue.axios.post('/admin/member/login', {
+    return Vue.axios.post('/member/login', {
         email,
         password,
         isAdmin: true,

src/components/SideMenu.vue

@@ -94,135 +94,113 @@ export default {
       this.isLoading = true
       try {
         let res = await api.getMenus();
-        if (res.status === 200 && res.data.success === true) {
+        if (res.status === 200 && res.data.success === true && res.data.data.length > 0) {
-          // 기본 메뉴 설정 (API 결과가 비어있을 수 있음)
+          this.items = res.data.data
-          this.items = Array.isArray(res.data.data) ? res.data.data : []
 
-          // 현재 사용자 역할 확인
+          // '시리즈 관리' 메뉴에 '배너 등록' 하위 메뉴 추가
-          const role = (this.$store && this.$store.state && this.$store.state.accountStore && this.$store.state.accountStore.role)
+          try {
-            || localStorage.role
+            const seriesMenu = this.items.find(m => m && m.title === '시리즈 관리')
-
+            if (seriesMenu) {
-          // ADMIN 권한 전용 추가 메뉴들
+              if (!Array.isArray(seriesMenu.items)) {
-          if (role === 'ADMIN') {
+                seriesMenu.items = seriesMenu.items ? [].concat(seriesMenu.items) : []
-            // '시리즈 관리' 메뉴에 '배너 등록' 하위 메뉴 추가
+              }
-            try {
+              const exists = seriesMenu.items.some(ci => ci && ci.route === '/content/series/banner')
-              const seriesMenu = this.items.find(m => m && m.title === '시리즈 관리')
+              if (!exists) {
-              if (seriesMenu) {
+                seriesMenu.items.push({
-                if (!Array.isArray(seriesMenu.items)) {
+                  title: '배너 등록',
-                  seriesMenu.items = seriesMenu.items ? [].concat(seriesMenu.items) : []
+                  route: '/content/series/banner',
-                }
+                  items: null
-                const exists = seriesMenu.items.some(ci => ci && ci.route === '/content/series/banner')
+                })
-                if (!exists) {
-                  seriesMenu.items.push({
-                    title: '배너 등록',
-                    route: '/content/series/banner',
-                    items: null
-                  })
-                }
               }
-            } catch (e) {
-              // ignore
             }
+          } catch (e) {
+            // ignore
+          }
 
-            // 캐릭터 챗봇 메뉴 추가
+          // 캐릭터 챗봇 메뉴 추가
-            this.items.push({
+          this.items.push({
-              title: '캐릭터 챗봇',
+            title: '캐릭터 챗봇',
+            route: null,
+            items: [
+              {
+                title: '배너 등록',
+                route: '/character/banner',
+                items: null
+              },
+              {
+                title: '캐릭터 리스트',
+                route: '/character',
+                items: null
+              },
+              {
+                title: '큐레이션',
+                route: '/character/curation',
+                items: null
+              },
+              {
+                title: '정산',
+                route: '/character/calculate',
+                items: null
+              },
+              {
+                title: '원작',
+                route: '/original-work',
+                items: null
+              },
+            ]
+          })
+
+          // 에이전트 관리 메뉴를 '크리에이터 관리' 바로 아래에 추가
+          try {
+            const insertAfterTitle = '크리에이터 관리'
+            const agentMenu = {
+              title: '에이전트 관리',
               route: null,
               items: [
-                {
+                { title: '에이전트 리스트', route: '/agent/list', items: null },
-                  title: '배너 등록',
+                { title: '에이전트 정산 비율', route: '/agent/settlement-ratio', items: null },
-                  route: '/character/banner',
-                  items: null
-                },
-                {
-                  title: '캐릭터 리스트',
-                  route: '/character',
-                  items: null
-                },
-                {
-                  title: '큐레이션',
-                  route: '/character/curation',
-                  items: null
-                },
-                {
-                  title: '정산',
-                  route: '/character/calculate',
-                  items: null
-                },
-                {
-                  title: '원작',
-                  route: '/original-work',
-                  items: null
-                },
               ]
-            })
-
-            // 에이전트 관리 메뉴를 '크리에이터 관리' 바로 아래에 추가
-            try {
-              const insertAfterTitle = '크리에이터 관리'
-              const agentMenu = {
-                title: '에이전트 관리',
-                route: null,
-                items: [
-                  { title: '에이전트 리스트', route: '/agent/list', items: null },
-                  { title: '에이전트 정산 비율', route: '/agent/settlement-ratio', items: null },
-                ]
-              }
-
-              const idx = this.items.findIndex(m => m && m.title === insertAfterTitle)
-              if (idx >= 0) {
-                this.items.splice(idx + 1, 0, agentMenu)
-              } else {
-                // 기준 메뉴가 없으면 하단에 추가
-                this.items.push(agentMenu)
-              }
-            } catch (e) {
-              // ignore
             }
 
-            // 정산현황 메뉴에 '채널 후원 정산' 및 '오리지널 시리즈 정산' 추가
+            const idx = this.items.findIndex(m => m && m.title === insertAfterTitle)
-            try {
+            if (idx >= 0) {
-              const calculateMenu = this.items.find(m => m && m.title === '정산현황')
+              this.items.splice(idx + 1, 0, agentMenu)
-              if (calculateMenu) {
+            } else {
-                if (!Array.isArray(calculateMenu.items)) {
+              // 기준 메뉴가 없으면 하단에 추가
-                  calculateMenu.items = calculateMenu.items ? [].concat(calculateMenu.items) : []
+              this.items.push(agentMenu)
-                }
-                const exists = calculateMenu.items.some(ci => ci && ci.route === '/calculate/channel-donation')
-                if (!exists) {
-                  calculateMenu.items.push({
-                    title: '채널 후원 정산',
-                    route: '/calculate/channel-donation',
-                    items: null
-                  })
-                }
-
-                const existsOriginal = calculateMenu.items.some(ci => ci && ci.route === '/calculate/original-series')
-                if (!existsOriginal) {
-                  calculateMenu.items.push({
-                    title: '오리지널 시리즈 정산',
-                    route: '/calculate/original-series',
-                    items: null
-                  })
-                }
-              }
-            } catch (e) {
-              // ignore
             }
+          } catch (e) {
+            // ignore
           }
 
-          // 조회한 메뉴가 비어 있고, 콘텐츠 매니저라면 기본 메뉴 추가
+          // 정산현황 메뉴에 '채널 후원 정산' 추가
-          if (this.items.length === 0 && role === 'CONTENT_MANAGER') {
+          try {
-            this.items.push({
+            const calculateMenu = this.items.find(m => m && m.title === '정산현황')
-              title: '콘텐츠 리스트',
+            if (calculateMenu) {
-              route: '/content/list',
+              if (!Array.isArray(calculateMenu.items)) {
-              items: null
+                calculateMenu.items = calculateMenu.items ? [].concat(calculateMenu.items) : []
-            })
+              }
-          }
+              const exists = calculateMenu.items.some(ci => ci && ci.route === '/calculate/channel-donation')
+              if (!exists) {
+                calculateMenu.items.push({
+                  title: '채널 후원 정산',
+                  route: '/calculate/channel-donation',
+                  items: null
+                })
+              }
 
-          // 그래도 비어있다면 이전 동작과 동일하게 처리
+              // '오리지널 시리즈 정산' 추가
-          if (this.items.length === 0) {
+              const existsOriginal = calculateMenu.items.some(ci => ci && ci.route === '/calculate/original-series')
-            this.notifyError("알 수 없는 오류가 발생했습니다. 다시 로그인 해주세요!")
+              if (!existsOriginal) {
-            this.logout();
+                calculateMenu.items.push({
+                  title: '오리지널 시리즈 정산',
+                  route: '/calculate/original-series',
+                  items: null
+                })
+              }
+            }
+          } catch (e) {
+            // ignore
           }
         } else {
           this.notifyError("알 수 없는 오류가 발생했습니다. 다시 로그인 해주세요!")

src/store/accountStore.js

@@ -12,13 +12,17 @@ enhanceAccessToken();
 const accountStore = {
     namespaced: true,
     state: {
+        userId: '',
+        nickname: '',
         accessToken: '',
-        role: '',
+        profileImage: '',
     },
     getters: {
         isAuthenticated(state) {
+            state.userId = state.userId || localStorage.userId
+            state.nickname = state.nickname || localStorage.nickname
+            state.profileImage = state.profileImage || localStorage.profileImage
             state.accessToken = state.accessToken || localStorage.accessToken
-            state.role = state.role || localStorage.role
 
             return state.accessToken !== undefined &&
                 state.accessToken !== null &&
@@ -27,19 +31,27 @@ const accountStore = {
         }
     },
     mutations: {
-        LOGIN(state, {token, role}) {
+        LOGIN(state, {userId, nickname, token, profileImage}) {
+            state.userId = userId
+            localStorage.userId = userId
+
+            state.nickname = nickname
+            localStorage.nickname = nickname
+
+            state.profileImage = profileImage
+            localStorage.profileImage = profileImage
+
             state.accessToken = token
             localStorage.accessToken = token
 
-            state.role = role
-            localStorage.role = role
-
             Vue.axios.defaults.headers.common['Authorization'] = `Bearer ${token}`;
         },
 
         LOGOUT(state) {
+            state.userId = ''
+            state.nickname = ''
+            state.profileImage = ''
             state.accessToken = ''
-            state.role = ''
 
             localStorage.clear()
             if (location.pathname === '/') {

src/views/Calculate/OriginalSeriesSettlement.vue

@@ -180,7 +180,7 @@ export default {
       items: [],
       totalCount: 0,
       page: 1,
-      pageSize: 20,
+      pageSize: 10,
 
       excelLoading: false,
 

src/views/Can/CanManagement.vue

@@ -135,8 +135,7 @@ export default {
       currency: 'KRW',
       currencies: [
         { text: 'KRW (한국 원)', value: 'KRW' },
-        { text: 'USD (미국 달러)', value: 'USD' },
+        { text: 'USD (미국 달러)', value: 'USD' }
-        { text: 'JPY (일본 엔)', value: 'JPY' }
       ],
       headers: [
         {

src/views/Content/ContentList.vue

@@ -36,7 +36,7 @@
           >
             <v-btn
               slot="append"
-              color="#3bb9f1"
+              color="#9970ff"
               dark
               @click="search"
             >
@@ -96,10 +96,7 @@
                   <th class="text-center">
                     오픈 예정일
                   </th>
-                  <th
+                  <th class="text-center">
-                    v-if="isAdmin"
-                    class="text-center"
-                  >
                     관리
                   </th>
                 </tr>
@@ -217,7 +214,7 @@
                   </td>
                   <td>{{ item.date }}</td>
                   <td>{{ item.releaseDate }}</td>
-                  <td v-if="isAdmin">
+                  <td>
                     <v-row>
                       <v-col>
                         <v-btn
@@ -530,14 +527,6 @@ export default {
     };
   },
 
-  computed: {
-    isAdmin() {
-      const role = (this.$store && this.$store.state && this.$store.state.accountStore && this.$store.state.accountStore.role)
-        || (typeof localStorage !== 'undefined' ? localStorage.role : '');
-      return role === 'ADMIN';
-    },
-  },
-
   async created() {
     this.audio_content = {
       id: null,
@@ -550,10 +539,7 @@ export default {
       is_settlement_ratio_deleted: false,
       settlement_ratio: "",
     };
-    // ADMIN 권한일 때만 테마 리스트 조회
+    await this.getAudioContentThemeList();
-    if (this.isAdmin) {
-      await this.getAudioContentThemeList();
-    }
     await this.getAudioContent();
   },
 

src/views/Member/MemberList.vue

@@ -19,7 +19,7 @@
           >
             <v-btn
               slot="append"
-              color="#3bb9f1"
+              color="#9970ff"
               dark
               @click="search"
             >
@@ -171,7 +171,7 @@
           <v-card-text>
             <v-row align="center">
               <v-col cols="4">
-                권한
+                사용 여부
               </v-col>
               <v-col cols="8">
                 <v-radio-group
@@ -191,10 +191,6 @@
                     value="USER"
                     label="일반회원"
                   />
-                  <v-radio
-                    value="CONTENT_MANAGER"
-                    label="콘텐츠 관리자"
-                  />
                   <v-spacer />
                 </v-radio-group>
               </v-col>
@@ -455,8 +451,6 @@ export default {
         this.user_type = 'CREATOR'
       } else if (member.userType === '에이전트') {
         this.user_type = 'AGENT'
-      } else if (member.userType === '콘텐츠 관리자') {
-        this.user_type = 'CONTENT_MANAGER'
       }
 
       this.email = member.email
@@ -525,8 +519,7 @@ export default {
       if (
         (this.user_type === 'CREATOR' && this.member.userType === '크리에이터') ||
         (this.user_type === 'USER' && this.member.userType === '일반회원') ||
-        (this.user_type === 'AGENT' && this.member.userType === '에이전트') ||
+        (this.user_type === 'AGENT' && this.member.userType === '에이전트')
-        (this.user_type === 'CONTENT_MANAGER' && this.member.userType === '콘텐츠 관리자')
       ) {
         this.notifyError("변경사항이 없습니다.")
       } else {