Merge branch 'wordDict'

src/components/wordDict/DictWrite.vue

@@ -5,7 +5,7 @@
                 <FormSelect
                     name="cate"
                     title="카테고리 선택"
-                    :data="formattedDataList"
+                    :data="dataList"
                     :is-common="true"
                     @update:data="selectCategory = $event"
                     @change="onChange"
@@ -79,12 +79,12 @@ const props = defineProps({
 });
 
 // 데이터 포맷 수정
-const formattedDataList = computed(() =>
-    props.dataList.map(item => ({
-        label: item.CMNCODNAM,
-        value: item.CMNCODVAL
-    }))
-);
+// const formattedDataList = computed(() =>
+//     props.dataList.map(item => ({
+//         label: item.CMNCODNAM,
+//         value: item.CMNCODVAL
+//     }))
+// );
 
 // 카테고리 입력 창
 const showInput = ref(false);

src/views/wordDict/wordDict.vue

@@ -45,9 +45,9 @@
     <!-- 단어 목록 -->
     <ul v-if="total > 0" class="px-0 list-unstyled">
         <DictCard
-        v-for="item in wordList"
-        :key="item.WRDDICSEQ"
-        :item="item"
+            v-for="item in wordList"
+            :key="item.WRDDICSEQ"
+            :item="item"
         />
     </ul>
 
@@ -69,7 +69,7 @@
     import DictCard from '@/components/wordDict/DictCard.vue';
     import DictWrite from '@/components/wordDict/DictWrite.vue';
     import DictAlphabetFilter from '@/components/wordDict/DictAlphabetFilter.vue';
-    import commonApi from '@/common/commonApi'
+    import commonApi from '@/common/commonApi';
     import { useToastStore } from '@s/toastStore';
 
     const { appContext } = getCurrentInstance();
@@ -88,8 +88,12 @@
     const total = ref(0);
 
     // 카테고리
-    const { cateList } = commonApi();
+    const { cateList } = commonApi({
+        loadCateList: true
+    });
     const selectedCategory = ref('');
+    const selectCategory = ref('');
+
 
     //선택된 알파벳
     const selectedAlphabet = ref('');
@@ -156,15 +160,24 @@
     const addCategory = (data) =>{
         const lastCategory = cateList.value[cateList.value.length - 1];
         const newValue = lastCategory ? parseInt(lastCategory.CMNCODVAL) + 1 : 600101;
+        console.log('lastCategory',lastCategory)
+        console.log('newValue',newValue)
+
 
         axios.post('worddict/insertCategory',{
             CMNCODNAM: data
         }).then(res => {
             if(res.data.data == '1'){
+                console.log('res.data.data',res.data.data)
+
                 toastStore.onToast('카테고리가 추가 등록 되었습니다.', 's');
                 const newCategory = { CMNCODNAM: data, CMNCODVAL: newValue.toString() };
-                cateList.value.unshift(newCategory);
+                console.log('newCategory',newCategory)
+
+                cateList.value.unshift(newCategory.CMNCODNAM);
                 selectCategory.value = newCategory.CMNCODVAL;
+                console.log(' selectCategory.value', selectCategory.value)
+
             }
         })
     }