@import "~antd/lib/style/themes/default.less"; body { background: #f0f2f5; } :global { .Role { padding: 16px; flex: 1; .department-content { display: flex; height: 100%; background: #fff; border-radius: 5px; position: relative; .department-inquiry { display: flex; height: 100%; flex-direction: column; width: 220px; padding: 0px 8px; input { color: #333; } .depart-button { // margin-top: 8px; button { color: #666; width: 96px; &.button-right { margin-left: 8px; } } } .depart-menu { flex: 1; overflow: auto; span { color: #333; font-size: 14px; } ul li { color: #333; font-size: 14px; } ul { .ant-menu-item-selected.ant-menu-item { color: #fff; } } } } .department-demonstrate { flex: 1; min-height: 600px; margin-left: 1px; border-left: 1px solid #eeeeee; padding: 24px; .demonstrate-head { margin-top: 4px; border-bottom: 1px solid #e9e9e9; p.title { span.current-role { font-size: 20px; color: #333333; letter-spacing: 0; line-height: 1; } .role-button { // display: inline-block; margin-left: 8px; // padding: 0px 10px; // width: 65px; // height: 32px; // border: 1px solid #d9d9d9; // border-radius: 3px; // text-align: center; // font-size: 14px; // color: #666; // line-height: 32px; // letter-spacing: 2px; } } .ant-breadcrumb { margin-top: 8px; span { font-size: 14px; color: #666666; line-height: 1; } } } // .demonstrate-line{ // margin-top: 24px; // height: 1px; // background: #e9e9e9; // } .subordinate-departments { button { margin-top: 16px; } //height: 24px; // .sub-title{ // height: 24px; // &.division-title{ // margin-top: 24px; // } // label{ // display: inline-block; // float: left; // width: 24px; // height: 24px; // background: url("../images/subordinate.png")no-repeat center; // background-size: cover; // &.division{ // margin-top: 2px; // width: 24px; // height: 19px; // background: url("../images/division.png")no-repeat center; // } // } // span{ // display: inline-block; // float: left; // font-size: 16px; // color: #333; // line-height: 24px; // margin-left: 8px; // } // } // .depart-list{ // margin-top: 16px; // ul{ // li{ // height: 40px; // border-top: 1px solid #e9e9e9; // &:last-child{ // border-bottom: 1px solid #e9e9e9; // } // a{ // display: block; // font-size: 14px; // color: #333; // line-height: 40px; // padding: 0 20px; // i{ // float: right; // margin-top: 13px; // } // } // } // } // } .division-button { button { margin-right: 8px; } } .division-table { margin-top: 16px; height: auto; table { td { font-size: 12px; color: #666; a { color: #666; } } span.status { font-size: 12px; color: #666; } span.activated { display: inline-block; width: 6px; height: 6px; background: #87d068; border-radius: 50%; vertical-align: middle; margin-top: -3px; margin-right: 5px; } span.inactivated { display: inline-block; width: 6px; height: 6px; background: #ffaa00; border-radius: 50%; vertical-align: middle; margin-top: -3px; margin-right: 5px; } } } } } } // 覆盖样式 .ant-menu-submenu > .ant-menu { background: #fff; } } .Role .department-inquiry .ant-menu-inline .ant-menu-submenu-title { padding-right: 32px; padding-left: 20px; box-sizing: border-box; font-size: 14px; } .Role .department-inquiry .ant-menu-item-selected.ant-menu-item { color: #0f71ff; } //编辑角色 .edit-role { color: #333333; .edit-header { height: 60px; border-bottom: 1px solid #e9e9e9; h2 { margin-left: 24px; font-size: 18px; line-height: 60px; font-weight: bold; } } // .edit-form{ // } .edit-option { padding-right: 44px; text-align: right; position: fixed; bottom: 0px; height: 62px; width: 100%; line-height: 62px; border-top: 1px solid #e9e9e9; background: #fff; .edit-delete { border-color: #f04134; color: #f04134; } } } //权限分配 .permissions-allocation { .permissions-form { // padding: 0 20px; .permissions-top { padding-bottom: 24px; // border-bottom: 1px solid #e9e9e9; .c { margin-top: 10px; } } // .permissions-bottom { // padding-top: 28px; // } .ant-form-item-label label { color: #666; } .permissions-checkbox { color: #333; margin-left: 8px; .ant-checkbox { margin-right: 10px; } } .ant-form-item { margin-bottom: 0px; } .enterprise-department { margin: 12px 0 0 0; } .permissions-tree { // margin: 12px 0 24px 0; // border: 1px solid #e9e9e9; .ant-tree { margin: 0 4px; } } } } }