yanhui
b7aca2343b
配件库存监控： - 列表「实时库存」后新增「采购在途数量」列，口径 SUM(MAX(0, jst_purchaseItem.qty - inQty)) - 顶部「实时库存合计」后新增可点击「采购在途」卡片，弹窗展示在途明细 （商品编码/商品名称/采购数量/已入库/在途数量/计划到货日期/采购单号），支持关键词、排序、分页 - 新增后端接口 GET /api/modular-stock-monitor/purchase-in-transit - 筛选器品类改直查 jst_sku 主表，避免新增 OUTER APPLY 拖慢筛选 - 采购在途列仅取数展示，不参与 ORDER BY / 聚合（规避 MSSQL 对 OUTER APPLY 列的灾难性执行计划） MKH-BOM 补货预警： - 日销驱动与已排产分支改用「结余库存 = 现有库存 - 待发货件数」判定可用天数与预警等级 - 建议补货量按 ceil(3 天日销 + 待发货件数 - 现有库存) 计算 - 新增 scope=work-order 范围筛选；列表新增「结余库存」列 - 打印模板剥离公司名前缀，打印字号调大 测试：mkhBomService 单测新增结余库存缓冲/紧张用例与回归用例
167 lines
4.9 KiB
CSS
167 lines
4.9 KiB
CSS
.msm-page {
|
|
container-name: modular-stock-monitor;
|
|
container-type: inline-size;
|
|
display: flex;
|
|
min-height: calc(100% - 46px);
|
|
flex-direction: column;
|
|
gap: var(--sycm-page-section-gap);
|
|
background: var(--sycm-bg-page-soft);
|
|
}
|
|
|
|
.msm-header {
|
|
display: flex;
|
|
min-height: 84px;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
gap: var(--sycm-space-lg);
|
|
margin: calc(var(--sycm-page-padding-y) * -1) calc(var(--sycm-page-padding-x) * -1) 0;
|
|
padding: 14px calc(var(--sycm-page-padding-x) + 2px);
|
|
border-bottom: 1px solid var(--sycm-border-base);
|
|
background: var(--sycm-bg-container);
|
|
}
|
|
.msm-header__heading { min-width: 0; }
|
|
.msm-header h3 {
|
|
margin: 0;
|
|
color: var(--sycm-text-strong);
|
|
font-size: var(--sycm-font-size-page);
|
|
font-weight: var(--sycm-font-weight-semibold);
|
|
line-height: var(--sycm-line-height-tight);
|
|
}
|
|
.msm-header__heading .ant-typography {
|
|
display: block;
|
|
margin-top: 6px;
|
|
color: var(--sycm-text-secondary);
|
|
font-size: var(--sycm-font-size-caption);
|
|
}
|
|
|
|
.msm-tabs .ant-tabs-nav {
|
|
margin: 0;
|
|
padding: 0 calc(var(--sycm-page-padding-x) + 2px);
|
|
border-bottom: 1px solid var(--sycm-border-base);
|
|
background: var(--sycm-bg-container);
|
|
}
|
|
.msm-tabs .ant-tabs-tab {
|
|
margin: 0;
|
|
padding: 12px 4px;
|
|
font-size: var(--sycm-font-size-title);
|
|
}
|
|
.msm-tabs .ant-tabs-content-holder,
|
|
.msm-tabs .ant-tabs-content,
|
|
.msm-tabs .ant-tabs-tabpane { min-height: 100%; }
|
|
.msm-tabs .ant-tabs-tabpane {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: var(--sycm-page-section-gap);
|
|
padding-top: var(--sycm-page-section-gap);
|
|
}
|
|
|
|
.msm-filter-card,
|
|
.msm-panel,
|
|
.msm-summary-card {
|
|
border: 1px solid var(--sycm-border-card) !important;
|
|
border-radius: var(--sycm-radius-lg) !important;
|
|
box-shadow: var(--sycm-shadow-card) !important;
|
|
}
|
|
.msm-filter-card { margin-bottom: 0; }
|
|
.msm-filter-card .ant-card-body { padding: 14px 16px; }
|
|
.msm-filter-card .ant-space { width: 100%; }
|
|
.msm-filter-card .ant-space-item { max-width: 100%; }
|
|
.msm-filter-card .ant-select,
|
|
.msm-filter-card .ant-input-affix-wrapper { max-width: 100%; }
|
|
|
|
.msm-summary-row { margin-top: -4px; }
|
|
.msm-summary-row .ant-col { display: flex; }
|
|
.msm-summary-card {
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 98px;
|
|
overflow: hidden;
|
|
}
|
|
.msm-summary-card::before {
|
|
position: absolute;
|
|
inset: 0 auto 0 0;
|
|
width: 3px;
|
|
background: var(--sycm-color-primary);
|
|
content: '';
|
|
}
|
|
.msm-summary-card.is-red::before { background: var(--sycm-color-danger); }
|
|
.msm-summary-card.is-orange::before { background: var(--sycm-color-orange); }
|
|
.msm-summary-card.is-green::before { background: var(--sycm-color-success); }
|
|
.msm-summary-card.is-blue::before { background: var(--sycm-color-primary); }
|
|
.msm-summary-card .ant-card-body {
|
|
display: flex;
|
|
min-height: 98px;
|
|
align-items: center;
|
|
padding: 16px 18px;
|
|
}
|
|
.msm-summary-card .ant-statistic { width: 100%; }
|
|
.msm-summary-card .ant-statistic-title {
|
|
margin-bottom: 8px;
|
|
color: var(--sycm-text-secondary);
|
|
font-size: var(--sycm-font-size-caption);
|
|
}
|
|
.msm-summary-card .ant-statistic-content {
|
|
color: var(--sycm-text-strong);
|
|
font-family: var(--sycm-font-family-number);
|
|
font-size: var(--sycm-font-size-metric);
|
|
line-height: 1.1;
|
|
}
|
|
.msm-summary-card .ant-statistic-content-suffix { font-size: var(--sycm-font-size-caption); }
|
|
|
|
.msm-summary-card.is-clickable {
|
|
cursor: pointer;
|
|
transition: transform 0.15s ease, box-shadow 0.15s ease;
|
|
}
|
|
.msm-summary-card.is-clickable:hover {
|
|
transform: translateY(-2px);
|
|
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
|
|
}
|
|
|
|
.msm-panel { margin-bottom: 0; overflow: hidden; }
|
|
.msm-panel .ant-card-head {
|
|
min-height: 48px;
|
|
padding: 0 16px;
|
|
border-bottom-color: var(--sycm-border-light);
|
|
}
|
|
.msm-panel .ant-card-head-title { font-size: var(--sycm-font-size-title); }
|
|
.msm-panel .ant-card-body { padding: 0 16px 16px; }
|
|
.msm-panel .ant-table { font-size: var(--sycm-font-size-caption); }
|
|
.msm-panel .ant-table-wrapper .ant-table-container { border-radius: var(--sycm-radius-md); }
|
|
.msm-panel .ant-table-placeholder .ant-table-cell { height: 180px; }
|
|
.msm-panel__date { font-size: var(--sycm-font-size-caption); }
|
|
|
|
.msm-muted { color: var(--sycm-text-tertiary); }
|
|
/* 表头口径提示：虚线下划线 + help 光标 */
|
|
.msm-th-tip {
|
|
border-bottom: 1px dashed var(--sycm-border-strong, var(--sycm-text-tertiary));
|
|
cursor: help;
|
|
}
|
|
.msm-note {
|
|
display: block;
|
|
max-width: 1180px;
|
|
margin-top: 4px;
|
|
font-size: 12px;
|
|
line-height: 1.6;
|
|
}
|
|
.msm-sku {
|
|
font-family: var(--sycm-font-family-number);
|
|
font-weight: var(--sycm-font-weight-semibold);
|
|
}
|
|
|
|
@container modular-stock-monitor (max-width: 900px) {
|
|
.msm-filter-card .ant-space-item { flex: 1 1 180px; }
|
|
}
|
|
|
|
@media (max-width: 767px) {
|
|
.msm-header {
|
|
min-height: 72px;
|
|
align-items: flex-start;
|
|
flex-direction: column;
|
|
gap: var(--sycm-space-sm);
|
|
padding-block: 12px;
|
|
}
|
|
.msm-filter-card .ant-select,
|
|
.msm-filter-card .ant-input-affix-wrapper { width: 100%; }
|
|
.msm-panel .ant-card-body { padding-inline: 10px; }
|
|
}
|