Commit @1eef2f0cb279e624cf028568b731daf60bcb5b51

류윤주 2023-11-27

231127 류윤주 매칭 통계 1차 커밋

@1eef2f0cb279e624cf028568b731daf60bcb5b51

b091f91

1eef2f0

client/views/layout/AdminMenu.vue

--- client/views/layout/AdminMenu.vue

+++ client/views/layout/AdminMenu.vue


           path: "/adm/statistics.page", pathName: "통계서비스", subMenu:
             [
               { path: "/adm/visit.page", pathName: "방문자수" },
-              { path: "/adm/member.page", pathName: "회원수" },
+              { path: "/adm/member.page", pathName: "로그인 통계" },
               { path: "/adm/menuVisit.page", pathName: "메뉴별 접속자수" },
               { path: "/adm/techStatistics.page", pathName: "기술문서" },
               { path: "/adm/dataStatistics.page", pathName: "자료집" },

b091f91

1eef2f0

client/views/pages/admin/statistics/MatchingStatistics.vue

--- client/views/pages/admin/statistics/MatchingStatistics.vue

+++ client/views/pages/admin/statistics/MatchingStatistics.vue


                                 <div class="date-check flex-end">
                                     <div>
                                         <input type="radio" name="pickMatching1" id="pick1" style="display:none"
-                                            v-model="selectedOption2" @click="handleRadioClick('pick')"
+                                        @click="handleRadioClick('pick',$event)"
                                             :checked="selectedOption2 === 'pick'">
                                         <label for="pick1">Pick</label>
                                     </div>
                                     <div>
                                         <input type="radio" name="pickMatching1" id="matching1" style="display:none"
-                                            v-model="selectedOption2" @click="handleRadioClick('matching')"
+                                        @click="handleRadioClick('matching',$event)"
                                             :checked="selectedOption2 === 'matching'">
                                         <label for="matching1">Matching</label>
                                     </div>

                             <div class="date-check flex-end">
                                 <div>
                                     <input type="radio" name="pickMatching2" id="pick2" style="display:none"
-                                        v-model="selectedOption2" @click="handleRadioClick('pick')"
+                                     @click="handleRadioClick('pick',$event)"
                                         :checked="selectedOption2 === 'pick'">
                                     <label for="pick2">Pick</label>
                                 </div>
                                 <div>
                                     <input type="radio" name="pickMatching2" id="matching2" style="display:none"
-                                        v-model="selectedOption2" @click="handleRadioClick('matching')"
+                                        @click="handleRadioClick('matching',$event)"
                                         :checked="selectedOption2 === 'matching'">
                                     <label for="matching2">Matching</label>
                                 </div>

         return {
             currentTab: 0,
             tabMenu: ['매칭관리', '매칭관리 세부통계'],
+            selectedOption1: "pick",
             selectedOption2: "pick",
-            selectedOption1: "pick"
         };
     },
     methods: {
-        handleRadioClick(option) {
-            this.selectedOption1 = option;
+        handleRadioClick(option,e) {
+            const clickedRadioName = e.target.name;
+            console.log(clickedRadioName);
+            if(clickedRadioName == "pickMatching1"){
+                this.selectedOption1 = option;
+            }else if(clickedRadioName == "pickMatching2")
+            console.log("실행");
             this.selectedOption2 = option;
+            console.log(this.selectedOption2);
         }
     },
     watch: {
-        "selectedOption1": function (newValue) {
-            console.log(newValue)
-        },
-        "selectedOption2": function (newValue) {
-            console.log(newValue)
-        }
+
     },
     computed: {},
     components: {

Add a comment

Open 0
Closed 0

List

...	...	@@ -31,7 +31,7 @@
31	31	path: "/adm/statistics.page", pathName: "통계서비스", subMenu:
32	32	[
33	33	{ path: "/adm/visit.page", pathName: "방문자수" },
34		- { path: "/adm/member.page", pathName: "회원수" },
	34	+ { path: "/adm/member.page", pathName: "로그인 통계" },
35	35	{ path: "/adm/menuVisit.page", pathName: "메뉴별 접속자수" },
36	36	{ path: "/adm/techStatistics.page", pathName: "기술문서" },
37	37	{ path: "/adm/dataStatistics.page", pathName: "자료집" },

...	...	@@ -20,13 +20,13 @@
20	20	<div class="date-check flex-end">
21	21	<div>
22	22	<input type="radio" name="pickMatching1" id="pick1" style="display:none"
23		- v-model="selectedOption2" @click="handleRadioClick('pick')"
	23	+ @click="handleRadioClick('pick',$event)"
24	24	:checked="selectedOption2 === 'pick'">
25	25	<label for="pick1">Pick</label>
26	26	</div>
27	27	<div>
28	28	<input type="radio" name="pickMatching1" id="matching1" style="display:none"
29		- v-model="selectedOption2" @click="handleRadioClick('matching')"
	29	+ @click="handleRadioClick('matching',$event)"
30	30	:checked="selectedOption2 === 'matching'">
31	31	<label for="matching1">Matching</label>
32	32	</div>
...	...	@@ -88,13 +88,13 @@
88	88	<div class="date-check flex-end">
89	89	<div>
90	90	<input type="radio" name="pickMatching2" id="pick2" style="display:none"
91		- v-model="selectedOption2" @click="handleRadioClick('pick')"
	91	+ @click="handleRadioClick('pick',$event)"
92	92	:checked="selectedOption2 === 'pick'">
93	93	<label for="pick2">Pick</label>
94	94	</div>
95	95	<div>
96	96	<input type="radio" name="pickMatching2" id="matching2" style="display:none"
97		- v-model="selectedOption2" @click="handleRadioClick('matching')"
	97	+ @click="handleRadioClick('matching',$event)"
98	98	:checked="selectedOption2 === 'matching'">
99	99	<label for="matching2">Matching</label>
100	100	</div>
...	...	@@ -160,23 +160,24 @@
160	160	return {
161	161	currentTab: 0,
162	162	tabMenu: ['매칭관리', '매칭관리 세부통계'],
	163	+ selectedOption1: "pick",
163	164	selectedOption2: "pick",
164		- selectedOption1: "pick"
165	165	};
166	166	},
167	167	methods: {
168		- handleRadioClick(option) {
169		- this.selectedOption1 = option;
	168	+ handleRadioClick(option,e) {
	169	+ const clickedRadioName = e.target.name;
	170	+ console.log(clickedRadioName);
	171	+ if(clickedRadioName == "pickMatching1"){
	172	+ this.selectedOption1 = option;
	173	+ }else if(clickedRadioName == "pickMatching2")
	174	+ console.log("실행");
170	175	this.selectedOption2 = option;
	176	+ console.log(this.selectedOption2);
171	177	}
172	178	},
173	179	watch: {
174		- "selectedOption1": function (newValue) {
175		- console.log(newValue)
176		- },
177		- "selectedOption2": function (newValue) {
178		- console.log(newValue)
179		- }
	180	+
180	181	},
181	182	computed: {},
182	183	components: {

Delete comment