| | |
| | | font-size: 28rpx; |
| | | color: #666666; |
| | | margin-bottom: 10rpx; |
| | | display: flex; |
| | | align-items: center; |
| | | } |
| | | |
| | | .project-label { |
| | | color: #999999; |
| | | margin-right: 8rpx; |
| | | } |
| | | |
| | | .group-name { |
| | |
| | | |
| | | .valve-info { |
| | | flex: 1; |
| | | margin-right: 20rpx; |
| | | overflow: hidden; |
| | | } |
| | | |
| | | .valve-name { |
| | | .valve-name-container { |
| | | font-size: 32rpx; |
| | | font-weight: 500; |
| | | color: #333333; |
| | | margin-bottom: 12rpx; |
| | | width: 100%; |
| | | overflow: hidden; |
| | | } |
| | | |
| | | .name-text { |
| | | display: inline-block; |
| | | max-width: 100%; |
| | | overflow: hidden; |
| | | text-overflow: ellipsis; |
| | | white-space: nowrap; |
| | | } |
| | | |
| | | .valve-rtu-addr { |
| | | font-size: 24rpx; |
| | | color: #666666; |
| | | display: flex; |
| | | align-items: center; |
| | | flex-wrap: wrap; |
| | | } |
| | | |
| | | .rtu-label { |
| | | color: #999999; |
| | | white-space: nowrap; |
| | | } |
| | | |
| | | .rtu-value { |
| | | overflow: hidden; |
| | | text-overflow: ellipsis; |
| | | white-space: nowrap; |
| | | } |
| | | |
| | | .valve-status-container { |
| | | display: flex; |
| | | flex-direction: column; |
| | | align-items: flex-end; |
| | | justify-content: center; |
| | | min-width: 100rpx; |
| | | } |
| | | |
| | | .valve-status { |
| | |
| | | .valve-status-inline { |
| | | font-size: 24rpx; |
| | | font-weight: 500; |
| | | padding: 4rpx 12rpx; |
| | | border-radius: 20rpx; |
| | | margin-left: 12rpx; |
| | | display: inline-flex; |
| | | padding: 8rpx 20rpx; |
| | | border-radius: 30rpx; |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: center; |
| | | height: 32rpx; |
| | | height: 36rpx; |
| | | line-height: 1; |
| | | min-width: 80rpx; |
| | | text-align: center; |
| | | white-space: nowrap; |
| | | } |
| | | |
| | | .valve-status-inline.online { |
| | | background-color: rgba(82, 196, 26, 0.1); |
| | | color: #52C41A; |
| | | border: 1rpx solid rgba(82, 196, 26, 0.3); |
| | | } |
| | | |
| | | .valve-status-inline.offline { |
| | | background-color: rgba(245, 34, 45, 0.1); |
| | | color: #F5222D; |
| | | border: 1rpx solid rgba(245, 34, 45, 0.3); |
| | | } |
| | | |
| | | /* 命令状态样式 */ |