.control { padding: 10px; height: 92vh; overflow-y: hidden; .header { padding: 10px; border-radius: 4px; box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.12); border: 1px solid #e4e7ed; margin-bottom: 10px; .title { font-size: 16px; } :deep(.el-page-header__header) { .el-page-header__left { .el-page-header__back { .el-page-header__icon { font-size: 20px; font-weight: 700; } .el-page-header__title { font-size: 16px; } } } } } .body { height: calc(100% - 74px); overflow: auto; overflow-x: hidden; // background-color: #fff; border-radius: 4px; box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.12); border: 1px solid #e4e7ed; padding: 20px; :deep(.el-table) { .light { background-color: rgb(252, 247, 0); } } } } :deep(.dialog) { .el-dialog__body { padding-bottom: 20px !important; } .el-dialog__footer { padding-top: 0 !important; } }