Codex
122 lines
2.0 KiB
Plaintext
122 lines
2.0 KiB
Plaintext
.operations-page {
|
|
padding-bottom: 48rpx;
|
|
}
|
|
|
|
.page-heading,
|
|
.card-main,
|
|
.section-heading {
|
|
align-items: center;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.subtitle,
|
|
.card-meta,
|
|
.detail-line,
|
|
.section-count {
|
|
color: #64748b;
|
|
font-size: 23rpx;
|
|
margin-top: 8rpx;
|
|
}
|
|
|
|
.permission-tag,
|
|
.status-pill {
|
|
background: #eef2ff;
|
|
border-radius: 999rpx;
|
|
color: #3730a3;
|
|
font-size: 22rpx;
|
|
padding: 8rpx 16rpx;
|
|
}
|
|
|
|
.section-title {
|
|
font-size: 30rpx;
|
|
font-weight: 600;
|
|
margin: 30rpx 0 16rpx;
|
|
}
|
|
|
|
.section-count {
|
|
margin-top: 18rpx;
|
|
}
|
|
|
|
.summary-grid {
|
|
display: grid;
|
|
gap: 12rpx;
|
|
grid-template-columns: repeat(5, 1fr);
|
|
margin-bottom: 22rpx;
|
|
}
|
|
|
|
.summary-card {
|
|
background: #f8fafc;
|
|
border: 1rpx solid #e2e8f0;
|
|
border-radius: 14rpx;
|
|
display: flex;
|
|
flex-direction: column;
|
|
min-width: 0;
|
|
padding: 14rpx 10rpx;
|
|
}
|
|
|
|
.summary-card strong {
|
|
font-size: 32rpx;
|
|
}
|
|
|
|
.summary-card text {
|
|
color: #64748b;
|
|
font-size: 20rpx;
|
|
}
|
|
|
|
.summary-card.warning strong { color: #c2410c; }
|
|
.summary-card.primary strong { color: #2563eb; }
|
|
.summary-card.danger strong { color: #b91c1c; }
|
|
.summary-card.success strong { color: #15803d; }
|
|
|
|
.operation-card {
|
|
background: #fff;
|
|
border: 1rpx solid #e2e8f0;
|
|
border-radius: 18rpx;
|
|
margin-bottom: 16rpx;
|
|
padding: 22rpx;
|
|
}
|
|
|
|
.card-title {
|
|
font-size: 28rpx;
|
|
font-weight: 600;
|
|
}
|
|
|
|
.detail-line,
|
|
.reject-reason {
|
|
margin-top: 16rpx;
|
|
}
|
|
|
|
.reject-reason {
|
|
color: #b91c1c;
|
|
font-size: 23rpx;
|
|
}
|
|
|
|
.card-actions {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: 12rpx;
|
|
justify-content: flex-end;
|
|
margin-top: 18rpx;
|
|
}
|
|
|
|
.card-actions button {
|
|
margin: 0;
|
|
}
|
|
|
|
.status-SUBMITTED { background: #fef3c7; color: #92400e; }
|
|
.status-COMPLETED,
|
|
.status-SETTLED,
|
|
.device-ONLINE { background: #dcfce7; color: #166534; }
|
|
.status-REJECTED,
|
|
.device-FAULT { background: #fee2e2; color: #991b1b; }
|
|
.status-EXEMPT { background: #f1f5f9; color: #475569; }
|
|
.device-OFFLINE { background: #e2e8f0; color: #334155; }
|
|
|
|
.loading,
|
|
.empty {
|
|
color: #64748b;
|
|
padding: 30rpx 0;
|
|
text-align: center;
|
|
}
|