-
-
-
-
@@ -23,8 +43,23 @@ import { defineProps, computed, ref, defineEmits } from 'vue';
import QEditor from '@/components/editor/QEditor.vue';
import FormInput from '@/components/input/FormInput.vue';
import FormSelect from '@/components/input/FormSelect.vue';
+import PlusBtn from '../button/PlusBtn.vue';
-const emit = defineEmits(['close']);
+const emit = defineEmits(['close','addCategory','addWord']);
+
+//용어제목
+const wordTitle = ref('');
+const addCategory = ref('');
+const content = ref('');
+const imageUrls = ref([]);
+
+//용어 Vaildation용
+const wordTitleAlert = ref(false);
+const wordContentAlert = ref(false);
+const addCategoryAlert = ref(false);
+
+//선택 카테고리
+const selectCategory = ref('');
const props = defineProps({
dataList: {
@@ -46,12 +81,46 @@ const showInput = ref(false);
// 카테고리 입력 토글
const toggleInput = () => {
- howInput.value = !showInput.value;
+ showInput.value = !showInput.value;
};
// 카테고리 저장
const saveInput = () => {
- console.log('입력값 저장됨!');
+ if(addCategory.value == ''){
+ addCategoryAlert.value = true;
+ return;
+ }
+ // console.log('입력값 저장됨!',addCategory.value);
+ emit('addCategory', addCategory.value);
showInput.value = false;
};
-
\ No newline at end of file
+
+const onChange = (newValue) => {
+ selectCategory.value = newValue.target.value;
+};
+
+//용어 등록
+const saveWord = () => {
+ //validation
+
+ // 용어 체크
+ if(wordTitle.value == ''){
+ wordTitleAlert.value = true;
+ return;
+ }
+
+ // 내용 체크
+ if(content.value == ''){
+ wordContentAlert.value = true;
+ return;
+ }
+
+ const wordData = {
+ title: wordTitle.value,
+ category: selectCategory.value,
+ content: content.value,
+ };
+
+ emit('addWord', wordData);
+};
+
diff --git a/src/layouts/TheTop.vue b/src/layouts/TheTop.vue
index c5cb75e..1a664a7 100644
--- a/src/layouts/TheTop.vue
+++ b/src/layouts/TheTop.vue
@@ -8,161 +8,14 @@
- 
- 
- 
- 
-