Commit @25da134b3466857019475c3c13adcbc595482661

박정하 07-23

250723 박정하 접근제어관리 목록 정렬 및 표현 방식 수정

@25da134b3466857019475c3c13adcbc595482661

a6ddfbf

25da134

client/views/pages/Manager/system/MenuAuthorManagement.vue

--- client/views/pages/Manager/system/MenuAuthorManagement.vue

+++ client/views/pages/Manager/system/MenuAuthorManagement.vue


               <tbody>
                 <template v-if="menuAuthorLists.length > 0">
                   <tr v-for="(item, idx) in menuAuthorLists" :key="idx">
-                    <td>{{ item.menuNm }}</td>
+                    <td :style="getMenuStyle(item)"> {{ item.menuNm }} </td>
                     <td>
                       <div class="form-check">
                         <input type="checkbox" :id="`all_${idx}`" :checked="isAllChecked(item)" @change="toggleAll(idx)" />

   data() {
     return {
       selectedAuthor: null,
-
       authorLists: [], // 권한 목록 정보
       menuAuthorLists: [], // 메뉴 권한 목록 정보
     }

       };
     },
 
+    // 메뉴 스타일 계산 (들여쓰기)
+    getMenuStyle(item) {
+      const depth = item.dp || 1;
+      return {
+        paddingLeft: (depth - 1) * 20 + 'px'
+      };
+    },
+
     // 개별 권한 업데이트
     updatePermission(index, permission, event) {
       this.menuAuthorLists[index][permission] = event.target.checked ? 'Y' : 'N';

       return item.redng === 'Y' && item.write === 'Y' && item.updt === 'Y' && item.delete === 'Y';
     },
 
-    // 수정
+    // 수정 (모든 메뉴 권한 저장)
     async fnUpdate() {
       try {
         let data = [];

             write: menuAuthor.write,
             updt: menuAuthor.updt,
             delete: menuAuthor.delete,
-          })
+          });
         }
 
         const response = await updateMenuAuthorsProc(data);

   color: #FFFFFF;
   background-color: #213F9A;
 }
+
+.menu-indent {
+  color: #6c757d;
+  margin-right: 5px;
+}
 </style>

Add a comment

Open 0
Closed 0

List

...	...	@@ -35,7 +35,7 @@
35	35	<tbody>
36	36	<template v-if="menuAuthorLists.length > 0">
37	37	<tr v-for="(item, idx) in menuAuthorLists" :key="idx">
38		- <td>{{ item.menuNm }}</td>
	38	+ <td :style="getMenuStyle(item)"> {{ item.menuNm }} </td>
39	39	<td>
40	40	<div class="form-check">
41	41	<input type="checkbox" :id="`all_${idx}`" :checked="isAllChecked(item)" @change="toggleAll(idx)" />
...	...	@@ -93,7 +93,6 @@
93	93	data() {
94	94	return {
95	95	selectedAuthor: null,
96		-
97	96	authorLists: [], // 권한 목록 정보
98	97	menuAuthorLists: [], // 메뉴 권한 목록 정보
99	98	}
...	...	@@ -140,6 +139,14 @@
140	139	};
141	140	},
142	141
	142	+ // 메뉴 스타일 계산 (들여쓰기)
	143	+ getMenuStyle(item) {
	144	+ const depth = item.dp \|\| 1;
	145	+ return {
	146	+ paddingLeft: (depth - 1) * 20 + 'px'
	147	+ };
	148	+ },
	149	+
143	150	// 개별 권한 업데이트
144	151	updatePermission(index, permission, event) {
145	152	this.menuAuthorLists[index][permission] = event.target.checked ? 'Y' : 'N';
...	...	@@ -163,7 +170,7 @@
163	170	return item.redng === 'Y' && item.write === 'Y' && item.updt === 'Y' && item.delete === 'Y';
164	171	},
165	172
166		- // 수정
	173	+ // 수정 (모든 메뉴 권한 저장)
167	174	async fnUpdate() {
168	175	try {
169	176	let data = [];
...	...	@@ -175,7 +182,7 @@
175	182	write: menuAuthor.write,
176	183	updt: menuAuthor.updt,
177	184	delete: menuAuthor.delete,
178		- })
	185	+ });
179	186	}
180	187
181	188	const response = await updateMenuAuthorsProc(data);
...	...	@@ -205,4 +212,9 @@
205	212	color: #FFFFFF;
206	213	background-color: #213F9A;
207	214	}
	215	+
	216	+.menu-indent {
	217	+ color: #6c757d;
	218	+ margin-right: 5px;
	219	+}
208	220	</style> (파일 끝에 줄바꿈 문자 없음)

Delete comment