Commit @e7f2519ddf1dc6598967b98270b8e6ef4c32c451

박민혁 2024-08-22

Merge branch 'master' of http://210.180.118.83/jichoi/lms_front

@e7f2519ddf1dc6598967b98270b8e6ef4c32c451

81ad084

e7f2519

client/views/pages/main/MyPage.vue

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

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


                     </div>
                     <div class="box " style="gap: 10px;">
                         <div><img src="../../../resources/img/img196_12p.png" alt=""></div>
-                        <P class="title2 mt10">현재 30명 중 <em class="red">2등</em>입니다.</P>
+                        <P class="title2 mt10">현재 {{ stdCount }}명 중 <em class="red">{{ photo_rank }}등</em>입니다.</P>
                     </div>
                 </div>
                 <div class="textbook ">
                     <div class="text ">
-                        <p class="title1" style="color: #fff;">포토북 랭킹</p>
+                        <p class="title1" style="color: #fff;">진도율 랭킹</p>
                     </div>
                     <div class="box " style="gap: 10px;">
                         <div><img src="../../../resources/img/img196_12p.png" alt=""></div>
-                        <P class="title2 mt10">현재 30명 중 <em class="yellow">2등</em>입니다.</P>
+                        <P class="title2 mt10">현재 {{ stdCount }}명 중 <em class="yellow">{{ problem_rank }}등</em>입니다.</P>
                     </div>
                 </div>
                 <div class="textbook book-blue">

                     </div>
                     <div class="box " style="gap: 10px;">
                         <div><img src="../../../resources/img/img196_12p.png" alt=""></div>
-                        <P class="title2 mt10">현재 {{ stdCount }}명 중 <em class="blue">{{ rank }}등</em>입니다.</P>
+                        <P class="title2 mt10">현재 {{ stdCount }}명 중 <em class="blue">{{score_rank}}등</em>입니다.</P>
                     </div>
                 </div>
                 <div class="textbook book-navy">
                     <div class="text ">
-                        <p class="title1" style="color: #fff;">포토북 랭킹</p>
+                        <p class="title1" style="color: #fff;">학습시간 랭킹</p>
                     </div>
                     <div class="box " style="gap: 10px;">
                         <div><img src="../../../resources/img/img196_12p.png" alt=""></div>
-                        <P class="title2 mt10">현재 {{ stdCount }}명 중 <em class="navy">2등</em>입니다.</P>
+                        <P class="title2 mt10">현재 30명 중 <em class="navy">2등</em>입니다.</P>
                     </div>
                 </div>
             </div>

     data() {
         return {
             stdCount: 0,
-            rank: 0,
-
+            photo_rank: 0,
+            problem_rank: 0,
+            score_rank: 0,
             mdiMagnify: mdiMagnify,
             mdilArrowRight: mdilArrowRight,
             timer: "00:00",

                 }
             })
                 .then(function (response) {
-                    console.log("Rank - response : ", response.data);
-                    vm.rank = response.data;
+                    console.log("Photo Rank - response : ", response.data);
+                    vm.photo_rank = response.data;
                 })
                 .catch(function (error) {
-                    console.log("Rank - error : ", error);
+                    console.log("Photo Rank - error : ", error);
                     alert("학생 사진 랭킹 조회에 오류가 발생했습니다.");
                 });
         },

             })
                 .then(function (response) {
                     console.log("User Rank - response : ", response.data);
-                    vm.rank = response.data; 
+                    vm.score_rank = response.data; 
                 })
                 .catch(function (error) {
                     console.log("User Rank - error : ", error);
-                    alert("학생 랭킹 조회에 오류가 발생했습니다.");
+                    alert("점수 랭킹 조회에 오류가 발생했습니다.");
                 });
         },
 
+        problemRankByProblemData: function () {
+            const vm = this;
+            axios({
+                url: "/problemLog/problemRankByProblemData.json",
+                method: "post",
+                headers: {
+                    "Content-Type": "application/json; charset=UTF-8",
+                },
+                data: {
+                    sclsId: "1",
+                    stdId: "2"
+                }
+            })
+                .then(function (response) {
+                    console.log("Problem Rank - response : ", response.data);
+                    vm.problem_rank = response.data;
+                })
+                .catch(function (error) {
+                    console.log("Problem Rank - error : ", error);
+                    alert("학생 문제 랭킹 조회에 오류가 발생했습니다.");
+                });
+        },
         goToPage(page) {
             this.$router.push({ name: page });
         },

         this.classStdCount();
         this.photoRankByLikeData();
         this.getUserRankByScore();
+        this.problemRankByProblemData();
     }
 }
 </script>

Add a comment

Open 0
Closed 0

List

...	...	@@ -59,16 +59,16 @@
59	59	</div>
60	60	<div class="box " style="gap: 10px;">
61	61	<div><img src="../../../resources/img/img196_12p.png" alt=""></div>
62		- <P class="title2 mt10">현재 30명 중 <em class="red">2등</em>입니다.</P>
	62	+ <P class="title2 mt10">현재 {{ stdCount }}명 중 <em class="red">{{ photo_rank }}등</em>입니다.</P>
