修改角色管理

src/style/fix.scss

@@ -52,6 +52,26 @@
 	--el-pagination-button-width-small:28px;
 	--el-pagination-button-height-small:28px;
 }
+.el-tabs.role_tabs{
+	--el-tabs-header-height:60px;
+	height: 100%;
+	display: flex;
+	flex-direction: column;
+	.el-tabs__header{
+		.el-tabs__nav{
+			padding: 0 20px;
+		}
+	}
+	.el-tabs__content{
+		flex: 1;
+		overflow: hidden;
+		padding-left: 10px;
+		padding-bottom: 10px;
+		.el-tab-pane{
+			height: 100%;
+		}
+	}
+}
 
 .el-menu {border: none!important;}
 .el-menu .el-menu-item.is-active{background: var(--el-menu-hover-bg-color);position: relative;}
@@ -70,6 +90,7 @@
 .el-header .right-panel > * + * {margin-left:10px;}
 .el-footer {background: #fff;border-top: 1px solid var(--el-border-color-light);padding:13px 15px;}
 .el-main {padding:10px;width: 100%;height: 100%;box-sizing: border-box;background: var(--el-color-white);border-radius: 4px;}
+.el-main.treeMain{border-radius: 0;}
 .el-main.nopadding {padding:0;background: #fff;display: flex;flex-direction: column;}
 .el-main.nopadding .scTable{flex: 1;overflow: hidden;}
 

src/style/user.scss

@@ -107,3 +107,83 @@
 		}
 	}
 }
+
+
+/** 角色设置 */
+.bodyView{
+	display: flex;
+	font-size: 12px;
+	.viewLeft{
+		flex: 1;
+		display: flex;
+		flex-direction: column;
+		.treeUser{
+			padding: 10px 15px 10px 0;
+		}
+	}
+	.iconRight{
+		flex-basis: 30px;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		.icon{
+			width: 14px;
+		}
+	}
+	.viewRight{
+		flex: 1;
+		display: flex;
+		flex-direction: column;
+		.checkList{
+			display: flex;
+			justify-content: space-between;
+			margin:8px 15px 8px 15px;
+			.leftTitle{
+				flex: 1;
+				display: flex;
+				align-items: center;
+				cursor: pointer;
+				color: var(--el-color-primary);
+				.avatar{
+					background: var(--el-color-primary);
+					color: var(--el-color-white);
+					border-radius: 50%;
+					display: inline-block;
+					height: 21px;
+					width: 21px;
+					text-align: center;
+					line-height: 21px;
+				}
+				.name{
+					margin-left: 10px;
+				}
+			}
+			.userBtn{
+				flex-basis: 12px;
+				display: flex;
+				align-items: center;
+				justify-content: center;
+				cursor: pointer;
+			}
+			.userBtn:hover{
+				color: var(--el-color-primary);
+			}
+		}
+		.checkList:first-child{
+			margin-top: 10px;
+		}
+		.checkList:last-child{
+			margin-bottom: 10px;
+		}
+	}
+	.viewTitle{
+		flex-basis: 35px;
+	}
+	.viewCom{
+		flex: 1;
+		border: 1px solid var(--el-border-color-light);
+		min-height: 200px;
+		max-height: 400px;
+		border-radius: 8px;
+	}
+}