Commit @78c797e21e55bdea5d20715826d786cf5cb7793a

하석형 04-24

250424 하석형 만족도 조사 등록 기능 및 사용여부/조사여부에 따른 표시

@78c797e21e55bdea5d20715826d786cf5cb7793a

b086898

78c797e

client/resources/api/menuDgstfn.js

--- client/resources/api/menuDgstfn.js

+++ client/resources/api/menuDgstfn.js


   return apiClient.post(`/admin/menuDgstfn/findAllByMenuId.json`, menuDgstfn);
 };
 
+export const findByMenuId = (menuDgstfn) => {
+  return apiClient.post(`/admin/menuDgstfn/findByMenuId.json`, menuDgstfn);
+};
+
 export const save = (menuDgstfn) => {
   return apiClient.post(`/admin/menuDgstfn/saveProc.json`, menuDgstfn);
 };

b086898

78c797e

client/views/layout/menuSatisfaction.vue

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

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


 <template>
     <div v-if="dgstfnExmnUseYn == 'Y'">
-        <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="menuDgstfn.rspnsFive"
-                    value="Y" />
-                <label for="rspnsFive">매우 만족</label>
+        <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>
             </div>
-            <div class="form-check">
-                <input type="radio" name="rspns" id="rspnsFour" class="mr5" v-model="menuDgstfn.rspnsFour"
-                    value="Y" />
-                <label for="rspnsFour">만족</label>
+            <div class="layout">
+                <label class="form-title">의견</label>
+                <input
+                type="text"
+                class="form-control sm"
+                v-model="menuDgstfn.opnn"
+                placeholder="의견을 남겨주세요"
+                />
             </div>
+            <button class="btn sm" @click="save">제출</button>
         </div>
-        <div class="layout">
-            <label class="form-title">의견</label>
-            <input
-            type="text"
-            class="form-control sm"
-            v-model="menuDgstfn.opnn"
-            placeholder="의견을 남겨주세요"
-            />
+        <div v-else-if="rspnsYn == 'Y'">
+            <label class="form-title">설문에 참여해주셔서 감사합니다.</label>
         </div>
     </div>
     <div v-else>

 <script>
 import store from "../pages/AppStore";
 import { menuFindByMenu } from '../../resources/api/menu.js';
