优化

src/modules/unified-orders/styles/orderDensity.css

@@ -0,0 +1,97 @@
+/* Order workspace pilot. Keep these rules local until the visual baseline is approved. */
+.unified-orders-page .inbound-fee-panel .fee-summary {
+  grid-template-columns: minmax(230px, 1.3fr) repeat(4, minmax(150px, 1fr));
+  border-top: 0;
+}
+.unified-orders-page .inbound-fee-panel .fee-total,
+.unified-orders-page .inbound-fee-panel .fee-summary-item { padding: 8px 10px; gap: 4px; }
+.unified-orders-page .inbound-fee-panel .fee-summary span,
+.unified-orders-page .inbound-fee-panel .fee-summary small { font-size: 12px; }
+.unified-orders-page .inbound-fee-panel .fee-total strong { font-size: 17px; }
+.unified-orders-page .inbound-fee-panel .fee-summary-item strong { font-size: 14px; }
+.unified-orders-page .inbound-fee-panel .calculation-flow > div { min-height: 36px; padding: 6px 10px; }
+.unified-orders-page .inbound-fee-panel .calculation-flow span { font-size: 12px; }
+.unified-orders-page .inbound-fee-panel .fee-detail-grid > section { padding: 10px 12px 10px 0; }
+.unified-orders-page .inbound-fee-panel .fee-detail-grid > section + section { padding-right: 0; padding-left: 12px; }
+.unified-orders-page .inbound-fee-panel .fee-detail-grid dl { margin-top: 8px; }
+.unified-orders-page .inbound-fee-panel .fee-detail-grid dl > div { padding: 6px 0; }
+.unified-orders-page .inbound-fee-panel .fee-timeline ol { margin-top: 8px; }
+.unified-orders-page .inbound-fee-panel .fee-advanced > summary { padding: 8px 2px; }
+.unified-orders-page .fee-detail-manager { gap: 8px; }
+.unified-orders-page .fulfillment-tree-panel { gap: 8px; }
+.unified-orders-page .fulfillment-tree-panel .tree-summary {
+  display: flex; flex-wrap: wrap; gap: 6px 28px; padding: 8px 10px;
+  border-radius: 0; background: #fff;
+}
+.unified-orders-page .fulfillment-tree-panel .tree-summary > div { display: flex; align-items: baseline; gap: 8px; }
+.unified-orders-page .fulfillment-tree-panel .tree-summary strong { overflow: visible; white-space: normal; overflow-wrap: anywhere; font-size: 13px; font-weight: 600; }
+.unified-orders-page .detail-panel .el-empty { padding: 12px 0; }
+.unified-orders-page .detail-panel .el-empty__image { display: none; }
+.unified-orders-page .detail-panel .el-empty__description { margin-top: 0; }
+
+/* Dialogs are teleported; opt in explicitly instead of styling all AppDialog instances. */
+.order-density-dialog.el-dialog {
+  --el-font-size-base: 13px;
+  --el-component-size: 32px;
+  padding: 0;
+  border-radius: 4px;
+}
+.order-density-dialog.el-dialog:not(.is-fullscreen) { margin-top: 6vh; max-height: 88vh; }
+.order-density-dialog.el-dialog .el-dialog__header { margin: 0; padding: 10px 48px 10px 16px; border-bottom: 1px solid var(--cc-border); }
+.order-density-dialog.el-dialog .el-dialog__title { font-size: 16px; line-height: 24px; font-weight: 600; }
+.order-density-dialog.el-dialog .el-dialog__body { padding: 12px 16px; }
+.order-density-dialog.el-dialog .el-dialog__footer { padding: 8px 16px; border-top: 1px solid var(--cc-border); }
+.order-density-dialog.el-dialog .el-table { font-size: 13px; }
+.order-density-dialog.el-dialog .el-table__cell { height: 36px; padding: 4px 0; }
+.order-density-dialog.el-dialog .el-table .cell { line-height: 22px; }
+.order-density-dialog.el-dialog .el-form-item { margin-bottom: 14px; }
+.order-density-dialog.el-dialog .el-form-item__label { font-size: 13px; }
+.order-density-dialog.el-dialog .el-alert { padding: 8px 10px; border-radius: 3px; }
+.order-density-dialog.el-dialog .el-empty { padding: 12px 0; }
+.order-density-dialog.el-dialog .el-empty__image { display: none; }
+.order-density-dialog.el-dialog .el-empty__description { margin-top: 0; }
+.order-density-dialog.el-dialog .batch-approval-table .cell { white-space: normal; overflow-wrap: anywhere; }
+.order-density-dialog.el-dialog .batch-approval-table .el-tag { height: auto; min-height: 24px; white-space: normal; line-height: 20px; }
+
+@media (min-width: 961px) {
+  .order-measurement-dialog.el-dialog:not(.is-fullscreen) {
+    /* The inherited dialog width is inline; only this order entry opts into the wider workspace. */
+    width: min(1560px, calc(100vw - 48px)) !important;
+    height: 92vh; max-height: 92vh; margin-top: 4vh;
+  }
+  .order-measurement-dialog .measurement-dialog-weight { padding-bottom: 10px; }
+  .order-measurement-dialog .measurement-section { padding: 10px 0; }
+  .order-measurement-dialog .measurement-summary-section { gap: 8px; }
+  .order-measurement-dialog .measurement-section__heading { align-items: center; margin-bottom: 8px; }
+  .order-measurement-dialog .measurement-metrics { grid-template-columns: repeat(5, minmax(0, 1fr)); }
+  .order-measurement-dialog .measurement-metrics > div { min-height: 36px; padding: 6px 10px; display: flex; align-items: baseline; gap: 8px; }
+  .order-measurement-dialog .measurement-metrics dd { font-size: 14px; }
+  .order-measurement-dialog .measurement-metrics small { font-size: 12px; }
+  .order-measurement-dialog .measurement-data-grid { gap: 8px 12px; }
+  .order-measurement-dialog .measurement-declaration { padding-top: 8px; }
+  .order-measurement-dialog .measurement-declaration h4 { margin-bottom: 6px; font-size: 13px; }
+  .order-measurement-dialog .measurement-panel > .el-alert { margin: 8px 0; }
+  .order-measurement-dialog .measurement-summary-header span { font-size: 12px; }
+  .order-measurement-dialog .measurement-table .el-table__header th { padding: 4px 0; font-size: 13px; }
+  .order-measurement-dialog .weight-heading { flex-wrap: wrap; gap: 8px; padding-bottom: 8px; }
+  .order-measurement-dialog .weight-heading__actions { flex-wrap: wrap; gap: 12px; }
+  .order-measurement-dialog .pallet-picker { width: 340px; }
+  .order-measurement-dialog .weight-list { margin-top: 8px; }
+  .order-measurement-dialog .weight-grid { grid-template-columns: repeat(auto-fill, minmax(420px, 1fr)); gap: 8px; }
+  .order-measurement-dialog .weight-card { display: grid; grid-template-columns: 120px minmax(0, 1fr); gap: 10px; align-items: start; padding: 8px; border-radius: 2px; }
+  .order-measurement-dialog .weight-card .weight-thumb { width: 120px; border-radius: 2px; }
+  .order-measurement-dialog .weight-card__body { min-width: 0; padding: 0; text-align: left; }
+  .order-measurement-dialog .weight-card__value { min-height: 28px; padding-right: 32px; text-align: left; }
+  .order-measurement-dialog .weight-card__value strong { font-size: 14px; }
+  .order-measurement-dialog .weight-card__facts { gap: 3px; margin-top: 4px; padding-top: 4px; }
+  .order-measurement-dialog .weight-card__facts div { font-size: 12px; }
+  .order-measurement-dialog .weight-card__correct { width: auto; margin-top: 6px; }
+}
+
+@media (max-width: 960px) {
+  .unified-orders-page .inbound-fee-panel .fee-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
+}
+@media (max-width: 720px) {
+  .unified-orders-page .inbound-fee-panel .fee-summary { grid-template-columns: 1fr; }
+  .unified-orders-page .inbound-fee-panel .fee-detail-grid > section { padding: 10px 0; }
+}