feat: 完成员工排班模块并统一门店抽屉底部操作样式

2026-02-16 22:43:45 +08:00
parent aebd0c285b
commit becef7e6cb
43 changed files with 5127 additions and 53 deletions
--- a/apps/web-antd/src/views/store/staff/styles/template.less
+++ b/apps/web-antd/src/views/store/staff/styles/template.less
@@ -0,0 +1,65 @@
+/* 文件职责：班次模板区样式。 */
+.page-store-staff {
+  .template-list {
+    display: flex;
+    flex-direction: column;
+    gap: 10px;
+  }
+
+  .template-row {
+    display: flex;
+    gap: 12px;
+    align-items: center;
+    padding: 10px 0;
+    border-bottom: 1px solid #f3f4f6;
+  }
+
+  .template-row:last-child {
+    border-bottom: 0;
+  }
+
+  .template-dot {
+    width: 10px;
+    height: 10px;
+    border-radius: 3px;
+  }
+
+  .template-dot-morning {
+    background: #1890ff;
+  }
+
+  .template-dot-evening {
+    background: #fa8c16;
+  }
+
+  .template-dot-full {
+    background: #52c41a;
+  }
+
+  .template-label {
+    width: 48px;
+    font-size: 14px;
+    font-weight: 600;
+    color: #1f2329;
+  }
+
+  .template-time-group {
+    display: flex;
+    gap: 8px;
+    align-items: center;
+  }
+
+  .template-time-separator {
+    color: #8c8c8c;
+  }
+
+  .template-tip {
+    padding: 10px 12px;
+    margin-top: 8px;
+    font-size: 12px;
+    color: #667085;
+    background: #fafafa;
+    border: 1px solid #f0f2f5;
+    border-radius: 8px;
+  }
+}