feat(M08-C): 补会员检索与员工概况

2026-08-10 10:35:44 +08:00
parent 8b46863cd8
commit 1b0839e881
22 changed files with 758 additions and 74 deletions
@@ -0,0 +1,171 @@
+.people-page {
+  padding-bottom: 48rpx;
+}
+
+.subtitle,
+.card-meta,
+.detail-line,
+.ledger-line text {
+  color: #64748b;
+  font-size: 23rpx;
+}
+
+.subtitle {
+  line-height: 1.6;
+  margin: 8rpx 0 22rpx;
+}
+
+.people-tabs,
+.search-row,
+.card-heading,
+.person-summary,
+.ledger-line {
+  align-items: center;
+  display: flex;
+}
+
+.people-tabs {
+  gap: 12rpx;
+  margin-bottom: 16rpx;
+}
+
+.people-tabs button {
+  flex: 1;
+  margin: 0;
+}
+
+.people-tabs .active {
+  background: #0f172a;
+  color: #fff;
+}
+
+.search-row {
+  display: grid;
+  gap: 12rpx;
+  grid-template-columns: 1fr auto;
+  margin-bottom: 20rpx;
+}
+
+.search-row input {
+  background: #fff;
+  border: 1rpx solid #cbd5e1;
+  border-radius: 14rpx;
+  padding: 18rpx;
+}
+
+.search-row button,
+.card-heading button {
+  margin: 0;
+}
+
+.person-card,
+.detail-card {
+  background: #fff;
+  border: 1rpx solid #e2e8f0;
+  border-radius: 18rpx;
+  margin-bottom: 16rpx;
+  padding: 22rpx;
+}
+
+.detail-card {
+  border-color: #93c5fd;
+}
+
+.card-heading,
+.ledger-line {
+  justify-content: space-between;
+}
+
+.card-title {
+  font-size: 28rpx;
+  font-weight: 600;
+}
+
+.card-meta {
+  margin-top: 6rpx;
+}
+
+.status-tag {
+  background: #dcfce7;
+  border-radius: 999rpx;
+  color: #166534;
+  font-size: 22rpx;
+  padding: 8rpx 14rpx;
+}
+
+.status-tag.disabled {
+  background: #f1f5f9;
+  color: #64748b;
+}
+
+.person-summary {
+  gap: 20rpx;
+  justify-content: space-between;
+  margin-top: 18rpx;
+}
+
+.person-summary text {
+  color: #334155;
+  font-size: 23rpx;
+}
+
+.metric-grid {
+  display: grid;
+  gap: 12rpx;
+  grid-template-columns: repeat(2, 1fr);
+  margin: 20rpx 0;
+}
+
+.metric-grid view {
+  background: #f8fafc;
+  border-radius: 12rpx;
+  display: flex;
+  flex-direction: column;
+  padding: 16rpx;
+}
+
+.metric-grid strong {
+  color: #0f172a;
+  font-size: 28rpx;
+}
+
+.metric-grid text {
+  color: #64748b;
+  font-size: 21rpx;
+}
+
+.detail-line {
+  line-height: 1.7;
+}
+
+.subheading {
+  font-size: 25rpx;
+  font-weight: 600;
+  margin: 20rpx 0 10rpx;
+}
+
+.ledger-line {
+  border-top: 1rpx solid #f1f5f9;
+  padding: 14rpx 0;
+}
+
+.ledger-line strong,
+.ledger-line text {
+  display: block;
+}
+
+.staff-note {
+  background: #f8fafc;
+  border-radius: 10rpx;
+  color: #475569;
+  font-size: 23rpx;
+  margin-top: 12rpx;
+  padding: 12rpx;
+}
+
+.loading,
+.empty {
+  color: #64748b;
+  padding: 28rpx 0;
+  text-align: center;
+}