Commit @70876b015776a0baa8db2db6105b4a024f5f4726

guntaek 2024-08-22

240822 김건택 MyPlan.page ai 맞춤형 학습 코스 수정(수정 중)

@70876b015776a0baa8db2db6105b4a024f5f4726

f7c4cd0

70876b0

client/views/pages/main/MyPlan.vue

--- client/views/pages/main/MyPlan.vue

+++ client/views/pages/main/MyPlan.vue


             <div class="wrap mt30">
                 <p class="title1 mb20">AI 맞춤형 학습 코스는 어떨까요?</p>
                 <div class="imgGroup flex justify-between">
-                    <div class="text-lf aiClick" @click="goToPage2('AIDashboard')">
+                    <div class="text-lf aiClick" v-for="(ai_learning, index) in aiLearningList" :key="index" @click="goToPage('Dashboard', aiLearningList[index].unit_id)">
+                        <img src="../../../resources/img/img215_22s.png" alt="" />
+                        <p class="title2 mt10">추천 학습 단원</p>
+                    </div>
+                    <!-- <div class="text-lf aiClick" @click="goToPage2('AIDashboard')">
                         <img src="../../../resources/img/img215_22s.png" alt="" />
                         <p class="title2 mt10">추천 학습 단원</p>
                     </div>
                     <div class="text-lf aiClick" @click="goToPage2('AIDashboard')">
                         <img src="../../../resources/img/img215_22s.png" alt="" />
                         <p class="title2 mt10">추천 학습 단원</p>
-                    </div>
-                    <div class="text-lf aiClick" @click="goToPage2('AIDashboard')">
-                        <img src="../../../resources/img/img215_22s.png" alt="" />
-                        <p class="title2 mt10">추천 학습 단원</p>
-                    </div>
+                    </div> -->
                 </div>
             </div>
         </div>

                 { label: "5교시", time: "13:00 ~ 14:00", value: "5" },
                 { label: "6교시", time: "14:00 ~ 15:00", value: "6" },
             ],
+
+            aiLearningList: [],
         };
     },
     methods: {

                     alert("단원 목록을 불러오는 중 오류가 발생했습니다.");
                 });
         },
+
+        selectAiLearning: function () {
+            const vm = this;
+            axios({
+                url: "/aiLearning/selectAILearning.json",
+                method: "post",
+                headers: {
+                    "Content-Type": "application/json; charset=UTF-8",
+                },
+                data: {
+                    std_id: this.stdId
+                }
+            })
+                .then(function (response) {
+                    console.log("aiLearningList - response : ", response.data);
+                    vm.aiLearningList = response.data;
+                })
+                .catch(function (error) {
+                    console.log("aiLearningList - error : ", error);
+                    alert("ai learning 조회에 오류가 발생했습니다.");
+                });
+        },
+
     },
     watch: {},
     computed: {

     mounted() {
         console.log("Main2 mounted");
         this.fetchSchedules();
+        this.selectAiLearning();
     },
 };
 </script>

Add a comment

Open 0
Closed 0

List

...	...	@@ -50,18 +50,18 @@
50	50	<div class="wrap mt30">
51	51	<p class="title1 mb20">AI 맞춤형 학습 코스는 어떨까요?</p>
52	52	<div class="imgGroup flex justify-between">
53		- <div class="text-lf aiClick" @click="goToPage2('AIDashboard')">
	53	+ <div class="text-lf aiClick" v-for="(ai_learning, index) in aiLearningList" :key="index" @click="goToPage('Dashboard', aiLearningList[index].unit_id)">
	54	+ <img src="../../../resources/img/img215_22s.png" alt="" />
	55	+ <p class="title2 mt10">추천 학습 단원</p>
	56	+ </div>
	57	+ <!-- <div class="text-lf aiClick" @click="goToPage2('AIDashboard')">
54	58	<img src="../../../resources/img/img215_22s.png" alt="" />
55	59	<p class="title2 mt10">추천 학습 단원</p>
56	60	</div>
57	61	<div class="text-lf aiClick" @click="goToPage2('AIDashboard')">
58	62	<img src="../../../resources/img/img215_22s.png" alt="" />
59	63	<p class="title2 mt10">추천 학습 단원</p>
60		- </div>
61		- <div class="text-lf aiClick" @click="goToPage2('AIDashboard')">
62		- <img src="../../../resources/img/img215_22s.png" alt="" />
63		- <p class="title2 mt10">추천 학습 단원</p>
64		- </div>
	64	+ </div> -->
65	65	</div>
66	66	</div>
67	67	</div>
...	...	@@ -92,6 +92,8 @@
92	92	{ label: "5교시", time: "13:00 ~ 14:00", value: "5" },
93	93	{ label: "6교시", time: "14:00 ~ 15:00", value: "6" },
94	94	],
	95	+
	96	+ aiLearningList: [],
95	97	};
96	98	},
97	99	methods: {
...	...	@@ -238,6 +240,29 @@
238	240	alert("단원 목록을 불러오는 중 오류가 발생했습니다.");
239	241	});
240	242	},
	243	+
	244	+ selectAiLearning: function () {
	245	+ const vm = this;
	246	+ axios({
	247	+ url: "/aiLearning/selectAILearning.json",
	248	+ method: "post",
	249	+ headers: {
	250	+ "Content-Type": "application/json; charset=UTF-8",
	251	+ },
	252	+ data: {
	253	+ std_id: this.stdId
	254	+ }
	255	+ })
	256	+ .then(function (response) {
	257	+ console.log("aiLearningList - response : ", response.data);
	258	+ vm.aiLearningList = response.data;
	259	+ })
	260	+ .catch(function (error) {
	261	+ console.log("aiLearningList - error : ", error);
	262	+ alert("ai learning 조회에 오류가 발생했습니다.");
	263	+ });
	264	+ },
	265	+
241	266	},
242	267	watch: {},
243	268	computed: {
...	...	@@ -249,6 +274,7 @@
249	274	mounted() {
250	275	console.log("Main2 mounted");
251	276	this.fetchSchedules();
	277	+ this.selectAiLearning();
252	278	},
253	279	};
254	280	</script>

Delete comment