Commit @fd3a1d46ee3061aa99a601b45b0aa2d1c8d4a48d

하석형 04-25

250425 하석형 만족도조사 참여 시 영역 추가

@fd3a1d46ee3061aa99a601b45b0aa2d1c8d4a48d

3562fd2

fd3a1d4

client/views/layout/menuSatisfaction.vue

--- client/views/layout/menuSatisfaction.vue

+++ client/views/layout/menuSatisfaction.vue


 <template>
     <div v-if="dgstfnExmnUseYn == 'Y'" class="menu-satisfaction">
         <div v-if="rspnsYn == 'N'" class="satisfaction-wrap">
-           <div class="layout">
-            <div class="check-list">
-                <label class="form-title">{{pgNm}} 만족도 조사</label>
-                <div class="check-area">
-                    <div class="form-check">
-                        <input type="radio" name="rspns" id="rspnsFive" class="mr5" v-model="checkRspns"
-                            value="5" />
-                        <label for="rspnsFive">매우 만족</label>
-                    </div>
-                    <div class="form-check">
-                        <input type="radio" name="rspns" id="rspnsFour" class="mr5" v-model="checkRspns"
-                            value="4" />
-                        <label for="rspnsFour">만족</label>
-                    </div>
-                    <div class="form-check">
-                        <input type="radio" name="rspns" id="rspnsThree" class="mr5" v-model="checkRspns"
-                            value="3" />
-                        <label for="rspnsThree">보통</label>
-                    </div>
-                    <div class="form-check">
-                        <input type="radio" name="rspns" id="rspnsTwo" class="mr5" v-model="checkRspns"
-                            value="2" />
-                        <label for="rspnsTwo">불만족</label>
-                    </div>
-                    <div class="form-check">
-                        <input type="radio" name="rspns" id="rspnsOne" class="mr5" v-model="checkRspns"
-                            value="1" />
-                        <label for="rspnsOne">매우 불만족</label>
+            <div class="layout">
+                <div class="check-list">
+                    <label class="form-title">{{ pgNm }} 만족도 조사</label>
+                    <div class="check-area">
+                        <div class="form-check">
+                            <input type="radio" name="rspns" id="rspnsFive" class="mr5" v-model="checkRspns"
+                                value="5" />
+                            <label for="rspnsFive">매우 만족</label>
+                        </div>
+                        <div class="form-check">
+                            <input type="radio" name="rspns" id="rspnsFour" class="mr5" v-model="checkRspns"
+                                value="4" />
+                            <label for="rspnsFour">만족</label>
+                        </div>
+                        <div class="form-check">
+                            <input type="radio" name="rspns" id="rspnsThree" class="mr5" v-model="checkRspns"
+                                value="3" />
+                            <label for="rspnsThree">보통</label>
+                        </div>
+                        <div class="form-check">
+                            <input type="radio" name="rspns" id="rspnsTwo" class="mr5" v-model="checkRspns" value="2" />
+                            <label for="rspnsTwo">불만족</label>
+                        </div>
+                        <div class="form-check">
+                            <input type="radio" name="rspns" id="rspnsOne" class="mr5" v-model="checkRspns" value="1" />
+                            <label for="rspnsOne">매우 불만족</label>
+                        </div>
                     </div>
                 </div>
+                <div class="layout write-zone">
+                    <input type="text" class="form-control sm" v-model="menuDgstfn.opnn" placeholder="의견을 남겨주세요" />
+                    <button class="btn sm" @click="save">제출</button>
+                </div>
             </div>
-            <div class="layout write-zone">
-                <input
-                type="text"
-                class="form-control sm"
-                v-model="menuDgstfn.opnn"
-                placeholder="의견을 남겨주세요"
-                />
-                <button class="btn sm" @click="save">제출</button>
-            </div>
-           </div>
         </div>
