| | |
| | | border: none; |
| | | height: 100%; |
| | | width: 100% !important; |
| | | |
| | | .el-menu-item, .menu-title { |
| | | overflow: hidden !important; |
| | | text-overflow: ellipsis !important; |
| | | white-space: nowrap !important; |
| | | font-size: 0.9rem; |
| | | } |
| | | |
| | | .el-menu-item .el-menu-tooltip__trigger { |
| | | display: inline-block !important; |
| | | } |
| | | |
| | | } |
| | | |
| | | .el-menu-item, .menu-title { |
| | | overflow: hidden !important; |
| | | text-overflow: ellipsis !important; |
| | | white-space: nowrap !important; |
| | | font-size: 1rem; |
| | | } |
| | | |
| | | .el-menu-item .el-menu-tooltip__trigger { |
| | | display: inline-block !important; |
| | | .el-menu--inline:not(:has(.el-sub-menu)){ |
| | | background-color: #f5f7fa !important; |
| | | box-shadow: 0 3px 5px rgba(0,0,0,.1) inset; |
| | | } |
| | | |
| | | // menu hover |
| | | .sub-menu-title-noDropdown, |
| | | .el-sub-menu__title { |
| | | overflow: hidden; |
| | | transition: 0.6s; |
| | | &:hover { |
| | | background-color: rgba(0, 0, 0, 0.06) !important; |
| | | color: #fff !important; |
| | | background-color: #2563eb !important; |
| | | } |
| | | } |
| | | |
| | | & .theme-dark .is-active > .el-sub-menu__title { |
| | | color: $base-menu-color-active !important; |
| | | color: #fff !important; |
| | | background-color: #2563eb !important; |
| | | } |
| | | |
| | | & .nest-menu .el-sub-menu>.el-sub-menu__title, |
| | | & .el-sub-menu .el-menu-item { |
| | | min-width: $base-sidebar-width !important; |
| | | //padding: 0 10px; |
| | | //margin-left: calc(12px + var(--el-menu-level) * 12px); |
| | | //margin-right: 10px; |
| | | //width: calc($base-sidebar-width - calc(22px + var(--el-menu-level) * 12px)); |
| | | //border-radius: 8px; |
| | | //transition: 0.6s; |
| | | |
| | | &:hover { |
| | | background-color: rgba(0, 0, 0, 0.06) !important; |
| | | color: #fff; |
| | | background-color: rgba(37,99,235,.8) !important; |
| | | } |
| | | &.is-active { |
| | | color: #fff; |
| | | background-color: #2563eb !important; |
| | | box-shadow: 0 3px 5px rgba(0,0,0,.1) inset; |
| | | } |
| | | |
| | | .el-sub-menu__icon-arrow{ |
| | | width: auto; |
| | | } |
| | | } |
| | | |
| | |
| | | <el-dialog |
| | | v-model="dialogVisible" |
| | | :title="state.title" |
| | | width="700px" |
| | | width="50%" |
| | | :before-close="handleClose" |
| | | :close-on-press-escape="false" |
| | | :close-on-click-modal="false" |
| | |
| | | post: '', |
| | | age: null, |
| | | personType: null, |
| | | qualification: null, |
| | | positional: '', |
| | | roles: [] |
| | | }, |
| | |
| | | age: [{ required: true, message: '请输入年龄', trigger: 'blur' }], |
| | | personType: [{ required: true, message: '请选择人员类别', trigger: 'blur' }], |
| | | post: [{ required: true, message: '请输入专业', trigger: 'blur' }], |
| | | qualification: [{ required: true, message: '请选择学历', trigger: 'blur' }], |
| | | positional: [{ required: true, message: '请输入职称', trigger: 'blur' }], |
| | | roles: [{ required: true, message: '请选择角色', trigger: 'blur' }] |
| | | }, |
| | |
| | | companyName: data.companyName, |
| | | age: data.age, |
| | | personType: data.personType, |
| | | qualification: data.qualification, |
| | | positional: data.positional, |
| | | roles: data.roles |
| | | } |
| | |
| | | post: '', |
| | | age: null, |
| | | personType: null, |
| | | qualification: null, |
| | | positional: '', |
| | | roles: [] |
| | | } |