feat(M08-C): 补保洁与设备运营
This commit is contained in:
@@ -0,0 +1,121 @@
|
||||
.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;
|
||||
}
|
||||
Reference in New Issue
Block a user