feat(M08-C): 建立管理员房态运营入口

2026-08-10 10:06:12 +08:00
parent 1160f16e8d
commit b70ada06a8
24 changed files with 699 additions and 15 deletions
@@ -0,0 +1,134 @@
+.manager-dashboard {
+  padding-bottom: 48rpx;
+}
+
+.manager-header,
+.card-main,
+.order-line {
+  align-items: center;
+  display: flex;
+  justify-content: space-between;
+}
+
+.subtitle,
+.card-meta {
+  color: #6b7280;
+  font-size: 24rpx;
+  margin-top: 8rpx;
+}
+
+.permission-tag,
+.status-pill {
+  background: #eef2ff;
+  border-radius: 999rpx;
+  color: #3730a3;
+  font-size: 22rpx;
+  padding: 8rpx 16rpx;
+}
+
+.store-tabs {
+  margin: 24rpx 0;
+  white-space: nowrap;
+  width: 100%;
+}
+
+.store-tabs-inner {
+  display: inline-flex;
+  gap: 12rpx;
+}
+
+.store-tab {
+  margin: 0;
+}
+
+.store-tab.active {
+  background: #2563eb;
+  color: #fff;
+}
+
+.summary-grid {
+  display: grid;
+  gap: 14rpx;
+  grid-template-columns: repeat(3, 1fr);
+  margin-bottom: 28rpx;
+}
+
+.summary-card {
+  background: #f8fafc;
+  border: 1rpx solid #e2e8f0;
+  border-radius: 16rpx;
+  display: flex;
+  flex-direction: column;
+  padding: 18rpx;
+}
+
+.summary-card strong {
+  font-size: 36rpx;
+}
+
+.summary-card text {
+  color: #64748b;
+  font-size: 22rpx;
+}
+
+.summary-card.success strong { color: #15803d; }
+.summary-card.primary strong { color: #2563eb; }
+.summary-card.warning strong { color: #c2410c; }
+
+.section-title {
+  font-size: 30rpx;
+  font-weight: 600;
+  margin: 28rpx 0 16rpx;
+}
+
+.room-card,
+.order-card {
+  background: #fff;
+  border: 1rpx solid #e2e8f0;
+  border-radius: 18rpx;
+  margin-bottom: 16rpx;
+  padding: 22rpx;
+}
+
+.room-card.disabled {
+  opacity: .64;
+}
+
+.card-title {
+  font-size: 28rpx;
+  font-weight: 600;
+}
+
+.card-actions {
+  display: flex;
+  gap: 12rpx;
+  justify-content: flex-end;
+  margin-top: 18rpx;
+}
+
+.card-actions button {
+  margin: 0;
+}
+
+.status-AVAILABLE { background: #dcfce7; color: #166534; }
+.status-MAINTENANCE { background: #ffedd5; color: #9a3412; }
+.status-RESERVED,
+.status-IN_USE { background: #dbeafe; color: #1d4ed8; }
+.status-CLEANING_REQUIRED { background: #fef3c7; color: #92400e; }
+
+.order-line {
+  color: #64748b;
+  font-size: 23rpx;
+  margin-top: 18rpx;
+}
+
+.order-line strong {
+  color: #0f172a;
+}
+
+.loading,
+.empty {
+  color: #64748b;
+  padding: 30rpx 0;
+  text-align: center;
+}