-import { save } from '../../resources/api/menuDgstfn.js';
+import { findByMenuId, save } from '../../resources/api/menuDgstfn.js';
 
 export default {
     data() {

             pgNm: store.state.menu && store.state.menu.menuNm ? store.state.menu.menuNm : "홈",
             menuId: null,
 
-            dgstfnExmnUseYn: "N", // 메뉴 사용 여부
-            // satisfaction: {}, // 만족도
-            menuDgstfn: {}, // 메뉴 만족도
+            dgstfnExmnUseYn: "N", // 메뉴 만족도 사용 여부
+            rspnsYn: 'N', // 응답 여부
+            checkRspns: '', // '5' ~ '1' 중 하나
+            menuDgstfn: {
+                rspnsFive: 'N',
+                rspnsFour: 'N',
+                rspnsThree: 'N',
+                rspnsTwo: 'N',
+                rspnsOne: 'N',
+                opnn: '', // 의견
+            }, // 메뉴 만족도
         }
     },
     created() {
-        this.fnView(store.state.menu.menuId);
     },
     methods: {
         // 상세 조회
         async fnView(menuId) {
             try {
-                const params = { menuId: menuId };
+                const params = { menuId: this.menuId };
                 const res = await menuFindByMenu(params);
                 if (res.status == 200) {
-                    console.log("메뉴상태: ", res.data.data);
                     this.dgstfnExmnUseYn = res.data.data.dgstfnExmnUseYn;
+                    if(res.data.data.dgstfnExmnUseYn == 'Y') {
+                        this.fnViewByMenuId();
+                    } else {
+                        this.dgstfnExmnUseYn = 'N';
+                    }
+                }
+            } catch (error) {
+                alert(error.response.data.message);
+            }
+        },
+
+        // 만족도 응답 이력 조회
+        async fnViewByMenuId() {
+            try {
+                const params = { menuId: this.menuId };
+                const res = await findByMenuId(params);
+                if (res.status == 200) {
+                    if(res.data.data != null) {
+                        this.rspnsYn = 'Y'; // 응답
+                    } else {
+                        this.rspnsYn = 'N'; // 미응답
+                    }
                 }
             } catch (error) {
                 alert(error.response.data.message);

         // 저장
         async save() {
             try {
+                this.checkRspnsVal(); // 응답 값 체크
+                this.menuDgstfn.menuId = this.menuId; // 메뉴 ID
                 const res = await save(this.menuDgstfn);
-                alert(res.data.message);
                 if (res.status == 200) {
+                    alert("설문에 참여해주셔서 감사합니다.");
+                    this.fnView(); // 메뉴 상세 조회
                 }
             } catch (error) {
                 alert(error.response.data.message);
             }
         },
+
+        // 선택 응답값 체크
+        checkRspnsVal () {
+            const rspnsVal = this.checkRspns;
+            this.menuDgstfn.rspnsFive = rspnsVal === '5' ? 'Y' : 'N';
+            this.menuDgstfn.rspnsFour = rspnsVal === '4' ? 'Y' : 'N';
+            this.menuDgstfn.rspnsThree = rspnsVal === '3' ? 'Y' : 'N';
+            this.menuDgstfn.rspnsTwo = rspnsVal === '2' ? 'Y' : 'N';
+            this.menuDgstfn.rspnsOne = rspnsVal === '1' ? 'Y' : 'N';
+        }
 
     },
     watch: {

             console.log(oldValue)
         },
         '$store.state.menu'(newValue) {
-            console.log("newValue : ", newValue);
             this.pgNm = newValue.menuNm
             this.menuId = newValue.menuId
-            this.fnView(this.menuId);
+            this.fnView();
         },
-
     },
     computed: {
 

b086898

78c797e

client/views/pages/App.vue

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

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


     <AdminMenu />
     <main class="main-wrap">
         <div :class="{'content-wrap': true, 'main': this.$route.path === this.$filters.ctxPath('/adm/main.page')}">
-          <!-- <MenuSatisfaction/> -->
+          <MenuSatisfaction/> <!-- 내용 확인용 -->
           <router-view />
+          <!-- <MenuSatisfaction/> --> <!-- 진짜 위치 -->
         </div>
     </main>
   </div> 

     <main class="main-wrap">
       <Breadcrumb v-if="$route.path !== this.$filters.ctxPath('/adm/main.page') && $route.path !== this.$filters.ctxPath('/main.page')" />
       <router-view />
-      <!-- <MenuSatisfaction/> -->
+      <MenuSatisfaction/>
     </main>
   </div>
 </template>

b086898

78c797e

client/views/pages/AppStore.js

--- client/views/pages/AppStore.js

+++ client/views/pages/AppStore.js


 
 export default createStore({
   plugins: [createPersistedState({
-    paths: ['loginMode', 'authorization', 'mbrId', 'mbrNm', 'roles', 'contextPath']
+    paths: ['loginMode', 'authorization', 'mbrId', 'mbrNm', 'roles', 'contextPath', 'pageAuth']
   })],
   state: {
     authorization: null,

b086898

78c797e

client/views/pages/adm/menuManagement/menuSatisfactionManagement/MenuSatisfactionSelectList.vue

--- client/views/pages/adm/menuManagement/menuSatisfactionManagement/MenuSatisfactionSelectList.vue

+++ client/views/pages/adm/menuManagement/menuSatisfactionManagement/MenuSatisfactionSelectList.vue


   data() {
     return {
       // 페이지 권한 객체
-   //   pageAuth: JSON.parse(localStorage.getItem("vuex")).pageAuth,
+      // pageAuth: JSON.parse(localStorage.getItem("vuex")).pageAuth,
       search: { ...defaultSearchParams },
       satisfaction: false,
       colgroup: ["30%", "10%", "10%", "10%", "10%", "10%", "10%", "10%"],
-      colgroup2: ["12%", "12%", "12%", "12%", "12%", "40%"],
+      colgroup2: ["8%", "12%", "12%", "12%", "12%", "12%", "32%"],
       thead: [
         "메뉴명",
-        "매우만족",
+        "매우 만족",
         "만족",
         "보통",
         "불만족",

         "상세보기",
       ],
       thead2: [
-        "매우만족",
+        "NO",
+        // "IP",
+        "매우 만족",
         "만족",
         "보통",
         "불만족",

         const res = await findAllByMenuId(params);
         if (res.status == 200) {
           this.menuStfndgList = res.data.data; // 메뉴별 만족도 목록
-          console.log("this.menuStfndgList : ", this.menuStfndgList);
           this.makeStfndgTbody();
         }
       } catch (error) {

     // 만족도 tbody 생성
     makeStfndgTbody() {
       this.stfndgTbody = [];
-      this.stfndgTbody = this.menuStfndgList.map((menuStfndg) => ({
+      this.stfndgTbody = this.menuStfndgList.map((menuStfndg, index) => ({
+        no: index + 1, // 번호
         // regIp: menuStfndg.regIp, // 등록IP
         rspnsFive: menuStfndg.rspnsFive, // 매우만족
         rspnsFour: menuStfndg.rspnsFour, // 만족

Add a comment

Open 0
Closed 0

List

...	...	@@ -31,7 +31,7 @@
31	31	this.generateBreadcrumb();
32	32	}
33	33	}
34		- }
	34	+ },
35	35	},
36	36	methods: {
37	37	generateBreadcrumb() {
...	...	@@ -42,7 +42,10 @@
42	42	const findFromTree = (menus, path, trail = []) => {
43	43	for (const menu of menus) {
44	44	const newTrail = [...trail, menu];
45		- if (menu.routerUrl === path) return newTrail;
	45	+ if (menu.routerUrl === path) {
	46	+ this.$store.commit('setMenu', menu);
	47	+ return newTrail;
	48	+ }
46	49	if (menu.childList?.length) {
47	50	const found = findFromTree(menu.childList, path, newTrail);
48	51	if (found) return found;
...	...	@@ -56,6 +59,8 @@
56	59	const findCurrent = flatMenus.find(menu => menu.routerUrl === path);
57	60	if (!findCurrent) return [];
58	61
	62	+ this.$store.commit('setMenu', findCurrent);
	63	+
59	64	const buildTrail = (menu, trail = []) => {
60	65	const parent = flatMenus.find(m => m.menuId === menu.upMenuId);
61	66	if (parent) {

...	...	@@ -8,6 +8,10 @@
8	8	return apiClient.post(`/admin/menuDgstfn/findAllByMenuId.json`, menuDgstfn);
9	9	};
10	10
	11	+export const findByMenuId = (menuDgstfn) => {
	12	+ return apiClient.post(`/admin/menuDgstfn/findByMenuId.json`, menuDgstfn);
	13	+};
	14	+
11	15	export const save = (menuDgstfn) => {
12	16	return apiClient.post(`/admin/menuDgstfn/saveProc.json`, menuDgstfn);
13	17	};

...	...	@@ -1,26 +1,47 @@
1	1	<template>
2	2	<div v-if="dgstfnExmnUseYn == 'Y'">
3		- <label class="form-title">{{pgNm}} 만족도 조사</label>
4		- <div class="check-area">
5		- <div class="form-check">
6		- <input type="radio" name="rspns" id="rspnsFive" class="mr5" v-model="menuDgstfn.rspnsFive"
7		- value="Y" />
8		- <label for="rspnsFive">매우 만족</label>
	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>
	30	+ </div>
9	31	</div>
10		- <div class="form-check">
11		- <input type="radio" name="rspns" id="rspnsFour" class="mr5" v-model="menuDgstfn.rspnsFour"
12		- value="Y" />
13		- <label for="rspnsFour">만족</label>
	32	+ <div class="layout">
	33	+ <label class="form-title">의견</label>
	34	+ <input
	35	+ type="text"
	36	+ class="form-control sm"
	37	+ v-model="menuDgstfn.opnn"
	38	+ placeholder="의견을 남겨주세요"
	39	+ />
14	40	</div>
	41	+ <button class="btn sm" @click="save">제출</button>
15	42	</div>
16		- <div class="layout">
17		- <label class="form-title">의견</label>
18		- <input
19		- type="text"
20		- class="form-control sm"
21		- v-model="menuDgstfn.opnn"
22		- placeholder="의견을 남겨주세요"
23		- />
	43	+ <div v-else-if="rspnsYn == 'Y'">
	44	+ <label class="form-title">설문에 참여해주셔서 감사합니다.</label>
24	45	</div>
25	46	</div>
26	47	<div v-else>
...	...	@@ -31,7 +52,7 @@
31	52	<script>
32	53	import store from "../pages/AppStore";
33	54	import { menuFindByMenu } from '../../resources/api/menu.js';
34		-import { save } from '../../resources/api/menuDgstfn.js';
	55	+import { findByMenuId, save } from '../../resources/api/menuDgstfn.js';
35	56
36	57	export default {
37	58	data() {
...	...	@@ -40,23 +61,51 @@
40	61	pgNm: store.state.menu && store.state.menu.menuNm ? store.state.menu.menuNm : "홈",
41	62	menuId: null,
42	63
43		- dgstfnExmnUseYn: "N", // 메뉴 사용 여부
44		- // satisfaction: {}, // 만족도
45		- menuDgstfn: {}, // 메뉴 만족도
	64	+ dgstfnExmnUseYn: "N", // 메뉴 만족도 사용 여부
	65	+ rspnsYn: 'N', // 응답 여부
	66	+ checkRspns: '', // '5' ~ '1' 중 하나
	67	+ menuDgstfn: {
	68	+ rspnsFive: 'N',
	69	+ rspnsFour: 'N',
	70	+ rspnsThree: 'N',
	71	+ rspnsTwo: 'N',
	72	+ rspnsOne: 'N',
	73	+ opnn: '', // 의견
	74	+ }, // 메뉴 만족도
46	75	}
47	76	},
48	77	created() {
49		- this.fnView(store.state.menu.menuId);
50	78	},
51	79	methods: {
52	80	// 상세 조회
53	81	async fnView(menuId) {
54	82	try {
55		- const params = { menuId: menuId };
	83	+ const params = { menuId: this.menuId };
56	84	const res = await menuFindByMenu(params);
57	85	if (res.status == 200) {
58		- console.log("메뉴상태: ", res.data.data);
59	86	this.dgstfnExmnUseYn = res.data.data.dgstfnExmnUseYn;
	87	+ if(res.data.data.dgstfnExmnUseYn == 'Y') {
	88	+ this.fnViewByMenuId();
	89	+ } else {
	90	+ this.dgstfnExmnUseYn = 'N';
	91	+ }
	92	+ }
	93	+ } catch (error) {
	94	+ alert(error.response.data.message);
	95	+ }
	96	+ },
	97	+
	98	+ // 만족도 응답 이력 조회
	99	+ async fnViewByMenuId() {
	100	+ try {
	101	+ const params = { menuId: this.menuId };
	102	+ const res = await findByMenuId(params);
	103	+ if (res.status == 200) {
	104	+ if(res.data.data != null) {
	105	+ this.rspnsYn = 'Y'; // 응답
	106	+ } else {
	107	+ this.rspnsYn = 'N'; // 미응답
	108	+ }
60	109	}
61	110	} catch (error) {
62	111	alert(error.response.data.message);
...	...	@@ -66,14 +115,27 @@
66	115	// 저장
67	116	async save() {
68	117	try {
	118	+ this.checkRspnsVal(); // 응답 값 체크
	119	+ this.menuDgstfn.menuId = this.menuId; // 메뉴 ID
69	120	const res = await save(this.menuDgstfn);
70		- alert(res.data.message);
71	121	if (res.status == 200) {
	122	+ alert("설문에 참여해주셔서 감사합니다.");
	123	+ this.fnView(); // 메뉴 상세 조회
72	124	}
73	125	} catch (error) {
74	126	alert(error.response.data.message);
75	127	}
76	128	},
	129	+
	130	+ // 선택 응답값 체크
	131	+ checkRspnsVal () {
	132	+ const rspnsVal = this.checkRspns;
	133	+ this.menuDgstfn.rspnsFive = rspnsVal === '5' ? 'Y' : 'N';
	134	+ this.menuDgstfn.rspnsFour = rspnsVal === '4' ? 'Y' : 'N';
	135	+ this.menuDgstfn.rspnsThree = rspnsVal === '3' ? 'Y' : 'N';
	136	+ this.menuDgstfn.rspnsTwo = rspnsVal === '2' ? 'Y' : 'N';
	137	+ this.menuDgstfn.rspnsOne = rspnsVal === '1' ? 'Y' : 'N';
	138	+ }
77	139
78	140	},
79	141	watch: {
...	...	@@ -81,12 +143,10 @@
81	143	console.log(oldValue)
82	144	},
83	145	'$store.state.menu'(newValue) {
84		- console.log("newValue : ", newValue);
85	146	this.pgNm = newValue.menuNm
86	147	this.menuId = newValue.menuId
87		- this.fnView(this.menuId);
	148	+ this.fnView();
88	149	},
89		-
90	150	},
91	151	computed: {
92	152

...	...	@@ -4,8 +4,9 @@
4	4	<AdminMenu />
5	5	<main class="main-wrap">
6	6	<div :class="{'content-wrap': true, 'main': this.$route.path === this.$filters.ctxPath('/adm/main.page')}">
7		- <!-- <MenuSatisfaction/> -->
	7	+ <MenuSatisfaction/> <!-- 내용 확인용 -->
8	8	<router-view />
	9	+ <!-- <MenuSatisfaction/> --> <!-- 진짜 위치 -->
9	10	</div>
10	11	</main>
11	12	</div>
...	...	@@ -14,7 +15,7 @@
14	15	<main class="main-wrap">
15	16	<Breadcrumb v-if="$route.path !== this.$filters.ctxPath('/adm/main.page') && $route.path !== this.$filters.ctxPath('/main.page')" />
16	17	<router-view />
17		- <!-- <MenuSatisfaction/> -->
	18	+ <MenuSatisfaction/>
18	19	</main>
19	20	</div>
20	21	</template>

...	...	@@ -4,7 +4,7 @@
4	4
5	5	export default createStore({
6	6	plugins: [createPersistedState({
7		- paths: ['loginMode', 'authorization', 'mbrId', 'mbrNm', 'roles', 'contextPath']
	7	+ paths: ['loginMode', 'authorization', 'mbrId', 'mbrNm', 'roles', 'contextPath', 'pageAuth']
8	8	})],
9	9	state: {
10	10	authorization: null,

...	...	@@ -71,14 +71,14 @@
71	71	data() {
72	72	return {
73	73	// 페이지 권한 객체
74		- // pageAuth: JSON.parse(localStorage.getItem("vuex")).pageAuth,
	74	+ // pageAuth: JSON.parse(localStorage.getItem("vuex")).pageAuth,
75	75	search: { ...defaultSearchParams },
76	76	satisfaction: false,
77	77	colgroup: ["30%", "10%", "10%", "10%", "10%", "10%", "10%", "10%"],
78		- colgroup2: ["12%", "12%", "12%", "12%", "12%", "40%"],
	78	+ colgroup2: ["8%", "12%", "12%", "12%", "12%", "12%", "32%"],
79	79	thead: [
80	80	"메뉴명",
81		- "매우만족",
	81	+ "매우 만족",
82	82	"만족",
83	83	"보통",
84	84	"불만족",
...	...	@@ -87,7 +87,9 @@
87	87	"상세보기",
88	88	],
89	89	thead2: [
90		- "매우만족",
	90	+ "NO",
	91	+ // "IP",
	92	+ "매우 만족",
91	93	"만족",
92	94	"보통",
93	95	"불만족",
...	...	@@ -133,7 +135,6 @@
133	135	const res = await findAllByMenuId(params);
134	136	if (res.status == 200) {
135	137	this.menuStfndgList = res.data.data; // 메뉴별 만족도 목록
136		- console.log("this.menuStfndgList : ", this.menuStfndgList);
137	138	this.makeStfndgTbody();
138	139	}
139	140	} catch (error) {
...	...	@@ -158,7 +159,8 @@
158	159	// 만족도 tbody 생성
159	160	makeStfndgTbody() {
160	161	this.stfndgTbody = [];
161		- this.stfndgTbody = this.menuStfndgList.map((menuStfndg) => ({
	162	+ this.stfndgTbody = this.menuStfndgList.map((menuStfndg, index) => ({
	163	+ no: index + 1, // 번호
162	164	// regIp: menuStfndg.regIp, // 등록IP
163	165	rspnsFive: menuStfndg.rspnsFive, // 매우만족
164	166	rspnsFour: menuStfndg.rspnsFour, // 만족

Delete comment