.all-content { height: 100%; width: 100%; display: flex; flex-direction: column; background-color: #f6f6f6; .type-select { display: grid; grid-template-columns: repeat(5, 1fr); grid-gap: 20px; margin: 0 20px; margin-bottom: 20px; .sta-item { height: 113px; background-color: rgba(255, 255, 255, 0.9); background-size: 100% 100%; // background-color: #e6f3ff; border-radius: 8px 8px 8px 8px; cursor: pointer; &-content { display: flex; align-items: center; height: 100%; > img { width: 64px; height: 64px; margin-left: 18px; margin-right: 20px; } > span { font-size: 20px; font-family: Source Han Sans CN-Regular, Source Han Sans CN; font-weight: 400; color: #333333; } } } } .table-box { width: auto !important; margin: 0 20px; height: calc(100% - 168px); :deep() { .table { display: flex; flex-direction: column; height: 100%; .table-main { // height: calc(100% - 82px); flex: 1; } } } } .text-tip { height: 56px; background: #fde5e5; display: flex; align-items: center; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; margin: 0 20px; margin-bottom: 20px; > span { margin-left: 10px; font-size: 13px; font-family: Source Han Sans CN-Regular, Source Han Sans CN; font-weight: 400; color: #333333; } } .basic-form { .face-img { width: 100%; align-self: flex-start; :deep(.face-uploader .el-upload) { border: 1px dashed #d9d9d9 !important; border-radius: 6px !important; cursor: pointer !important; position: relative !important; overflow: hidden !important; } .face-uploader .el-upload:hover { border-color: #409eff !important; } :deep(.el-icon) { font-size: 28px; color: #8c939d; width: 53px; height: 53px; line-height: 53px; text-align: center; } .face-avatar { width: 53px; height: 53px; display: block; } } } } :deep() { .el-table .range-one, .el-table .range-one .el-table-fixed-column--right, .el-table .range-one .el-table-fixed-column--left { background-color: #ffebeb; } .el-table .range-two, .el-table .range-two .el-table-fixed-column--right, .el-table .range-two .el-table-fixed-column--left { background-color: #fff7e5; } .el-table .range-three, .el-table .range-three .el-table-fixed-column--right, .el-table .range-three .el-table-fixed-column--left { background-color: #e6f3ff; } }