63	63	</div>
64	64	</div>
65	65	<div class="textbook ">
66	66	<div class="text ">
67		- <p class="title1" style="color: #fff;">포토북 랭킹</p>
	67	+ <p class="title1" style="color: #fff;">진도율 랭킹</p>
68	68	</div>
69	69	<div class="box " style="gap: 10px;">
70	70	<div><img src="../../../resources/img/img196_12p.png" alt=""></div>
71		- <P class="title2 mt10">현재 30명 중 <em class="yellow">2등</em>입니다.</P>
	71	+ <P class="title2 mt10">현재 {{ stdCount }}명 중 <em class="yellow">{{ problem_rank }}등</em>입니다.</P>
72	72	</div>
73	73	</div>
74	74	<div class="textbook book-blue">
...	...	@@ -77,16 +77,16 @@
77	77	</div>
78	78	<div class="box " style="gap: 10px;">
79	79	<div><img src="../../../resources/img/img196_12p.png" alt=""></div>
80		- <P class="title2 mt10">현재 {{ stdCount }}명 중 <em class="blue">{{ rank }}등</em>입니다.</P>
	80	+ <P class="title2 mt10">현재 {{ stdCount }}명 중 <em class="blue">{{score_rank}}등</em>입니다.</P>
81	81	</div>
82	82	</div>
83	83	<div class="textbook book-navy">
84	84	<div class="text ">
85		- <p class="title1" style="color: #fff;">포토북 랭킹</p>
	85	+ <p class="title1" style="color: #fff;">학습시간 랭킹</p>
86	86	</div>
87	87	<div class="box " style="gap: 10px;">
88	88	<div><img src="../../../resources/img/img196_12p.png" alt=""></div>
89		- <P class="title2 mt10">현재 {{ stdCount }}명 중 <em class="navy">2등</em>입니다.</P>
	89	+ <P class="title2 mt10">현재 30명 중 <em class="navy">2등</em>입니다.</P>
90	90	</div>
91	91	</div>
92	92	</div>
...	...	@@ -106,8 +106,9 @@
106	106	data() {
107	107	return {
108	108	stdCount: 0,
109		- rank: 0,
110		-
	109	+ photo_rank: 0,
	110	+ problem_rank: 0,
	111	+ score_rank: 0,
111	112	mdiMagnify: mdiMagnify,
112	113	mdilArrowRight: mdilArrowRight,
113	114	timer: "00:00",
...	...	@@ -151,11 +152,11 @@
151	152	}
152	153	})
153	154	.then(function (response) {
154		- console.log("Rank - response : ", response.data);
155		- vm.rank = response.data;
	155	+ console.log("Photo Rank - response : ", response.data);
	156	+ vm.photo_rank = response.data;
156	157	})
157	158	.catch(function (error) {
158		- console.log("Rank - error : ", error);
	159	+ console.log("Photo Rank - error : ", error);
159	160	alert("학생 사진 랭킹 조회에 오류가 발생했습니다.");
160	161	});
161	162	},
...	...	@@ -173,14 +174,36 @@
173	174	})
174	175	.then(function (response) {
175	176	console.log("User Rank - response : ", response.data);
176		- vm.rank = response.data;
	177	+ vm.score_rank = response.data;
177	178	})
178	179	.catch(function (error) {
179	180	console.log("User Rank - error : ", error);
180		- alert("학생 랭킹 조회에 오류가 발생했습니다.");
	181	+ alert("점수 랭킹 조회에 오류가 발생했습니다.");
181	182	});
182	183	},
183	184
	185	+ problemRankByProblemData: function () {
	186	+ const vm = this;
	187	+ axios({
	188	+ url: "/problemLog/problemRankByProblemData.json",
	189	+ method: "post",
	190	+ headers: {
	191	+ "Content-Type": "application/json; charset=UTF-8",
	192	+ },
	193	+ data: {
	194	+ sclsId: "1",
	195	+ stdId: "2"
	196	+ }
	197	+ })
	198	+ .then(function (response) {
	199	+ console.log("Problem Rank - response : ", response.data);
	200	+ vm.problem_rank = response.data;
	201	+ })
	202	+ .catch(function (error) {
	203	+ console.log("Problem Rank - error : ", error);
	204	+ alert("학생 문제 랭킹 조회에 오류가 발생했습니다.");
	205	+ });
	206	+ },
184	207	goToPage(page) {
185	208	this.$router.push({ name: page });
186	209	},
...	...	@@ -219,6 +242,7 @@
219	242	this.classStdCount();
220	243	this.photoRankByLikeData();
221	244	this.getUserRankByScore();
	245	+ this.problemRankByProblemData();
222	246	}
223	247	}
224	248	</script>

Delete comment