updatenew-code-new

pages/comm/auth/MenuRoleMngPage.vue

@@ -22,8 +22,7 @@
 								customClass="input-large"
 							/>
 						</v-col>
-						<v-col :cols="6" class="text-right">
-							<!-- <v-btn @click="test = !test">WWW</v-btn> -->
+						<v-col class="text-right d-flex justify-end align-end mr-3">
 							<BtnSearch size="large" />
 						</v-col>
 					</v-row>
@@ -31,8 +30,8 @@
 			</v-col>
 		</v-row>
 
-		<v-row ref="contents" style="height: 100vh;">
-			<v-col cols="12" lg="2" class="h100">
+		<v-row ref="contents" >
+			<v-col cols="12" lg="2" >
 				<v-card>
 					<v-card-title>
 						<span class="custom-title-4">역할 리스트</span>
@@ -53,7 +52,7 @@
 					</div>
 				</v-card>
 			</v-col>
-			<v-col cols="12" lg="10" class="h100">
+			<v-col cols="12" lg="10" >
 				<v-card>
 					<v-card-title>
 						<span class="custom-title-4">역할 메뉴별 권한</span>
@@ -70,7 +69,7 @@
 								:style="{ minHeight: '36px' }"
 								>[미배정]메뉴리스트</span
 							>
-							<div class="px-5" style="height:calc(100% - 64px)">
+							<div class="px-0 mt-2" style="height:calc(100% - 64px)">
 								<div
 									ref="treeGridParent"
 									class="w100 h100"
@@ -113,7 +112,7 @@
 									/>
 								</v-col>
 							</v-row>
-							<div class="px-5" style="height:calc(100% - 64px)">
+							<div class="px-0 mt-2" style="height:calc(100% - 64px)">
 								<div
 									ref="treeGridParent2"
 									class="w100 h100"
@@ -403,6 +402,17 @@ export default {
 			];
 
 			const myTreeColumns = [
+				{
+					header: '',
+					name: '',
+					align: 'center',
+					width: 30,
+					formatter: (props) => {
+						return `<label class="custom-radio">
+									<span class="radio-mark"></span>
+								</label>`;
+					}
+				},
 				{
 					header: '메뉴명',
 					name: 'menuNm',
@@ -415,6 +425,17 @@ export default {
 				},
 			];
 			const myTreeColumns2 = [
+				{
+					header: '',
+					name: '',
+					align: 'center',
+					width: 30,
+					formatter: (props) => {
+						return `<label class="custom-radio">
+									<span class="radio-mark"></span>
+								</label>`;
+					}
+				},
 				{ header: '역할ID', name: 'roleId', hidden: true },
 				{ header: '메뉴ID', name: 'menuId', hidden: true },
 				{ header: '메뉴명', name: 'menuNm', minWidth: '235' },