-        <div v-else-if="rspnsYn == 'Y'">
+        <div v-else-if="rspnsYn == 'Y'" class="satisfaction-wrap">
             <label class="form-title">설문에 참여해주셔서 감사합니다.</label>
         </div>
     </div>

                 const res = await menuFindByMenu(params);
                 if (res.status == 200) {
                     this.dgstfnExmnUseYn = res.data.data.dgstfnExmnUseYn;
-                    
+
                     this.$emit('menuChecck', this.dgstfnExmnUseYn);
-                    if(res.data.data.dgstfnExmnUseYn == 'Y') {
+                    if (res.data.data.dgstfnExmnUseYn == 'Y') {
                         this.fnViewByMenuId();
                     }
                 }

                 const params = { menuId: this.menuId };
                 const res = await findByMenuId(params);
                 if (res.status == 200) {
-                    if(res.data.data != null) {
+                    if (res.data.data != null) {
                         this.rspnsYn = 'Y'; // 응답
                     } else {
                         this.rspnsYn = 'N'; // 미응답

         async save() {
             try {
                 // 응답 값 체크
-                if(!this.checkRspnsVal()) {
+                if (!this.checkRspnsVal()) {
                     return;
                 }
                 this.menuDgstfn.menuId = this.menuId; // 메뉴 ID

         },
 
         // 선택 응답값 체크
-        checkRspnsVal () {
+        checkRspnsVal() {
             if (this.checkRspns == null || this.checkRspns == '') {
                 alert("응답을 선택해주세요.");
                 return false;

         $route: {
             immediate: true,
             handler(to) {
-                if(this.$store.state.menu && to.path !== this.$filters.ctxPath('/adm/main.page')) {
+                if (this.$store.state.menu && to.path !== this.$filters.ctxPath('/adm/main.page')) {
                     this.pgNm = this.$store.state.menu.menuNm;
                     this.menuId = this.$store.state.menu.menuId;
                     this.fnView();

         },
 
         '$store.state.menu'(newValue) {
-            if(newValue) {
+            if (newValue) {
                 this.pgNm = newValue.menuNm;
                 this.menuId = newValue.menuId;
                 this.fnView();

Add a comment

Open 0
Closed 0

List

...	...	@@ -1,49 +1,42 @@
1	1	<template>
2	2	<div v-if="dgstfnExmnUseYn == 'Y'" class="menu-satisfaction">
3	3	<div v-if="rspnsYn == 'N'" class="satisfaction-wrap">
4		- <div class="layout">
5		- <div class="check-list">
6		- <label class="form-title">{{pgNm}} 만족도 조사</label>
7		- <div class="check-area">
8		- <div class="form-check">
9		- <input type="radio" name="rspns" id="rspnsFive" class="mr5" v-model="checkRspns"
10		- value="5" />
11		- <label for="rspnsFive">매우 만족</label>
12		- </div>
13		- <div class="form-check">
14		- <input type="radio" name="rspns" id="rspnsFour" class="mr5" v-model="checkRspns"
15		- value="4" />
16		- <label for="rspnsFour">만족</label>
17		- </div>
18		- <div class="form-check">
19		- <input type="radio" name="rspns" id="rspnsThree" class="mr5" v-model="checkRspns"
20		- value="3" />
21		- <label for="rspnsThree">보통</label>
22		- </div>
23		- <div class="form-check">
24		- <input type="radio" name="rspns" id="rspnsTwo" class="mr5" v-model="checkRspns"
25		- value="2" />
26		- <label for="rspnsTwo">불만족</label>
27		- </div>
28		- <div class="form-check">
29		- <input type="radio" name="rspns" id="rspnsOne" class="mr5" v-model="checkRspns"
30		- value="1" />
31		- <label for="rspnsOne">매우 불만족</label>
	4	+ <div class="layout">
	5	+ <div class="check-list">
	6	+ <label class="form-title">{{ pgNm }} 만족도 조사</label>
	7	+ <div class="check-area">
	8	+ <div class="form-check">
	9	+ <input type="radio" name="rspns" id="rspnsFive" class="mr5" v-model="checkRspns"
	10	+ value="5" />
	11	+ <label for="rspnsFive">매우 만족</label>
	12	+ </div>
	13	+ <div class="form-check">
	14	+ <input type="radio" name="rspns" id="rspnsFour" class="mr5" v-model="checkRspns"
	15	+ value="4" />
	16	+ <label for="rspnsFour">만족</label>
	17	+ </div>
	18	+ <div class="form-check">
	19	+ <input type="radio" name="rspns" id="rspnsThree" class="mr5" v-model="checkRspns"
	20	+ value="3" />
	21	+ <label for="rspnsThree">보통</label>
	22	+ </div>
	23	+ <div class="form-check">
	24	+ <input type="radio" name="rspns" id="rspnsTwo" class="mr5" v-model="checkRspns" value="2" />
	25	+ <label for="rspnsTwo">불만족</label>
	26	+ </div>
	27	+ <div class="form-check">
	28	+ <input type="radio" name="rspns" id="rspnsOne" class="mr5" v-model="checkRspns" value="1" />
	29	+ <label for="rspnsOne">매우 불만족</label>
	30	+ </div>
32	31	</div>
33	32	</div>
	33	+ <div class="layout write-zone">
	34	+ <input type="text" class="form-control sm" v-model="menuDgstfn.opnn" placeholder="의견을 남겨주세요" />
	35	+ <button class="btn sm" @click="save">제출</button>
	36	+ </div>
34	37	</div>
35		- <div class="layout write-zone">
36		- <input
37		- type="text"
38		- class="form-control sm"
39		- v-model="menuDgstfn.opnn"
40		- placeholder="의견을 남겨주세요"
41		- />
42		- <button class="btn sm" @click="save">제출</button>
43		- </div>
44		- </div>
45	38	</div>
46		- <div v-else-if="rspnsYn == 'Y'">
	39	+ <div v-else-if="rspnsYn == 'Y'" class="satisfaction-wrap">
47	40	<label class="form-title">설문에 참여해주셔서 감사합니다.</label>
48	41	</div>
49	42	</div>
...	...	@@ -82,9 +75,9 @@
82	75	const res = await menuFindByMenu(params);
83	76	if (res.status == 200) {
84	77	this.dgstfnExmnUseYn = res.data.data.dgstfnExmnUseYn;
85		-
	78	+
86	79	this.$emit('menuChecck', this.dgstfnExmnUseYn);
87		- if(res.data.data.dgstfnExmnUseYn == 'Y') {
	80	+ if (res.data.data.dgstfnExmnUseYn == 'Y') {
88	81	this.fnViewByMenuId();
89	82	}
90	83	}
...	...	@@ -100,7 +93,7 @@
100	93	const params = { menuId: this.menuId };
101	94	const res = await findByMenuId(params);
102	95	if (res.status == 200) {
103		- if(res.data.data != null) {
	96	+ if (res.data.data != null) {
104	97	this.rspnsYn = 'Y'; // 응답
105	98	} else {
106	99	this.rspnsYn = 'N'; // 미응답
...	...	@@ -115,7 +108,7 @@
115	108	async save() {
116	109	try {
117	110	// 응답 값 체크
118		- if(!this.checkRspnsVal()) {
	111	+ if (!this.checkRspnsVal()) {
119	112	return;
120	113	}
121	114	this.menuDgstfn.menuId = this.menuId; // 메뉴 ID
...	...	@@ -130,7 +123,7 @@
130	123	},
131	124
132	125	// 선택 응답값 체크
133		- checkRspnsVal () {
	126	+ checkRspnsVal() {
134	127	if (this.checkRspns == null \|\| this.checkRspns == '') {
135	128	alert("응답을 선택해주세요.");
136	129	return false;
...	...	@@ -149,7 +142,7 @@
149	142	$route: {
150	143	immediate: true,
151	144	handler(to) {
152		- if(this.$store.state.menu && to.path !== this.$filters.ctxPath('/adm/main.page')) {
	145	+ if (this.$store.state.menu && to.path !== this.$filters.ctxPath('/adm/main.page')) {
153	146	this.pgNm = this.$store.state.menu.menuNm;
154	147	this.menuId = this.$store.state.menu.menuId;
155	148	this.fnView();
...	...	@@ -158,7 +151,7 @@
158	151	},
159	152
160	153	'$store.state.menu'(newValue) {
161		- if(newValue) {
	154	+ if (newValue) {
162	155	this.pgNm = newValue.menuNm;
163	156	this.menuId = newValue.menuId;
164	157	this.fnView();

Delete comment