dashboard-layout.scss 2.1 KB

123456789101112131415161718192021222324252627282930313233
  1. .wms-home {
  2. width: 100%; max-width: 100%; overflow: auto;
  3. button:disabled { opacity: .45; cursor: not-allowed; }
  4. select option { background: #0A1830; color: #EAF4FF; }
  5. .greet .quick-actions { display: flex; gap: 10px; }
  6. .link-group { display: flex; gap: 12px; }
  7. .data-note,.empty { padding: 18px; color: var(--t2); font-size: 13px; }
  8. .data-note.bad,.overdue-row { color: var(--red); }
  9. .data-note button { color: var(--cyan); background: none; border: 0; cursor: pointer; }
  10. .data-note { border-top: 1px solid var(--panel-line); }
  11. .chart-box { height: 250px; width: 100%; }
  12. .table-wrap { overflow-x: auto; }
  13. .row-actions { white-space: nowrap; }
  14. .row-actions a + a { margin-left: 10px; }
  15. .filters { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 12px; }
  16. .filters label { display: flex; flex-direction: column; gap: 5px; font-size: 12px; color: var(--t2); }
  17. .filters select,.filters input { height: 32px; padding: 5px 8px; border: 1px solid var(--panel-line); border-radius: 5px; background: rgba(6,15,31,.7); color: var(--t1); max-width: 190px; }
  18. .filters input[type=month] { color-scheme: dark; }
  19. .loc { border: 1px solid var(--panel-line); cursor: pointer; color: #04121F; }
  20. .loc.disabled { background: #4B5D73 !important; color: var(--t2); }
  21. .dashboard-business .drill-head { margin-bottom: 16px; }
  22. .receive-progress { display: flex; gap: 16px; align-items: center; padding: 14px 18px; margin: 12px 0; border: 1px solid var(--panel-line); background: var(--panel); }
  23. .dashboard-business .ele-body { padding: 0; }
  24. // 现有业务表单保留自身布局,撤销原型对第三方组件的全局间距重置。
  25. .dashboard-business .el-form-item { margin-bottom: 18px; }
  26. .dashboard-business .el-card__body { padding: 20px; }
  27. .dashboard-business .el-input__inner { padding: 0 15px; }
  28. .dashboard-business .el-button { padding: 9px 15px; }
  29. .dashboard-business .el-table th,.dashboard-business .el-table td { padding: 8px 0; }
  30. .dashboard-business .el-table .cell { padding: 0 10px; }
  31. .dashboard-business .el-form-item__label { padding-right: 12px; }
  32. }
  33. @media (max-width: 1000px) { .wms-home { min-width: 900px; } }