

240822 박세훈 Dashboard 수정
@18340e0fb867decfdb9fe2e8fa1bc80a1d665769
--- client/views/pages/main/Chapter/Chapter3.vue
+++ client/views/pages/main/Chapter/Chapter3.vue
... | ... | @@ -87,6 +87,7 @@ |
87 | 87 |
return { |
88 | 88 |
timer: "00", |
89 | 89 |
selectedButton: null, // 선택한 버튼 |
90 |
+ prblm_id: [], |
|
90 | 91 |
}; |
91 | 92 |
}, |
92 | 93 |
methods: { |
... | ... | @@ -117,17 +118,28 @@ |
117 | 118 |
handleSubmit() { |
118 | 119 |
console.log("선택된 번호 : ", this.selectedButton); |
119 | 120 |
}, |
121 |
+ storeProblemId() { |
|
122 |
+ this.prblm_id = this.$store.getters.getLearningId |
|
123 |
+ console.log("prblm_id", this.prblm_id) |
|
124 |
+ } |
|
120 | 125 |
}, |
121 | 126 |
watch: {}, |
122 |
- computed: {}, |
|
127 |
+ computed: { |
|
128 |
+ // learningId() { |
|
129 |
+ // this.$store.getters.getLearningId |
|
130 |
+ // }, |
|
131 |
+ }, |
|
123 | 132 |
components: {}, |
124 |
- mounted() {}, |
|
133 |
+ mounted() { |
|
134 |
+ this.storeProblemId(); |
|
135 |
+ }, |
|
125 | 136 |
}; |
126 | 137 |
</script> |
127 | 138 |
<style scoped> |
128 | 139 |
.imgGroup { |
129 | 140 |
width: fit-content; |
130 | 141 |
} |
142 |
+ |
|
131 | 143 |
.imgGroup button { |
132 | 144 |
position: relative; |
133 | 145 |
} |
... | ... | @@ -166,11 +178,13 @@ |
166 | 178 |
left: 50%; |
167 | 179 |
transform: translate(-50%, -50%); |
168 | 180 |
} |
181 |
+ |
|
169 | 182 |
.pickGroup article img { |
170 | 183 |
object-fit: contain; |
171 | 184 |
width: -webkit-fill-available; |
172 | 185 |
} |
173 |
-.pickGroup article > div > p { |
|
186 |
+ |
|
187 |
+.pickGroup article>div>p { |
|
174 | 188 |
font-size: 64px; |
175 | 189 |
} |
176 | 190 |
|
--- client/views/pages/main/Dashboard.vue
+++ client/views/pages/main/Dashboard.vue
... | ... | @@ -41,8 +41,7 @@ |
41 | 41 |
</div> |
42 | 42 |
</div> |
43 | 43 |
<div class="lcon flex justify-between mb5"> |
44 |
- <div class="race-btn" |
|
45 |
- @click="[goToPage('Chapter2_8'), storeLearningId(labeledItems[6].learning_id)]"> |
|
44 |
+ <div class="race-btn" @click="[goToPage('Chapter3'), storeLearningId(labeledItems[6].learning_id)]"> |
|
46 | 45 |
<div class="rabbit-running"><img src="../../../resources/img/img09_s.png" alt="" |
47 | 46 |
:style="{ display: rabbitPos[7] ? 'block' : 'none' }"></div> |
48 | 47 |
<button class="popTxt" v-for="(item, index) in items" :key="index" @click="toggleImage(index)" |
... | ... | @@ -697,16 +696,16 @@ |
697 | 696 |
return this.roadmapData.map(item => { |
698 | 697 |
if (item.wd_cnt_id !== null) { |
699 | 698 |
wordCounter++; |
700 |
- return { label: `단어장${wordCounter}`, learning_id: item.learning_id }; |
|
699 |
+ return { label: `단어장${wordCounter}`, learning_id: item.wd_cnt_id }; |
|
701 | 700 |
} else if (item.text_id !== null) { |
702 | 701 |
textCounter++; |
703 |
- return { label: `지문${textCounter}`, learning_id: item.learning_id }; |
|
702 |
+ return { label: `지문${textCounter}`, learning_id: item.text_id }; |
|
704 | 703 |
} else if (item.eval_id !== null) { |
705 | 704 |
evalCounter++; |
706 |
- return { label: evalCounter === 1 ? '중간평가' : '최종평가', learning_id: item.learning_id }; |
|
705 |
+ return { label: evalCounter === 1 ? '중간평가' : '최종평가', learning_id: item.eval_id }; |
|
707 | 706 |
} else { |
708 | 707 |
problemCounter++; |
709 |
- return { label: `문제${problemCounter}`, learning_id: item.learning_id }; |
|
708 |
+ return { label: `문제${problemCounter}`, learning_id: item.prblm_id }; |
|
710 | 709 |
} |
711 | 710 |
}); |
712 | 711 |
} |
Add a comment
Delete comment
Once you delete this comment, you won't be able to recover it. Are you sure you want to delete this comment?