오류 수정

frontend/src/views/club/ClubCreate.vue

@@ -19,11 +19,7 @@
         
         <div class="form-group">
           <label for="averageCalculationPeriod">평균 산정 기준</label>
-          <select id="averageCalculationPeriod" v-model="averageCalculationPeriod" class="w-full">
-            <option value="all">전체</option>
-            <option value="1year">최근 1년</option>
-            <option value="6months">최근 6개월</option>
-          </select>
+          <Select id="averageCalculationPeriod" v-model="averageCalculationPeriod" class="form-control" :options="AVERAGE_CALCULATION_PERIOD_OPTIONS" optionLabel="name" optionValue="value" />
         </div>
         <div class="form-group">
           <label for="clubLocation">활동 볼링장</label>
@@ -37,12 +33,13 @@
 </template>
 
 <script setup>
+import { AVERAGE_CALCULATION_PERIOD_OPTIONS } from '@/utils/enumMappings';
 import { ref, computed, onMounted, inject } from 'vue';
 import { useRouter } from 'vue-router';
 import { useToast } from 'primevue/usetoast';
 import clubService from '@/services/clubService';
 import { useAuthStore } from '@/stores/authStore';
-import axios from 'axios'
+
 
 const toast = useToast();
 const authStore = useAuthStore();
@@ -53,7 +50,7 @@ const clubName = ref('');
 const clubDescription = ref('');
 const clubLocation = ref('');
 const clubContact = ref('');
-const averageCalculationPeriod = ref('all');
+const averageCalculationPeriod = ref('6month');
 const loading = ref(false);
 const clubNameError = ref('');
 const clubDescriptionError = ref('');

frontend/src/views/club/ClubSettings.vue

@@ -30,11 +30,7 @@
             </div>
             <div class="field col-4">
               <label for="averageCalculationPeriod">평균 산정 기준</label>
-              <select id="averageCalculationPeriod" v-model="clubInfo.averageCalculationPeriod" class="form-control">
-                <option v-for="option in averageCalculationPeriodOptions" :key="option.value" :value="option.value">
-                  {{ option.label }}
-                </option>
-              </select>
+              <Select id="averageCalculationPeriod" v-model="clubInfo.averageCalculationPeriod" class="form-control" :options="AVERAGE_CALCULATION_PERIOD_OPTIONS" optionLabel="name" optionValue="value" />
               <small class="form-text text-muted">클럽의 에버리지(평균) 산정 기준을 선택하세요.</small>
             </div>
             <div class="field col-12">
@@ -131,17 +127,8 @@
 </template>
 
 <script setup>
-import { getAverageCalculationPeriodLabel } from '@/utils/enumMappings';
+import { AVERAGE_CALCULATION_PERIOD_OPTIONS } from '@/utils/enumMappings';
 
-const averageCalculationPeriodOptions = [
-  { value: 'total', label: getAverageCalculationPeriodLabel('total') },
-  { value: '1year', label: getAverageCalculationPeriodLabel('1year') },
-  { value: '6month', label: getAverageCalculationPeriodLabel('6month') },
-  { value: '3month', label: getAverageCalculationPeriodLabel('3month') },
-  { value: 'firsthalf', label: getAverageCalculationPeriodLabel('firsthalf') },
-  { value: 'secondhalf', label: getAverageCalculationPeriodLabel('secondhalf') },
-  { value: 'quarterly', label: getAverageCalculationPeriodLabel('quarterly') }
-];
 import { ref, onMounted, computed, inject } from 'vue';
 import { useRouter } from 'vue-router';
 import { useToast } from 'primevue/usetoast';
@@ -162,7 +149,7 @@ const clubInfo = ref({
   location: '',
   femaleHandicap: 15, // 기본값 설정
   ownerId: null, // 모임장 ID
-  averageCalculationPeriod: 'all' // 평균 산정 기준 기본값
+  averageCalculationPeriod: 'total' // 평균 산정 기준 기본값
 });
 
 // 구독 정보