Commit @d14c651cb97f98ce21e4450b4a33a04b1914a5a0

류윤주 04-25

250425 류윤주 메뉴 만족도 추가

@d14c651cb97f98ce21e4450b4a33a04b1914a5a0

47c993d

d14c651

client/resources/scss/admin/content.scss

--- client/resources/scss/admin/content.scss

+++ client/resources/scss/admin/content.scss

...	...	@@ -896,6 +896,7 @@
896	896	}
897	897	}
898	898
	899	+
899	900	}
900	901
901	902

d14c651

client/resources/scss/common/component/_menuSatisfaction.scss (added)

+++ client/resources/scss/common/component/_menuSatisfaction.scss

...	...	@@ -0,0 +1,35 @@
	1	+.menu-satisfaction{
	2	+ padding: 3rem;
	3	+ padding-top: 0;
	4	+ .satisfaction-wrap{
	5	+ padding: 3rem;
	6	+ border: 1px solid #e0e0e0;
	7	+ background-color: #f8f8f8;
	8	+ border-radius: 8px;
	9	+
	10	+ .layout{
	11	+ align-items: end;
	12	+ }
	13	+
	14	+ .check-list{
	15	+ padding-right: 3rem;
	16	+ border-right: 1px solid #e0e0e0;
	17	+
	18	+ label.form-title{
	19	+ display: block;
	20	+ font-size: 2rem;
	21	+ font-weight: 600;
	22	+ margin-bottom: 1rem;
	23	+ }
	24	+ }
	25	+
	26	+ .write-zone{
	27	+ padding-left: 3rem;
	28	+ width: calc(100% - 536px);
	29	+ .btn{
	30	+ margin-left: 1rem;
	31	+ }
	32	+ }
	33	+ }
	34	+
	35	+}(파일 끝에 줄바꿈 문자 없음)

47c993d

d14c651

client/resources/scss/common/component/component.scss

--- client/resources/scss/common/component/component.scss

+++ client/resources/scss/common/component/component.scss

...	...	@@ -18,4 +18,5 @@
18	18	@import "./tabs";
19	19	@import "./tooltip";
20	20	@import "./pagination";
21		-@import "./tree"; (파일 끝에 줄바꿈 문자 없음)
	21	+@import "./tree";
	22	+@import "./menuSatisfaction"; (파일 끝에 줄바꿈 문자 없음)

47c993d

d14c651

client/views/layout/menuSatisfaction.vue

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

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


 <template>
-    <div v-if="dgstfnExmnUseYn == 'Y'">
-        <div v-if="rspnsYn == 'N'">
-            <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 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>
                 </div>
             </div>
