| | |
| | | font-weight: 500; |
| | | color: #606266; |
| | | } |
| | | |
| | | // :deep(.el-input__inner) { |
| | | // height: 36px; |
| | | // line-height: 36px; |
| | | // } |
| | | |
| | | :deep(.el-textarea__inner) { |
| | | padding: 8px 12px; |
| | | } |
| | | |
| | | // :deep(.el-input__inner), |
| | | // :deep(.el-select), |
| | | // :deep(.el-select .el-input) { |
| | | // width: 100%; // 确保所有输入框和选择框宽度一致 |
| | | // } |
| | | |
| | | .full-width { |
| | | width: 100%; |
| | | } |
| | |
| | | } |
| | | } |
| | | } |
| | | |
| | | // 添加新的样式 |
| | | .review-dialog { |
| | | :deep(.el-dialog__body) { |
| | | padding: 0; |
| | | background-color: #f5f7fa; |
| | | border-top: 0.1rem solid #f0f0f0; |
| | | } |
| | | } |
| | | |
| | | .re-check-dialog { |
| | | :deep(.el-dialog__body) { |
| | | padding: 0; |
| | | background-color: #f5f7fa; |
| | | border-top: 0.1rem solid #f0f0f0; |
| | | } |
| | | } |
| | | |
| | | .review-container { |
| | | position: relative; |
| | | |
| | | .review-image-wrapper { |
| | | position: relative; |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: center; |
| | | height: 600px; |
| | | background-color: #f5f7fa; |
| | | } |
| | | |
| | | .review-image-container { |
| | | width: 100%; |
| | | height: 100%; |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: center; |
| | | |
| | | :deep(.el-image) { |
| | | width: 100%; |
| | | height: 100%; |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: center; |
| | | |
| | | .el-image__inner { |
| | | max-height: 100%; |
| | | max-width: 100%; |
| | | object-fit: contain; |
| | | } |
| | | } |
| | | } |
| | | |
| | | .arrow-button { |
| | | position: absolute; |
| | | top: 50%; |
| | | transform: translateY(-50%); |
| | | width: 44px; |
| | | height: 44px; |
| | | background: rgba(0, 0, 0, 0.3); |
| | | border-radius: 50%; |
| | | border: none; |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: center; |
| | | cursor: pointer; |
| | | transition: all 0.3s; |
| | | z-index: 100; |
| | | |
| | | &:hover { |
| | | background: rgba(0, 0, 0, 0.6); |
| | | } |
| | | |
| | | i { |
| | | color: #fff; |
| | | font-size: 24px; |
| | | } |
| | | |
| | | &.left { |
| | | left: 20px; |
| | | color: #ffffff; |
| | | } |
| | | |
| | | &.right { |
| | | right: 20px; |
| | | color: #ffffff; |
| | | } |
| | | } |
| | | |
| | | .preview-image { |
| | | max-width: 100%; |
| | | max-height: 100%; |
| | | } |
| | | |
| | | .review-pagination { |
| | | padding: 16px 0; |
| | | display: flex; |
| | | justify-content: center; |
| | | background-color: #fff; |
| | | |
| | | :deep(.el-pagination) { |
| | | .btn-prev, |
| | | .btn-next { |
| | | display: none; |
| | | } |
| | | |
| | | .el-pager { |
| | | .number { |
| | | margin: 0 4px; |
| | | } |
| | | } |
| | | } |
| | | } |
| | | |
| | | .image-error { |
| | | height: 100%; |
| | | display: flex; |
| | | flex-direction: column; |
| | | align-items: center; |
| | | justify-content: center; |
| | | color: #909399; |
| | | |
| | | i { |
| | | font-size: 48px; |
| | | margin-bottom: 16px; |
| | | } |
| | | |
| | | span { |
| | | font-size: 16px; |
| | | } |
| | | } |
| | | } |
| | | |
| | | /* 新建工单和处理工单的上传组件样式 */ |
| | | .create-upload, |
| | | .detail-upload { |