优化打手端售后问题单页面展示问题类型处理结果与提交说明

2026-08-22 11:25:18 +08:00
parent 6aec4a7b40
commit 67bb5fec15
2 changed files with 377 additions and 81 deletions
@@ -2199,3 +2199,103 @@ body {
 .finance-summary-item strong {
  color: #111827;
 }
+
+/* ===== 售后问题单（打手端） ===== */
+
+.worker-after-sales-page {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+}
+
+.worker-after-sales-reminder {
+  border-radius: 10px;
+}
+
+.worker-after-sales-toolbar {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+  flex-wrap: wrap;
+}
+
+.worker-after-sales-filter-count {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  min-width: 18px;
+  height: 18px;
+  padding: 0 5px;
+  border-radius: 9px;
+  background: #e6f4ff;
+  color: #1677ff;
+  font-size: 11px;
+  line-height: 1;
+}
+
+.worker-after-sales-list {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+}
+
+.worker-after-sales-item {
+  background: #ffffff;
+  border: 1px solid #e2e8f0;
+  border-left: 3px solid #cbd5e1;
+  border-radius: 14px;
+  padding: 14px 16px;
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.04);
+}
+
+.worker-after-sales-item.is-awaiting {
+  border-left-color: #fa8c16;
+  background: #fffdf8;
+}
+
+.worker-after-sales-item-head {
+  display: flex;
+  align-items: center;
+  gap: 8px 10px;
+  flex-wrap: wrap;
+}
+
+.worker-after-sales-item-meta {
+  margin-top: -4px;
+}
+
+.worker-after-sales-block {
+  background: #f8fafc;
+  border: 1px solid #eef2f7;
+  border-radius: 10px;
+  padding: 10px 12px;
+}
+
+.worker-after-sales-block.is-mine {
+  background: #f6ffed;
+  border-color: #e6f4dc;
+}
+
+.worker-after-sales-block.is-result {
+  background: #fff7e6;
+  border-color: #ffe7ba;
+}
+
+.worker-after-sales-block-label {
+  font-size: 12px;
+  color: #64748b;
+  margin-bottom: 6px;
+}
+
+.worker-after-sales-item.is-awaiting .worker-after-sales-item-actions {
+  display: flex;
+  justify-content: flex-end;
+}
+
+.worker-after-sales-mobile .worker-after-sales-toolbar .ant-segmented {
+  overflow-x: auto;
+}