-            <div class="layout">
-                <label class="form-title">의견</label>
+            <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>
-            <button class="btn sm" @click="save">제출</button>
+           </div>
         </div>
         <div v-else-if="rspnsYn == 'Y'">
             <label class="form-title">설문에 참여해주셔서 감사합니다.</label>

                 const res = await menuFindByMenu(params);
                 if (res.status == 200) {
                     this.dgstfnExmnUseYn = res.data.data.dgstfnExmnUseYn;
+
+                     // 부모에게 전달
+                    this.$emit('menuChecck', res.data.data.dgstfnExmnUseYn);
+
                     if(res.data.data.dgstfnExmnUseYn == 'Y') {
                         this.fnViewByMenuId();
                     } else {

47c993d

d14c651

client/views/pages/App.vue

--- client/views/pages/App.vue

+++ client/views/pages/App.vue


     <AdminHeader />
     <AdminMenu />
     <main class="main-wrap">
-        <div :class="{'content-wrap': true, 'main': this.$route.path === this.$filters.ctxPath('/adm/main.page')}">
-          <MenuSatisfaction v-if="!$route.path.includes('/insert.page')"/> <!-- 내용 확인용 -->
+        <div :class="{'content-wrap': true, 'main': this.$route.path === this.$filters.ctxPath('/adm/main.page')}" :style="{ height: menuUse === 'Y' ? 'calc(100% - 152px)' : '100%' }">
           <router-view />
-          <!-- <MenuSatisfaction/> --> <!-- 진짜 위치 -->
         </div>
+        <MenuSatisfaction v-if="!$route.path.includes('/insert.page')" @menuChecck="menuYnCheck"/> <!-- 내용 확인용 -->
     </main>
   </div> 
   <div v-else v-cloak class="user-wrap relative">

     return {
       otherWindow: false,
       path: "",
+      menuUse: "N",
     };
   },
-  methods: {},
+  methods: {
+    // 메뉴 만족도 조사 사용 여부
+    menuYnCheck(yn) {
+      console.log("menuYnCheck", yn);
+      this.menuUse = yn;
+    },
+  },
   watch: {
     $route(to, from) {
       this.path = to.path;

Add a comment

Open 0
Closed 0

List

...	...	@@ -1,44 +1,47 @@
1	1	<template>
2		- <div v-if="dgstfnExmnUseYn == 'Y'">
3		- <div v-if="rspnsYn == 'N'">
4		- <label class="form-title">{{pgNm}} 만족도 조사</label>
5		- <div class="check-area">
6		- <div class="form-check">
7		- <input type="radio" name="rspns" id="rspnsFive" class="mr5" v-model="checkRspns"
8		- value="5" />
9		- <label for="rspnsFive">매우 만족</label>
10		- </div>
11		- <div class="form-check">
12		- <input type="radio" name="rspns" id="rspnsFour" class="mr5" v-model="checkRspns"
13		- value="4" />
14		- <label for="rspnsFour">만족</label>
15		- </div>
16		- <div class="form-check">
17		- <input type="radio" name="rspns" id="rspnsThree" class="mr5" v-model="checkRspns"
18		- value="3" />
19		- <label for="rspnsThree">보통</label>
20		- </div>
21		- <div class="form-check">
22		- <input type="radio" name="rspns" id="rspnsTwo" class="mr5" v-model="checkRspns"
23		- value="2" />
24		- <label for="rspnsTwo">불만족</label>
25		- </div>
26		- <div class="form-check">
27		- <input type="radio" name="rspns" id="rspnsOne" class="mr5" v-model="checkRspns"
28		- value="1" />
29		- <label for="rspnsOne">매우 불만족</label>
	2	+ <div v-if="dgstfnExmnUseYn == 'Y'" class="menu-satisfaction">
	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>
	32	+ </div>
30	33	</div>
31	34	</div>
32		- <div class="layout">
33		- <label class="form-title">의견</label>
	35	+ <div class="layout write-zone">
34	36	<input
35	37	type="text"
36	38	class="form-control sm"
37	39	v-model="menuDgstfn.opnn"
38	40	placeholder="의견을 남겨주세요"
39	41	/>
	42	+ <button class="btn sm" @click="save">제출</button>
40	43	</div>
41		- <button class="btn sm" @click="save">제출</button>
	44	+ </div>
42	45	</div>
43	46	<div v-else-if="rspnsYn == 'Y'">
44	47	<label class="form-title">설문에 참여해주셔서 감사합니다.</label>
...	...	@@ -84,6 +87,10 @@
84	87	const res = await menuFindByMenu(params);
85	88	if (res.status == 200) {
86	89	this.dgstfnExmnUseYn = res.data.data.dgstfnExmnUseYn;
	90	+
	91	+ // 부모에게 전달
	92	+ this.$emit('menuChecck', res.data.data.dgstfnExmnUseYn);
	93	+
87	94	if(res.data.data.dgstfnExmnUseYn == 'Y') {
88	95	this.fnViewByMenuId();
89	96	} else {

...	...	@@ -3,11 +3,10 @@
3	3	<AdminHeader />
4	4	<AdminMenu />
5	5	<main class="main-wrap">
6		- <div :class="{'content-wrap': true, 'main': this.$route.path === this.$filters.ctxPath('/adm/main.page')}">
7		- <MenuSatisfaction v-if="!$route.path.includes('/insert.page')"/> <!-- 내용 확인용 -->
	6	+ <div :class="{'content-wrap': true, 'main': this.$route.path === this.$filters.ctxPath('/adm/main.page')}" :style="{ height: menuUse === 'Y' ? 'calc(100% - 152px)' : '100%' }">
8	7	<router-view />
9		- <!-- <MenuSatisfaction/> --> <!-- 진짜 위치 -->
10	8	</div>
	9	+ <MenuSatisfaction v-if="!$route.path.includes('/insert.page')" @menuChecck="menuYnCheck"/> <!-- 내용 확인용 -->
11	10	</main>
12	11	</div>
13	12	<div v-else v-cloak class="user-wrap relative">
...	...	@@ -31,9 +30,16 @@
31	30	return {
32	31	otherWindow: false,
33	32	path: "",
	33	+ menuUse: "N",
34	34	};
35	35	},
36		- methods: {},
	36	+ methods: {
	37	+ // 메뉴 만족도 조사 사용 여부
	38	+ menuYnCheck(yn) {
	39	+ console.log("menuYnCheck", yn);
	40	+ this.menuUse = yn;
	41	+ },
	42	+ },
37	43	watch: {
38	44	$route(to, from) {
39	45	this.path = to.path;

Delete comment