@chenchaolong/plugin-trade-compliance-workbench 1.0.18 → 1.0.20

package/dist/lib/remote-ui/pages/sales-files.css

@@ -0,0 +1,512 @@
+.tcw-sales-files-page {
+  --sf-blue: #1769ff;
+  --sf-blue-soft: #f1f6ff;
+  --sf-border: #dbe3ef;
+  --sf-text: #172033;
+  color: var(--sf-text);
+}
+
+.tcw-sales-heading {
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  gap: 10px;
+  margin: 0 0 10px;
+}
+
+.tcw-sales-heading .tcw-list-heading {
+  margin: 0;
+  color: #111b2f;
+  font-size: 20px;
+  line-height: 1.25;
+  font-weight: 700;
+}
+
+.tcw-sales-heading p {
+  margin: 8px 0 0;
+  color: #687389;
+  font-size: 14px;
+  line-height: 1.5;
+}
+
+.tcw-sales-heading > .tcw-button {
+  min-height: 36px;
+  border-color: var(--sf-blue);
+  color: var(--sf-blue);
+  background: #fff;
+}
+
+.tcw-sales-files-page .tcw-filter-panel {
+  margin-bottom: 8px;
+  padding: 10px 12px;
+  border-color: var(--sf-border);
+  border-radius: 7px;
+  box-shadow: 0 1px 4px rgba(24, 45, 78, .04);
+}
+
+.tcw-sales-files-page .tcw-filter-grid {
+  gap: 8px 10px;
+}
+
+.tcw-sales-files-page .tcw-filter-control {
+  gap: 8px;
+}
+
+.tcw-sales-files-page .tcw-filter-control > span {
+  color: #263147;
+  font-size: 14px;
+}
+
+.tcw-sales-files-page .tcw-filter-control input,
+.tcw-sales-files-page .tcw-filter-control select {
+  height: 34px;
+  border-color: #cfd8e5;
+  border-radius: 4px;
+}
+
+.tcw-sales-files-page .tcw-filter-actions .tcw-button {
+  min-height: 34px;
+  padding-inline: 16px;
+}
+
+.tcw-sales-files-page .tcw-button--primary,
+.tcw-sales-files-page .tcw-pagination button:not(:disabled):hover {
+  border-color: var(--sf-blue);
+  background: var(--sf-blue);
+}
+
+.tcw-sales-files-page .tcw-notice {
+  min-height: 40px;
+  margin-bottom: 12px;
+  align-items: center;
+  border-color: #9bc0ff;
+  border-radius: 6px;
+  color: #1763d7;
+  background: var(--sf-blue-soft);
+}
+
+.tcw-sales-files-page .tcw-grid-section {
+  border-color: var(--sf-border);
+  border-radius: 6px;
+}
+
+.tcw-sales-files-page .tcw-data-table {
+  color: #1c273a;
+  font-size: 12px;
+}
+
+.tcw-sales-files-page .tcw-data-table th,
+.tcw-sales-files-page .tcw-data-table td {
+  height: 36px;
+  padding: 6px 10px;
+  border-bottom-color: #e2e8f1;
+}
+
+.tcw-sales-files-page .tcw-data-table th {
+  color: #283448;
+  background: #f8fafc;
+  font-weight: 650;
+}
+
+.tcw-sales-files-page .tcw-row-actions {
+  gap: 11px;
+}
+
+.tcw-sales-files-page .tcw-data-table .action-column {
+  overflow: visible;
+}
+
+.tcw-sales-files-page--orders .tcw-data-table {
+  table-layout: fixed;
+}
+
+.tcw-sales-files-page--orders .tcw-data-table :is(th, td):not(.action-column) {
+  width: auto !important;
+  min-width: 0 !important;
+  max-width: none !important;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.tcw-sales-files-page--orders .tcw-data-table th.tcw-align-right {
+  white-space: normal;
+  overflow-wrap: anywhere;
+  line-height: 1.25;
+}
+
+.tcw-sales-files-page--orders .tcw-row-actions {
+  width: 100%;
+  min-width: 0;
+  justify-content: flex-start;
+}
+
+.tcw-sales-files-page--orders .tcw-row-actions > button {
+  flex: 0 0 auto;
+}
+
+.tcw-sales-files-page .tcw-row-actions button,
+.tcw-sales-files-page .tcw-table-link {
+  color: #1265e8;
+}
+
+.tcw-sales-files-page .tcw-pagination {
+  min-height: 48px;
+  border-top: 0;
+  color: #1d293c;
+}
+
+.tcw-sales-files-page .tcw-tag {
+  min-height: 22px;
+  border: 0;
+  border-radius: 999px;
+  color: #14935a;
+  background: #e5f8ee;
+}
+
+.tcw-sales-files-page .tcw-tag--warning {
+  color: #ed7a15;
+  background: #fff0e3;
+}
+
+.tcw-sales-page--orders .tcw-context-bar,
+.tcw-sales-page--lines .tcw-context-bar,
+.tcw-sales-files-page--history .tcw-context-bar {
+  min-height: 58px;
+  margin-bottom: 12px;
+  padding: 8px 14px;
+  border-color: var(--sf-border);
+  border-radius: 7px;
+}
+
+.tcw-sales-page--orders .tcw-context-bar strong {
+  margin-right: 10px;
+}
+
+.tcw-sales-page--orders .tcw-metric-grid {
+  grid-template-columns: repeat(4, minmax(0, 1fr));
+  gap: 12px;
+  margin-bottom: 12px;
+}
+
+.tcw-sales-page--orders .tcw-metric-grid article {
+  position: relative;
+  min-height: 64px;
+  padding: 10px 12px 9px 50px;
+  border: 1px solid var(--sf-border);
+  border-radius: 7px;
+}
+
+.tcw-sales-page--orders .tcw-metric-grid article::before {
+  position: absolute;
+  top: 12px;
+  left: 12px;
+  display: grid;
+  width: 28px;
+  height: 28px;
+  place-items: center;
+  border-radius: 50%;
+  color: var(--sf-blue);
+  background: #eaf1ff;
+  font-family: remixicon;
+  font-size: 18px;
+  content: "\ea71";
+}
+
+.tcw-sales-page--orders .tcw-metric-grid article:nth-child(3)::before { color: #11a963; background: #e5f8ee; content: "\f0d7"; }
+.tcw-sales-page--orders .tcw-metric-grid article:nth-child(4)::before { color: #f17d1d; background: #fff0e3; content: "\ef63"; }
+.tcw-sales-page--orders .tcw-metric-grid article:nth-child(n+5) { min-height: 72px; }
+.tcw-sales-page--orders .tcw-sales-top { margin-bottom: 12px; }
+.tcw-sales-page--orders .tcw-metric-grid article strong { font-size: 20px; }
+.tcw-sales-page--orders .tcw-metric-grid article small { position: static; margin-top: 2px; font-size: 12px; line-height: 1.4; }
+
+.tcw-sales-page--lines .tcw-order-summary {
+  display: grid;
+  grid-template-columns: repeat(3, minmax(0, 1fr));
+  min-height: 60px;
+}
+
+.tcw-sales-page--lines .tcw-order-summary strong,
+.tcw-sales-page--lines .tcw-order-summary span {
+  display: grid;
+  gap: 7px;
+  color: #162136;
+}
+
+.tcw-sales-page--lines .tcw-order-summary strong::before { color: #6b7689; font-size: 12px; font-weight: 400; content: "销售订单编号"; }
+.tcw-sales-page--lines .tcw-order-summary span:nth-child(2)::before { color: #6b7689; font-size: 12px; content: "客户合同编号"; }
+.tcw-sales-page--lines .tcw-order-summary span:nth-child(3)::before { color: #6b7689; font-size: 12px; content: "采购合同编号"; }
+
+.tcw-sales-page--lines .tcw-data-table .action-column {
+  position: sticky;
+  right: 0;
+  z-index: 2;
+  background: #fff;
+}
+
+.tcw-sales-page--lines .tcw-data-table thead .action-column {
+  z-index: 3;
+  background: #f8fafc;
+}
+
+.tcw-sales-page--lines .tcw-row-actions {
+  justify-content: center;
+  white-space: nowrap;
+}
+
+.tcw-sales-files-page--history .tcw-context-bar .tcw-button { order: 3; margin-left: auto; border-color: var(--sf-blue); color: var(--sf-blue); }
+
+.tcw-modal-backdrop:has(:is(.tcw-sales-customer-dialog, .tcw-sales-order-dialog, .tcw-sales-risk-dialog)) {
+  background: rgba(255, 255, 255, .68);
+  backdrop-filter: blur(2px);
+}
+
+.tcw-modal-backdrop:has(.tcw-sales-generate-dialog) {
+  background: rgba(255, 255, 255, .68);
+  backdrop-filter: blur(2px);
+}
+
+.tcw-modal-backdrop:has(.tcw-sales-bank-dialog input[value="CI"]) {
+  background: rgba(255, 255, 255, .68);
+  backdrop-filter: blur(2px);
+}
+
+.tcw-modal-backdrop:has(.tcw-sales-bank-dialog input[value="PI"]) {
+  background: rgba(0, 0, 0, .52);
+  backdrop-filter: none;
+}
+
+.tcw-modal:has(.tcw-sales-risk-dialog),
+.tcw-modal:has(.tcw-sales-file-dialog),
+.tcw-modal:has(.tcw-sales-customer-dialog),
+.tcw-modal:has(.tcw-sales-order-dialog),
+.tcw-modal:has(.tcw-sales-bank-dialog),
+.tcw-modal:has(.tcw-sales-generate-dialog),
+.tcw-modal:has(.tcw-sales-file-delete-dialog) {
+  border-radius: 8px;
+  box-shadow: 0 18px 55px rgba(16, 28, 48, .26);
+}
+
+.tcw-modal:has(.tcw-sales-risk-dialog) { width: min(760px, calc(100vw - 40px)); }
+.tcw-modal:has(.tcw-sales-file-dialog) { width: min(640px, calc(100vw - 40px)); min-height: min(580px, calc(100vh - 40px)); transform: translate(12px, 4px); }
+.tcw-modal:has(.tcw-sales-customer-dialog) { width: min(740px, calc(100vw - 40px)); max-height: min(560px, calc(100vh - 40px)); }
+.tcw-modal:has(.tcw-sales-order-dialog) { width: min(760px, calc(100vw - 40px)); max-height: min(560px, calc(100vh - 40px)); }
+.tcw-modal:has(.tcw-sales-generate-dialog) { width: min(740px, calc(100vw - 40px)); max-height: min(500px, calc(100vh - 40px)); }
+.tcw-modal:has(.tcw-sales-file-delete-dialog) { width: min(540px, calc(100vw - 40px)); min-height: min(392px, calc(100vh - 40px)); transform: translateY(8px); }
+.tcw-modal:has(.tcw-sales-risk-dialog) > header,
+.tcw-modal:has(.tcw-sales-file-dialog) > header,
+.tcw-modal:has(.tcw-sales-customer-dialog) > header,
+.tcw-modal:has(.tcw-sales-order-dialog) > header { min-height: 50px; padding-inline: 16px; }
+.tcw-modal:has(.tcw-sales-bank-dialog) > header,
+.tcw-modal:has(.tcw-sales-generate-dialog) > header,
+.tcw-modal:has(.tcw-sales-file-delete-dialog) > header { min-height: 50px; padding-inline: 16px; }
+.tcw-modal:has(.tcw-sales-risk-dialog) > footer,
+.tcw-modal:has(.tcw-sales-file-dialog) > footer,
+.tcw-modal:has(.tcw-sales-customer-dialog) > footer,
+.tcw-modal:has(.tcw-sales-order-dialog) > footer { min-height: 52px; padding-inline: 16px; }
+.tcw-modal:has(.tcw-sales-bank-dialog) > footer,
+.tcw-modal:has(.tcw-sales-generate-dialog) > footer,
+.tcw-modal:has(.tcw-sales-file-delete-dialog) > footer { min-height: 52px; padding-inline: 16px; }
+.tcw-modal:has(.tcw-sales-file-dialog) > .tcw-modal-body,
+.tcw-modal:has(.tcw-sales-bank-dialog) > .tcw-modal-body,
+.tcw-modal:has(.tcw-sales-generate-dialog) > .tcw-modal-body,
+.tcw-modal:has(.tcw-sales-file-delete-dialog) > .tcw-modal-body { padding: 12px 16px; }
+
+.tcw-sales-bank-dialog { display: grid; gap: 14px; }
+.tcw-bank-order-summary { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px 12px; margin: 0; padding: 10px 12px; border: 1px solid #a9c7ff; border-radius: 7px; background: #f8fbff; }
+.tcw-bank-order-summary div { min-width: 0; }
+.tcw-bank-order-summary dt { color: #66738a; font-size: 12px; }
+.tcw-bank-order-summary dd { margin: 7px 0 0; overflow: hidden; color: #17233a; font-weight: 650; text-overflow: ellipsis; white-space: nowrap; }
+.tcw-bank-dialog-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(290px, .9fr); gap: 12px; }
+.tcw-bank-dialog-grid > section { display: grid; align-content: start; gap: 10px; }
+.tcw-bank-dialog-grid > aside { min-height: 88px; padding: 8px 10px; border: 1px solid var(--sf-border); border-radius: 7px; }
+.tcw-bank-dialog-grid h3 { margin: 0 0 8px; font-size: 15px; }
+.tcw-bank-dialog-grid p { margin: 0 0 12px; color: #687389; }
+.tcw-bank-preview-file { display: flex; align-items: center; gap: 8px; padding: 10px; border: 1px solid #dfe6f0; border-radius: 6px; }
+.tcw-bank-preview-file > i { display: grid; width: 28px; height: 28px; place-items: center; border-radius: 5px; color: #1769ff; background: #eaf2ff; font-size: 16px; }
+.tcw-bank-preview-file span { display: grid; gap: 5px; }
+.tcw-bank-preview-file small { color: #6b778c; }
+.tcw-sales-bank-dialog > .tcw-notice { margin: 0; }
+
+.tcw-sales-generate-dialog { display: grid; gap: 14px; }
+.tcw-sales-generate-summary { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px 12px; margin: 0; padding: 10px 12px; border: 1px solid #a9c7ff; border-radius: 7px; background: #f8fbff; }
+.tcw-sales-generate-summary dt { color: #66738a; font-size: 12px; }
+.tcw-sales-generate-summary dd { margin: 7px 0 0; overflow: hidden; color: #17233a; font-size: 16px; text-overflow: ellipsis; white-space: nowrap; }
+.tcw-sales-generate-summary > div:nth-child(4) dd { font-size: 16px; font-weight: 700; }
+.tcw-sales-generate-content { display: grid; grid-template-columns: minmax(0, 1.02fr) minmax(300px, .98fr); gap: 12px; }
+.tcw-sales-generate-content > section { display: grid; align-content: start; gap: 8px; }
+.tcw-sales-generate-content .tcw-form-field { grid-template-columns: 86px minmax(0, 1fr); align-items: center; gap: 12px; }
+.tcw-sales-generate-content .tcw-form-field > span { font-weight: 650; }
+.tcw-sales-generate-content :is(input, select) { height: 32px; }
+.tcw-sales-generate-content textarea { min-height: 52px; }
+.tcw-sales-generate-content > aside { min-height: 128px; padding: 8px 10px; border: 1px solid var(--sf-border); border-radius: 7px; background: #fbfcfe; }
+.tcw-sales-generate-content h3 { margin: 0 0 10px; font-size: 15px; }
+.tcw-sales-generate-content p { margin: 0 0 12px; color: #687389; }
+.tcw-sales-generate-content ul { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; }
+.tcw-sales-generate-content li { display: flex; align-items: center; gap: 12px; }
+.tcw-sales-generate-content li i { color: var(--sf-blue); font-size: 22px; }
+.tcw-sales-generate-dialog > .tcw-notice { margin: 0; border-color: #f0cf91; color: #996816; background: #fff8e8; }
+
+.tcw-sales-file-delete-dialog { display: grid; gap: 12px; }
+.tcw-sales-file-delete-dialog h3 { margin: 0; font-size: 17px; }
+.tcw-delete-critical { display: flex; gap: 9px; padding: 10px 12px; border: 1px solid #ffb8b8; border-radius: 6px; color: #e22932; background: #fff1f1; line-height: 1.45; }
+.tcw-delete-critical > i { flex: 0 0 auto; font-size: 18px; }
+.tcw-sales-file-delete-dialog dl { display: grid; grid-template-columns: 1fr 1fr; gap: 10px 16px; margin: 0; padding: 10px 12px; border: 1px solid var(--sf-border); border-radius: 6px; font-size: 12px; }
+.tcw-sales-file-delete-dialog dt { color: #69758a; font-size: 12px; }
+.tcw-sales-file-delete-dialog dd { margin: 4px 0 0; overflow-wrap: anywhere; font-weight: 650; }
+.tcw-sales-file-delete-dialog > p { margin: 0; padding: 8px 10px; border: 1px solid #f0cf91; border-radius: 5px; color: #996816; background: #fff8e8; }
+
+@media (min-width: 981px) {
+  .tcw-modal:has(.tcw-sales-customer-dialog) { width: min(740px, calc(100vw - 40px)); height: min(560px, calc(100vh - 40px)); max-height: min(560px, calc(100vh - 40px)); transform: translate(16px, 18px); }
+  .tcw-modal:has(.tcw-sales-order-dialog) { width: min(760px, calc(100vw - 40px)); height: min(560px, calc(100vh - 40px)); max-height: min(560px, calc(100vh - 40px)); transform: translate(16px, 18px); }
+  .tcw-modal:has(.tcw-sales-risk-dialog) { width: min(760px, calc(100vw - 40px)); height: min(580px, calc(100vh - 40px)); max-height: min(580px, calc(100vh - 40px)); transform: translate(16px, 18px); }
+  .tcw-modal:has(.tcw-sales-bank-dialog input[value="PI"]) { width: min(760px, calc(100vw - 40px)); height: min(560px, calc(100vh - 40px)); min-height: min(560px, calc(100vh - 40px)); max-height: min(560px, calc(100vh - 40px)); transform: none; }
+  .tcw-modal:has(.tcw-sales-bank-dialog input[value="CI"]) { width: min(760px, calc(100vw - 40px)); height: min(540px, calc(100vh - 40px)); min-height: min(540px, calc(100vh - 40px)); max-height: min(540px, calc(100vh - 40px)); transform: translate(16px, 20px); }
+  .tcw-modal:has(.tcw-sales-generate-dialog) { width: min(740px, calc(100vw - 40px)); height: min(500px, calc(100vh - 40px)); min-height: min(500px, calc(100vh - 40px)); max-height: min(500px, calc(100vh - 40px)); transform: translate(16px, 20px); }
+}
+
+@media (min-width: 981px) and (max-height: 960px) {
+  .tcw-sales-page--lines > .tcw-sales-heading--lines {
+    margin-bottom: 12px;
+  }
+
+  .tcw-sales-page--lines .tcw-order-summary {
+    min-height: 68px;
+    margin-bottom: 10px;
+  }
+
+  .tcw-sales-page--lines > .tcw-notice {
+    margin-bottom: 10px;
+  }
+
+  .tcw-sales-page--lines > .tcw-filter-panel {
+    margin-bottom: 10px;
+    padding: 14px 20px;
+  }
+}
+
+.tcw-sales-customer-dialog,
+.tcw-sales-order-dialog {
+  display: grid;
+  grid-template-columns: minmax(0, 1.15fr) minmax(280px, .85fr);
+  gap: 0 28px;
+}
+
+.tcw-sales-customer-dialog > section,
+.tcw-sales-order-dialog > section { min-width: 0; padding-right: 28px; border-right: 1px solid var(--sf-border); }
+.tcw-sales-customer-dialog > aside,
+.tcw-sales-order-dialog > aside { min-width: 0; }
+.tcw-sales-customer-dialog .tcw-field-grid { gap: 7px 14px; }
+.tcw-sales-customer-dialog .tcw-form-field,
+.tcw-sales-order-dialog .tcw-form-field { gap: 6px; }
+.tcw-sales-customer-dialog .tcw-form-field { gap: 3px; }
+.tcw-sales-customer-dialog input,
+.tcw-sales-order-dialog input { height: 37px; }
+.tcw-sales-customer-dialog input { height: 32px; }
+.tcw-sales-customer-dialog input:disabled,
+.tcw-sales-order-dialog input:disabled,
+.tcw-sales-customer-dialog textarea:disabled { color: #41506a; background: #f8fafc; opacity: 1; }
+.tcw-sales-customer-dialog aside dl,
+.tcw-sales-order-dialog aside dl { display: grid; gap: 0; margin: 0 0 18px; }
+.tcw-sales-customer-dialog aside dl > div,
+.tcw-sales-order-dialog aside dl > div { display: grid; grid-template-columns: minmax(112px, .85fr) minmax(0, 1.15fr); align-items: center; min-height: 47px; border-bottom: 1px solid #e8edf4; }
+.tcw-sales-customer-dialog dt,
+.tcw-sales-order-dialog dt { color: #3c485d; font-weight: 650; }
+.tcw-sales-customer-dialog dd,
+.tcw-sales-order-dialog dd { margin: 0; color: #18243a; }
+.tcw-sales-customer-dialog > .tcw-notice,
+.tcw-sales-order-dialog > .tcw-notice { grid-column: 1 / -1; margin: 20px 0 0; }
+.tcw-sales-customer-dialog > .tcw-notice { margin-top: 10px; }
+.tcw-sales-customer-dialog aside dl > div { min-height: 39px; }
+.tcw-sales-customer-dialog aside textarea { max-height: 140px; }
+.tcw-sales-order-dialog aside .tcw-notice { margin: 18px 0 0; }
+
+.tcw-modal:has(.tcw-sales-risk-dialog) > .tcw-modal-body {
+  min-height: 0;
+  overflow-y: auto;
+}
+
+.tcw-sales-risk-dialog {
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr);
+  gap: 18px;
+}
+
+.tcw-sales-risk-dialog > section:first-child { grid-column: 1 / -1; }
+.tcw-sales-risk-dialog > section { min-width: 0; }
+.tcw-sales-risk-dialog h3 { margin: 0 0 12px; font-size: 16px; }
+.tcw-sales-risk-dialog .tcw-preflight-summary { margin: 0; border: 1px solid var(--sf-border); border-radius: 7px; overflow: hidden; }
+.tcw-sales-risk-dialog .tcw-preflight-summary > div { border: 0; border-bottom: 1px solid #e5eaf1; background: #fff; }
+.tcw-sales-risk-result { scroll-margin-block: 16px; }
+.tcw-sales-match-result { scroll-margin-block: 16px; }
+.tcw-sales-risk-dialog .tcw-grid-section { border-color: var(--sf-border); }
+.tcw-sales-risk-dialog .tcw-data-table { min-width: 560px; }
+
+.tcw-sales-file-dialog .tcw-preflight-summary {
+  padding: 2px;
+  border: 1px solid #a9c7ff;
+  border-radius: 7px;
+  background: #f8fbff;
+}
+
+.tcw-sales-file-dialog .tcw-preflight-summary > div { border: 0; background: transparent; }
+.tcw-sales-file-dialog .tcw-notice { margin-bottom: 0; }
+
+@media (max-width: 980px) {
+  .tcw-modal:has(.tcw-sales-risk-dialog) {
+    max-height: calc(100vh - 12px);
+    transform: none;
+  }
+
+  .tcw-modal:has(.tcw-sales-risk-dialog) > .tcw-modal-body {
+    min-height: 0;
+    overflow-y: auto;
+  }
+
+  .tcw-modal:has(.tcw-sales-file-dialog),
+  .tcw-modal:has(.tcw-sales-bank-dialog),
+  .tcw-modal:has(.tcw-sales-generate-dialog),
+  .tcw-modal:has(.tcw-sales-file-delete-dialog) { min-height: 0; transform: none; }
+  .tcw-sales-page--lines > .tcw-sales-heading--lines {
+    position: static;
+    flex-direction: column;
+    flex-wrap: wrap;
+    min-height: 116px;
+    align-items: flex-start;
+  }
+  .tcw-sales-page--lines > .tcw-filter-panel {
+    padding-block: 12px;
+  }
+  .tcw-sales-page--lines .tcw-filter-grid {
+    gap: 10px;
+  }
+  .tcw-sales-heading--lines > div {
+    width: 100%;
+    min-width: 0;
+  }
+  .tcw-sales-heading--lines p,
+  .tcw-sales-heading--lines > .tcw-button {
+    max-width: 100%;
+    overflow-wrap: anywhere;
+    white-space: normal;
+  }
+  .tcw-sales-heading { flex-direction: column; }
+  .tcw-sales-page--orders .tcw-metric-grid { grid-template-columns: 1fr 1fr; }
+  .tcw-sales-risk-dialog { grid-template-columns: 1fr; }
+  .tcw-sales-risk-dialog > section:first-child { grid-column: auto; }
+  .tcw-sales-customer-dialog,
+  .tcw-sales-order-dialog { grid-template-columns: 1fr; }
+  .tcw-sales-customer-dialog > section,
+  .tcw-sales-order-dialog > section { padding: 0 0 18px; border-right: 0; border-bottom: 1px solid var(--sf-border); }
+  .tcw-sales-customer-dialog > aside,
+  .tcw-sales-order-dialog > aside { padding-top: 18px; }
+  .tcw-sales-generate-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
+  .tcw-sales-generate-content { grid-template-columns: 1fr; }
+}
+
+@media (max-width: 640px) {
+  .tcw-sales-heading .tcw-list-heading { font-size: 18px; }
+  .tcw-sales-page--orders .tcw-metric-grid { grid-template-columns: 1fr; }
+  .tcw-sales-page--lines .tcw-order-summary { grid-template-columns: 1fr; }
+  .tcw-sales-generate-summary { grid-template-columns: 1fr; }
+  .tcw-sales-generate-content .tcw-form-field { grid-template-columns: 1fr; gap: 6px; }
+}

package/dist/lib/remote-ui/pages/sales.js

@@ -78,7 +78,7 @@ export function SalesPage(props) {
             { type: 'custom', key: 'sanctionStatus', header: '制裁风险', width: 120, truncate: false, render: (_, row) => _jsx(Status, { value: row.sanctionStatus }) }, { type: 'text', key: 'complianceCheckedAt', header: '最近检查时间', width: 170, truncate: false, format: formatBeijingDateTime }
         ];
         const openOrders = (row) => row.profitRateStatus === 'MISSING' ? setConfirmCustomer(row) : props.onRouteChange({ type: 'sales', level: 'orders', customerId: row.id });
-        return _jsxs("main", { className: "tcw-sales-files-page tcw-sales-page tcw-sales-page--customers", children: [_jsx(PageHeading, { title: "\u5BA2\u6237\u4FE1\u606F\u5217\u8868", description: "\u7EF4\u62A4\u9500\u552E\u5BA2\u6237\u4E3B\u4F53\uFF0C\u70B9\u51FB\u8BA2\u5355\u8BE6\u60C5\u8FDB\u5165\u8BE5\u5BA2\u6237\u7684\u9500\u552E\u8BA2\u5355\u5217\u8868\u3002" }), _jsx(FilterPanel, { definitions: customerFilters, values: filters, onChange: (key, value) => setFilters(current => ({ ...current, [key]: value })), onQuery: () => void query('salesCustomers'), onReset: () => reset('salesCustomers') }), _jsx(InfoNotice, { children: "\u5BA2\u6237\u9ED8\u8BA4\u5B9A\u4EF7\u5229\u6DA6\u7387\u4E0D\u80FD\u4E3A\u7A7A\uFF1B\u5236\u88C1\u547D\u4E2D\u53EA\u63D0\u793A\uFF0C\u4E0D\u963B\u6B62\u540E\u7EED\u9500\u552E\u4E1A\u52A1\u3002" }), _jsx(DataGrid, { columns: columns, rows: props.customers.items, rowKey: "id", pagination: pagination(props.customers), onPageChange: page => void query('salesCustomers', page), onPageSizeChange: pageSize => void queryDispatcher.pageSize('salesCustomers', pageSize, filters), emptyText: "\u6682\u65E0\u5BA2\u6237\u6570\u636E", actionWidth: 350, actions: row => _jsxs(_Fragment, { children: [_jsxs("button", { type: "button", onClick: () => openOrders(row), children: [_jsx("i", { className: "ri-file-list-3-line", "aria-hidden": "true" }), "\u8BA2\u5355\u8BE6\u60C5"] }), _jsxs("button", { type: "button", onClick: () => setRateDialog({ customer: row, enterOrders: false }), children: [_jsx("i", { className: "ri-user-settings-line", "aria-hidden": "true" }), "\u7EF4\u62A4\u5BA2\u6237\u4FE1\u606F"] }), _jsxs("button", { type: "button", onClick: () => setRateDialog({ customer: row, enterOrders: false }), children: [_jsx("i", { className: "ri-percent-line", "aria-hidden": "true" }), "\u7EF4\u62A4\u9ED8\u8BA4\u5229\u6DA6\u7387"] })] }) }), _jsx(ConfirmDialog, { open: Boolean(confirmCustomer), title: "\u9ED8\u8BA4\u5229\u6DA6\u7387\u672A\u7EF4\u62A4", message: "\u8BE5\u5BA2\u6237\u5C1A\u672A\u7EF4\u62A4\u9ED8\u8BA4\u5B9A\u4EF7\u5229\u6DA6\u7387\u3002\u662F\u5426\u5148\u7EF4\u62A4\u5229\u6DA6\u7387\u540E\u8FDB\u5165\u8BA2\u5355\u5217\u8868\uFF1F", onCancel: () => setConfirmCustomer(null), onConfirm: () => { if (confirmCustomer)
+        return _jsxs("main", { className: "tcw-sales-files-page tcw-sales-page tcw-sales-page--customers", children: [_jsx(PageHeading, { title: "\u5BA2\u6237\u4FE1\u606F\u5217\u8868", description: "\u7EF4\u62A4\u9500\u552E\u5BA2\u6237\u4E3B\u4F53\uFF0C\u70B9\u51FB\u8BA2\u5355\u8BE6\u60C5\u8FDB\u5165\u8BE5\u5BA2\u6237\u7684\u9500\u552E\u8BA2\u5355\u5217\u8868\u3002" }), _jsx(FilterPanel, { definitions: customerFilters, values: filters, onChange: (key, value) => setFilters(current => ({ ...current, [key]: value })), onQuery: () => void query('salesCustomers'), onReset: () => reset('salesCustomers') }), _jsx(InfoNotice, { children: "\u5BA2\u6237\u9ED8\u8BA4\u5B9A\u4EF7\u5229\u6DA6\u7387\u4E0D\u80FD\u4E3A\u7A7A\uFF1B\u5236\u88C1\u547D\u4E2D\u53EA\u63D0\u793A\uFF0C\u4E0D\u963B\u6B62\u540E\u7EED\u9500\u552E\u4E1A\u52A1\u3002" }), _jsx(DataGrid, { columns: columns, rows: props.customers.items, rowKey: "id", pagination: pagination(props.customers), onPageChange: page => void query('salesCustomers', page), onPageSizeChange: pageSize => void queryDispatcher.pageSize('salesCustomers', pageSize, filters), emptyText: "\u6682\u65E0\u5BA2\u6237\u6570\u636E", actionWidth: 190, actions: row => _jsxs(_Fragment, { children: [_jsxs("button", { type: "button", onClick: () => openOrders(row), children: [_jsx("i", { className: "ri-file-list-3-line", "aria-hidden": "true" }), "\u8BA2\u5355"] }), _jsxs("button", { type: "button", "aria-label": "\u7EF4\u62A4\u5BA2\u6237\u4FE1\u606F", onClick: () => setRateDialog({ customer: row, enterOrders: false }), children: [_jsx("i", { className: "ri-user-settings-line", "aria-hidden": "true" }), "\u5BA2\u6237\u7EF4\u62A4"] })] }) }), _jsx(ConfirmDialog, { open: Boolean(confirmCustomer), title: "\u9ED8\u8BA4\u5229\u6DA6\u7387\u672A\u7EF4\u62A4", message: "\u8BE5\u5BA2\u6237\u5C1A\u672A\u7EF4\u62A4\u9ED8\u8BA4\u5B9A\u4EF7\u5229\u6DA6\u7387\u3002\u662F\u5426\u5148\u7EF4\u62A4\u5229\u6DA6\u7387\u540E\u8FDB\u5165\u8BA2\u5355\u5217\u8868\uFF1F", onCancel: () => setConfirmCustomer(null), onConfirm: () => { if (confirmCustomer)
                         setRateDialog({ customer: confirmCustomer, enterOrders: true }); setConfirmCustomer(null); } }), rateDialog && _jsx(CustomerMaintenanceDialog, { state: rateDialog, busy: props.busy, onClose: () => setRateDialog(null), onSave: async (rate) => { await props.onAction('save_customer_profit_rate', { customerId: rateDialog.customer.id, rate }); const next = rateDialog.enterOrders; const id = rateDialog.customer.id; setRateDialog(null); if (next)
                         props.onRouteChange({ type: 'sales', level: 'orders', customerId: id });
                     else
@@ -91,7 +91,7 @@ export function SalesPage(props) {
             { type: 'text', key: 'orderAmountCny', header: '销售总额 CNY', width: 140, align: 'right', truncate: false, format: money }, { type: 'text', key: 'receivedAmountCny', header: '已收款 CNY', width: 140, align: 'right', truncate: false, format: money }, { type: 'text', key: 'unreceivedAmountCny', header: '未收款 CNY', width: 140, align: 'right', truncate: false, format: money },
             { type: 'custom', key: 'paymentStatus', header: '收款状态', width: 110, truncate: false, render: (_, row) => paymentLabel(row.paymentStatus) }, { type: 'text', key: 'effectivePricingProfitRate', header: '订单利润率', width: 120, truncate: false, format: percent }, { type: 'text', key: 'pricingProfitRateSource', header: '利润率来源', width: 150, truncate: false, format: sourceLabel }
         ];
-        return _jsxs("main", { className: "tcw-sales-files-page tcw-sales-page tcw-sales-page--orders", children: [_jsxs("section", { className: "tcw-context-bar", children: [_jsx("strong", { children: "\u5BA2\u6237\u6458\u8981" }), _jsxs("span", { children: [props.orders.customer?.code || '—', " \u00B7 ", props.orders.customer?.name || '—'] }), _jsx("span", { children: props.orders.customer?.country || '—' })] }), _jsx(PageHeading, { title: "\u9500\u552E\u8BA2\u5355\u5217\u8868", description: "\u67E5\u770B\u5F53\u524D\u5BA2\u6237\u7684\u6D3E\u751F\u9500\u552E\u8BA2\u5355\uFF0C\u70B9\u51FB\u5546\u54C1\u8BE6\u60C5\u8FDB\u5165\u5546\u54C1\u5217\u8868\uFF1B\u53EF\u7EF4\u62A4\u8BA2\u5355\u5B9A\u4EF7\u5229\u6DA6\u7387\u548C\u5DF2\u6536\u6B3E\u3002", action: _jsxs("button", { type: "button", className: "tcw-button tcw-button--secondary", onClick: () => props.onRouteChange({ type: 'sales', level: 'customers' }), children: [_jsx("i", { className: "ri-arrow-left-line", "aria-hidden": "true" }), "\u8FD4\u56DE\u5BA2\u6237\u4FE1\u606F\u5217\u8868"] }) }), _jsx("section", { className: "tcw-metric-grid", children: [['订单总数', String(metrics.orderCount)], ['销售总额', money(metrics.salesAmountCny)], ['已收款', money(metrics.receivedAmountCny)], ['未收款', money(metrics.unreceivedAmountCny)]].map(([label, value]) => _jsxs("article", { children: [_jsx("span", { children: label }), _jsx("strong", { children: value }), _jsx("small", { children: label === '订单总数' ? '笔' : 'CNY' })] }, label)) }), _jsx(FilterPanel, { definitions: orderFilters, values: filters, onChange: (key, value) => setFilters(current => ({ ...current, [key]: value })), onQuery: () => void query('salesOrders'), onReset: () => reset('salesOrders') }), _jsx(DataGrid, { columns: columns, rows: props.orders.items, rowKey: row => `${row.customerContractId}:${row.purchaseOrderId}`, pagination: pagination(props.orders), onPageChange: page => void query('salesOrders', page), onPageSizeChange: pageSize => void queryDispatcher.pageSize('salesOrders', pageSize, filters), emptyText: "\u6682\u65E0\u9500\u552E\u8BA2\u5355", actionWidth: 650, actions: row => _jsxs(_Fragment, { children: [_jsxs("button", { type: "button", onClick: () => props.onRouteChange({ type: 'sales', level: 'lines', customerId: row.customerId, orderKey: `${row.customerContractId}:${row.purchaseOrderId}` }), children: [_jsx("i", { className: "ri-list-check-2", "aria-hidden": "true" }), "\u5546\u54C1\u8BE6\u60C5"] }), _jsxs("button", { type: "button", onClick: event => { resetSalesPageScroll(event.currentTarget); setManualDialog({ order: row, field: 'pricingProfitRateOverride' }); }, children: [_jsx("i", { className: "ri-edit-box-line", "aria-hidden": "true" }), "\u7EF4\u62A4\u9500\u552E\u8BA2\u5355\u6570\u636E"] }), _jsxs("button", { type: "button", onClick: event => { resetSalesPageScroll(event.currentTarget); setManualDialog({ order: row, field: 'pricingProfitRateOverride' }); }, children: [_jsx("i", { className: "ri-percent-line", "aria-hidden": "true" }), "\u7EF4\u62A4\u8BA2\u5355\u5229\u6DA6\u7387"] }), _jsxs("button", { type: "button", onClick: event => { resetSalesPageScroll(event.currentTarget); setManualDialog({ order: row, field: 'receivedAmountCny' }); }, children: [_jsx("i", { className: "ri-money-cny-circle-line", "aria-hidden": "true" }), "\u7EF4\u62A4\u5DF2\u6536\u6B3E"] }), _jsxs("button", { type: "button", onClick: event => { resetSalesPageScroll(event.currentTarget); setGenerationDialog(row); }, children: [_jsx("i", { className: "ri-file-excel-2-line", "aria-hidden": "true" }), "\u751F\u6210\u9500\u552E\u6587\u4EF6"] })] }) }), manualDialog && _jsx(SalesOrderMaintenanceDialog, { state: manualDialog, busy: props.busy, onClose: () => setManualDialog(null), onSave: async (value) => { const { order, field } = manualDialog; await props.onAction('save_derived_manual_data', createSalesOrderMaintenancePayload(order, field, value)); setManualDialog(null); void query('salesOrders'); } }), generationDialog && _jsx(SalesGenerateFileDialog, { order: generationDialog, busy: props.busy, onClose: () => setGenerationDialog(null), onConfirm: async (draft) => {
+        return _jsxs("main", { className: "tcw-sales-files-page tcw-sales-page tcw-sales-page--orders", children: [_jsxs("section", { className: "tcw-context-bar", children: [_jsx("strong", { children: "\u5BA2\u6237\u6458\u8981" }), _jsxs("span", { children: [props.orders.customer?.code || '—', " \u00B7 ", props.orders.customer?.name || '—'] }), _jsx("span", { children: props.orders.customer?.country || '—' })] }), _jsx(PageHeading, { title: "\u9500\u552E\u8BA2\u5355\u5217\u8868", description: "\u67E5\u770B\u5F53\u524D\u5BA2\u6237\u7684\u6D3E\u751F\u9500\u552E\u8BA2\u5355\uFF0C\u70B9\u51FB\u5546\u54C1\u8BE6\u60C5\u8FDB\u5165\u5546\u54C1\u5217\u8868\uFF1B\u53EF\u7EF4\u62A4\u8BA2\u5355\u5B9A\u4EF7\u5229\u6DA6\u7387\u548C\u5DF2\u6536\u6B3E\u3002", action: _jsxs("button", { type: "button", className: "tcw-button tcw-button--secondary", onClick: () => props.onRouteChange({ type: 'sales', level: 'customers' }), children: [_jsx("i", { className: "ri-arrow-left-line", "aria-hidden": "true" }), "\u8FD4\u56DE\u5BA2\u6237\u4FE1\u606F\u5217\u8868"] }) }), _jsx("section", { className: "tcw-metric-grid", children: [['订单总数', String(metrics.orderCount)], ['销售总额', money(metrics.salesAmountCny)], ['已收款', money(metrics.receivedAmountCny)], ['未收款', money(metrics.unreceivedAmountCny)]].map(([label, value]) => _jsxs("article", { children: [_jsx("span", { children: label }), _jsx("strong", { children: value }), _jsx("small", { children: label === '订单总数' ? '笔' : 'CNY' })] }, label)) }), _jsx(FilterPanel, { definitions: orderFilters, values: filters, onChange: (key, value) => setFilters(current => ({ ...current, [key]: value })), onQuery: () => void query('salesOrders'), onReset: () => reset('salesOrders') }), _jsx(DataGrid, { columns: columns, rows: props.orders.items, rowKey: row => `${row.customerContractId}:${row.purchaseOrderId}`, pagination: pagination(props.orders), onPageChange: page => void query('salesOrders', page), onPageSizeChange: pageSize => void queryDispatcher.pageSize('salesOrders', pageSize, filters), emptyText: "\u6682\u65E0\u9500\u552E\u8BA2\u5355", actionWidth: 360, actions: row => _jsxs(_Fragment, { children: [_jsxs("button", { type: "button", onClick: () => props.onRouteChange({ type: 'sales', level: 'lines', customerId: row.customerId, orderKey: `${row.customerContractId}:${row.purchaseOrderId}` }), children: [_jsx("i", { className: "ri-list-check-2", "aria-hidden": "true" }), "\u5546\u54C1\u8BE6\u60C5"] }), _jsxs("button", { type: "button", "aria-label": "\u7EF4\u62A4\u9500\u552E\u8BA2\u5355\u6570\u636E", onClick: event => { resetSalesPageScroll(event.currentTarget); setManualDialog({ order: row, field: 'pricingProfitRateOverride' }); }, children: [_jsx("i", { className: "ri-percent-line", "aria-hidden": "true" }), "\u5229\u6DA6\u7387"] }), _jsxs("button", { type: "button", onClick: event => { resetSalesPageScroll(event.currentTarget); setManualDialog({ order: row, field: 'receivedAmountCny' }); }, children: [_jsx("i", { className: "ri-money-cny-circle-line", "aria-hidden": "true" }), "\u6536\u6B3E"] }), _jsxs("button", { type: "button", "aria-label": "\u751F\u6210\u9500\u552E\u6587\u4EF6", onClick: event => { resetSalesPageScroll(event.currentTarget); setGenerationDialog(row); }, children: [_jsx("i", { className: "ri-file-excel-2-line", "aria-hidden": "true" }), "\u751F\u6210\u6587\u4EF6"] })] }) }), manualDialog && _jsx(SalesOrderMaintenanceDialog, { state: manualDialog, busy: props.busy, onClose: () => setManualDialog(null), onSave: async (value) => { const { order, field } = manualDialog; await props.onAction('save_derived_manual_data', createSalesOrderMaintenancePayload(order, field, value)); setManualDialog(null); void query('salesOrders'); } }), generationDialog && _jsx(SalesGenerateFileDialog, { order: generationDialog, busy: props.busy, onClose: () => setGenerationDialog(null), onConfirm: async (draft) => {
                         try {
                             const translationFailures = await completeSalesGeneration(generationDialog, draft, props.onAction, props.onOpenFiles, () => setGenerationDialog(null));
                             const details = translationFailures.map(failure => `${failure.field}：${failure.sourceValue}（${failure.message}）`).join('；');