From 75019157b37adbe487b9585512d88bcae480f22c Mon Sep 17 00:00:00 2001 From: zzh <1368735060@qq.com> Date: Sat, 5 Sep 2026 18:23:27 +0800 Subject: [PATCH 1/3] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=20Handsontable=20?= =?UTF-8?q?=E6=BB=9A=E5=8A=A8=E5=AF=B9=E9=BD=90=E4=B8=8E=E4=B8=BB=E9=A2=98?= =?UTF-8?q?=E5=8A=A0=E8=BD=BD=EF=BC=8C=E5=B9=B6=E8=A1=A5=E9=BD=90=E8=BD=A8?= =?UTF-8?q?=E8=BF=B9=E8=AE=A2=E5=8D=95=E8=A1=A8=E5=A4=B4=E6=96=87=E6=A1=88?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Co-authored-by: Cursor --- .eslintrc-auto-import.json | 3 + src/auto-imports.d.ts | 7 + src/components/HandsontablePro/index.vue | 321 +++++++++++++++++------ src/locale/en-US.ts | 2 + src/locale/zh-CN.ts | 2 + src/main.ts | 3 +- 6 files changed, 263 insertions(+), 75 deletions(-) diff --git a/.eslintrc-auto-import.json b/.eslintrc-auto-import.json index 16425b7..c5bc311 100644 --- a/.eslintrc-auto-import.json +++ b/.eslintrc-auto-import.json @@ -16,6 +16,7 @@ "McpCapabilityGuide": true, "McpCapabilityId": true, "McpFieldHint": true, + "NanaBatchOpenOptions": true, "PriceAskContext": true, "PriceAskIntent": true, "PropType": true, @@ -228,6 +229,7 @@ "useId": true, "useIdle": true, "useImage": true, + "useInboxUnread": true, "useInfiniteScroll": true, "useIntersectionObserver": true, "useInterval": true, @@ -249,6 +251,7 @@ "useMouseInElement": true, "useMousePressed": true, "useMutationObserver": true, + "useNanaBatchPanel": true, "useNavigatorLanguage": true, "useNetwork": true, "useNow": true, diff --git a/src/auto-imports.d.ts b/src/auto-imports.d.ts index 2c08991..b57132f 100644 --- a/src/auto-imports.d.ts +++ b/src/auto-imports.d.ts @@ -208,6 +208,7 @@ declare global { const useId: typeof import('vue')['useId'] const useIdle: typeof import('@vueuse/core')['useIdle'] const useImage: typeof import('@vueuse/core')['useImage'] + const useInboxUnread: typeof import('./composables/useInboxUnread')['useInboxUnread'] const useInfiniteScroll: typeof import('@vueuse/core')['useInfiniteScroll'] const useIntersectionObserver: typeof import('@vueuse/core')['useIntersectionObserver'] const useInterval: typeof import('@vueuse/core')['useInterval'] @@ -229,6 +230,7 @@ declare global { const useMouseInElement: typeof import('@vueuse/core')['useMouseInElement'] const useMousePressed: typeof import('@vueuse/core')['useMousePressed'] const useMutationObserver: typeof import('@vueuse/core')['useMutationObserver'] + const useNanaBatchPanel: typeof import('./composables/useNanaBatchPanel')['useNanaBatchPanel'] const useNavigatorLanguage: typeof import('@vueuse/core')['useNavigatorLanguage'] const useNetwork: typeof import('@vueuse/core')['useNetwork'] const useNow: typeof import('@vueuse/core')['useNow'] @@ -343,6 +345,9 @@ declare global { export type { WaybillSource, WaybillContext } from './composables/useAskAdvisor' import('./composables/useAskAdvisor') // @ts-ignore + export type { NanaBatchOpenOptions } from './composables/useNanaBatchPanel' + import('./composables/useNanaBatchPanel') + // @ts-ignore export type { ScanFeedbackType } from './composables/useOperationScanFeedback' import('./composables/useOperationScanFeedback') // @ts-ignore @@ -560,6 +565,7 @@ declare module 'vue' { readonly useId: UnwrapRef readonly useIdle: UnwrapRef readonly useImage: UnwrapRef + readonly useInboxUnread: UnwrapRef readonly useInfiniteScroll: UnwrapRef readonly useIntersectionObserver: UnwrapRef readonly useInterval: UnwrapRef @@ -581,6 +587,7 @@ declare module 'vue' { readonly useMouseInElement: UnwrapRef readonly useMousePressed: UnwrapRef readonly useMutationObserver: UnwrapRef + readonly useNanaBatchPanel: UnwrapRef readonly useNavigatorLanguage: UnwrapRef readonly useNetwork: UnwrapRef readonly useNow: UnwrapRef diff --git a/src/components/HandsontablePro/index.vue b/src/components/HandsontablePro/index.vue index 6786140..aed723a 100644 --- a/src/components/HandsontablePro/index.vue +++ b/src/components/HandsontablePro/index.vue @@ -23,6 +23,36 @@ appStore.theme === 'dark' ? 'ht-theme-classic-dark' : 'ht-theme-classic', ); + /** Vite 异步 CSS 分包时，等 --ht-line-height 就绪再 new Handsontable，避免主题告警 */ + function waitForHotThemeStyles(themeName: string, timeoutMs = 3000): Promise { + return new Promise((resolve) => { + const started = Date.now(); + const probe = document.createElement('div'); + probe.className = themeName; + probe.style.cssText = 'position:absolute;left:-99999px;top:0;visibility:hidden;pointer-events:none;'; + document.body.appendChild(probe); + + const finish = (ok: boolean) => { + probe.remove(); + resolve(ok); + }; + + const tick = () => { + const lineHeight = getComputedStyle(probe).getPropertyValue('--ht-line-height').trim(); + if (lineHeight) { + finish(true); + return; + } + if (Date.now() - started >= timeoutMs) { + finish(false); + return; + } + requestAnimationFrame(tick); + }; + tick(); + }); + } + // 注册所有 Handsontable 模块 registerAllModules(); @@ -749,12 +779,11 @@ } function applyLiquidFieldStyle(el: HTMLElement, focused = false) { - const dark = appStore.theme === 'dark'; - // 内联 !important 压过浏览器 UA / Handsontable 默认边框（截图里那圈硬黑框） + // 与工作台卡片同款磨砂玻璃 token（内联 !important 压过 UA / HOT 默认边框） el.style.setProperty('width', '100%', 'important'); el.style.setProperty('min-width', '0', 'important'); el.style.setProperty('max-width', '100%', 'important'); - el.style.setProperty('height', '24px', 'important'); + el.style.setProperty('height', '26px', 'important'); el.style.setProperty('padding', '0 10px', 'important'); el.style.setProperty('margin', '0', 'important'); el.style.setProperty('border-width', '1px', 'important'); @@ -762,37 +791,35 @@ el.style.setProperty( 'border-color', focused - ? 'color-mix(in srgb, var(--app-primary-color) 36%, transparent)' - : dark - ? 'var(--color-border-2)' - : 'rgba(255, 255, 255, 0.85)', + ? 'color-mix(in srgb, var(--app-primary-color) 22%, var(--app-acrylic-border-strong, rgba(255,255,255,0.92)))' + : 'var(--app-acrylic-border, rgba(255, 255, 255, 0.72))', 'important' ); - el.style.setProperty('border-radius', '999px', 'important'); + el.style.setProperty('border-radius', '12px', 'important'); el.style.setProperty('outline', 'none', 'important'); el.style.setProperty('box-sizing', 'border-box', 'important'); el.style.setProperty( 'background', - dark - ? focused - ? 'var(--color-bg-3)' - : 'var(--color-fill-2)' - : focused - ? 'linear-gradient(165deg, rgba(255,255,255,0.98) 0%, rgba(255,255,255,0.72) 55%, rgba(240,248,248,0.65) 100%)' - : 'linear-gradient(165deg, rgba(255,255,255,0.88) 0%, rgba(255,255,255,0.5) 55%, rgba(245,247,248,0.42) 100%)', + focused + ? 'var(--app-acrylic-hover-bg, rgba(255, 255, 255, 0.44))' + : 'var(--app-acrylic-bg, rgba(255, 255, 255, 0.32))', + 'important' + ); + el.style.setProperty( + 'backdrop-filter', + 'var(--app-acrylic-blur, blur(28px) saturate(160%))', + 'important' + ); + el.style.setProperty( + '-webkit-backdrop-filter', + 'var(--app-acrylic-blur, blur(28px) saturate(160%))', 'important' ); - el.style.setProperty('backdrop-filter', dark ? 'none' : 'blur(12px) saturate(1.2)', 'important'); - el.style.setProperty('-webkit-backdrop-filter', dark ? 'none' : 'blur(12px) saturate(1.2)', 'important'); el.style.setProperty( 'box-shadow', - dark - ? focused - ? '0 0 0 2px color-mix(in srgb, var(--app-primary-color) 28%, transparent)' - : 'none' - : focused - ? 'inset 0 1px 0 rgba(255,255,255,1), inset 0 -1px 0 rgba(0,121,121,0.06), 0 0 0 3px rgba(0,121,121,0.12), 0 3px 10px rgba(15,23,42,0.07)' - : 'inset 0 1px 0 rgba(255,255,255,0.98), inset 0 -1px 1px rgba(15,23,42,0.03), 0 1px 2px rgba(15,23,42,0.04), 0 2px 6px rgba(15,23,42,0.03)', + focused + ? '0 0 0 2px color-mix(in srgb, var(--app-primary-color) 16%, transparent)' + : 'none', 'important' ); el.style.setProperty( @@ -802,11 +829,12 @@ ); el.style.setProperty('font-size', '12px', 'important'); el.style.setProperty('font-weight', '500', 'important'); - el.style.setProperty('line-height', '22px', 'important'); + el.style.setProperty('line-height', '24px', 'important'); el.style.setProperty('font-family', 'inherit', 'important'); el.style.setProperty('caret-color', 'var(--app-primary-color, #054f74)', 'important'); el.style.setProperty('-webkit-appearance', 'none', 'important'); el.style.setProperty('appearance', 'none', 'important'); + el.style.setProperty('transition', 'border-color 0.2s ease, background 0.2s ease, color 0.2s ease, box-shadow 0.2s ease', 'important'); if (el.tagName === 'BUTTON') { el.style.setProperty('cursor', 'pointer', 'important'); el.style.setProperty('text-align', 'left', 'important'); @@ -858,6 +886,15 @@ input.value = raw; input.title = '双击打开筛选 · 回车搜索'; }); + input.addEventListener('mouseenter', () => { + if (document.activeElement === input) return; + input.style.setProperty('background', 'var(--app-acrylic-hover-bg, rgba(255, 255, 255, 0.44))', 'important'); + input.style.setProperty('border-color', 'var(--app-acrylic-border-strong, rgba(255, 255, 255, 0.92))', 'important'); + }); + input.addEventListener('mouseleave', () => { + if (document.activeElement === input) return; + applyLiquidFieldStyle(input, false); + }); input.addEventListener('paste', (e: ClipboardEvent) => { e.stopPropagation(); const clipboardData = e.clipboardData; @@ -1311,7 +1348,8 @@ width: '100%', height: tableHeight, licenseKey: 'non-commercial-and-evaluation', - className: hotThemeClass.value, + // HOT 16：主题必须用 themeName（勿塞进 className），否则会报 stylesheets missing + themeName: hotThemeClass.value, language: 'zh-CN', readOnly: props.readOnly === true, // 可编辑：回车/选中后输入即可开始编辑 @@ -1806,6 +1844,8 @@ removeFilterIconFromColumns(); syncHybridHeaders(); remasureActionColumnFromDom(); + // remasure/updateSettings 后 HOT 会按原生滚动条再次缩短 clone，需再对齐一次 + scheduleCloneOverlaySync(); } }; @@ -1830,24 +1870,92 @@ holder.style.setProperty('-ms-overflow-style', 'none', 'important'); const hider = holder.querySelector(':scope > .wtHider') as HTMLElement | null; - if (hider) { - hider.style.setProperty('min-width', 'calc(100% + 1px)', 'important'); - } const spreader = holder.querySelector(':scope > .wtHider > .wtSpreader') as HTMLElement | null; + // 切勿给 wtSpreader 设 min-width：它带横向虚拟滚动 left 偏移，强行拉宽会在滚到最右出现空白并导致表头/内容错位 if (spreader) { - spreader.style.setProperty('min-width', 'calc(100% + 1px)', 'important'); + spreader.style.removeProperty('min-width'); + } + if (hider) { + hider.style.removeProperty('min-width'); + // 先去掉强制宽度再测：仅在 stretch 铺满、无真实横向溢出时补 1px，稳住自绘横条 + const needsFakeOverflow = props.stretchColumns && holder.scrollWidth <= holder.clientWidth; + if (needsFakeOverflow) { + hider.style.setProperty('min-width', 'calc(100% + 1px)', 'important'); + } } bindHorizontalScrollbar(holder); + scheduleCloneOverlaySync(holder); syncHorizontalScrollbarMetrics(holder); }; + const syncCloneOverlaysFromMaster = (holder?: HTMLElement | null) => { + const currentHolder = holder || masterHolderEl; + if (!currentHolder || !hotContainer.value) return; + const top = hotContainer.value.querySelector('.ht_clone_top .wtHolder') as HTMLElement | null; + const bottom = hotContainer.value.querySelector('.ht_clone_bottom .wtHolder') as HTMLElement | null; + const left = hotContainer.value.querySelector('.ht_clone_left .wtHolder') as HTMLElement | null; + const corner = hotContainer.value.querySelector('.ht_clone_top_left_corner .wtHolder') as HTMLElement | null; + if (top && top.scrollLeft !== currentHolder.scrollLeft) top.scrollLeft = currentHolder.scrollLeft; + if (bottom && bottom.scrollLeft !== currentHolder.scrollLeft) bottom.scrollLeft = currentHolder.scrollLeft; + if (left && left.scrollTop !== currentHolder.scrollTop) left.scrollTop = currentHolder.scrollTop; + if (corner) { + if (corner.scrollLeft !== currentHolder.scrollLeft) corner.scrollLeft = currentHolder.scrollLeft; + if (corner.scrollTop !== currentHolder.scrollTop) corner.scrollTop = currentHolder.scrollTop; + } + }; + + /** 隐藏原生纵条后 HOT 仍按滚动条宽度缩短 clone_top，导致表头比内容窄一截 */ + const syncCloneOverlayWidths = (holder?: HTMLElement | null) => { + const currentHolder = holder || masterHolderEl; + if (!currentHolder || !hotContainer.value) return; + const w = currentHolder.clientWidth; + if (w <= 0) return; + const widthPx = `${w}px`; + // 只校准顶部冻结表头；切勿拉宽 ht_clone_bottom，否则会盖住主表导致滚轮/拖动失效 + const cloneTop = hotContainer.value.querySelector('.ht_clone_top') as HTMLElement | null; + const cloneTopHolder = hotContainer.value.querySelector('.ht_clone_top .wtHolder') as HTMLElement | null; + if (cloneTop) { + cloneTop.style.setProperty('width', widthPx, 'important'); + cloneTop.style.setProperty('right', '0px', 'important'); + cloneTop.style.setProperty('z-index', '180', 'important'); + } + if (cloneTopHolder) cloneTopHolder.style.setProperty('width', widthPx, 'important'); + + // 无底部冻结行时，底 clone 应为不可点的空层 + const cloneBottom = hotContainer.value.querySelector('.ht_clone_bottom') as HTMLElement | null; + if (cloneBottom) { + cloneBottom.style.removeProperty('width'); + cloneBottom.style.setProperty('pointer-events', 'none', 'important'); + cloneBottom.style.setProperty('height', '0px', 'important'); + const bottomHolder = cloneBottom.querySelector('.wtHolder') as HTMLElement | null; + if (bottomHolder) { + bottomHolder.style.removeProperty('width'); + bottomHolder.style.setProperty('pointer-events', 'none', 'important'); + } + } + }; + + /** HOT 布局可能在 afterRender 之后才写回 clone 宽度，延迟再对齐一次 */ + const scheduleCloneOverlaySync = (holder?: HTMLElement | null) => { + syncCloneOverlayWidths(holder); + syncCloneOverlaysFromMaster(holder); + requestAnimationFrame(() => { + syncCloneOverlayWidths(holder); + syncCloneOverlaysFromMaster(holder); + }); + }; + const onMasterHolderScroll = () => { + // 滚动时 HOT 会把 clone_top 宽度改回“预留原生纵条”的窄值，需持续拉齐，否则右侧纵条会顶到表头空隙里 + syncCloneOverlaysFromMaster(); + syncCloneOverlayWidths(); if (scrollSyncRaf != null) return; scrollSyncRaf = window.requestAnimationFrame(() => { scrollSyncRaf = null; + syncCloneOverlayWidths(); syncHorizontalThumbFromScroll(); - syncVerticalThumbFromScroll(); + syncVerticalScrollbarMetrics(); }); }; @@ -1885,28 +1993,38 @@ const trackEl = verticalScrollbarTrackRef.value; if (!currentHolder || !trackEl) return; - // 纵向滚动条从“主数据区(wtHolder)顶部”开始，避免任何表头样式差异带来的重叠 - const holderHost = hotContainer.value?.querySelector('.ht_master .wtHolder') as HTMLElement | null; + // 纵条从冻结表头下沿开始，避免盖到表头；高度对齐主数据可视区剩余高度 const containerEl = containerRef.value; - let nextTop = 40; - if (holderHost && containerEl) { - const holderRect = holderHost.getBoundingClientRect(); + const cloneTop = hotContainer.value?.querySelector('.ht_clone_top') as HTMLElement | null; + const hScroll = horizontalScrollbarTrackRef.value; + let nextTop = 0; + let trackHeight = Math.max(currentHolder.clientHeight, 0); + + if (containerEl) { const containerRect = containerEl.getBoundingClientRect(); - // +1 作为边界安全余量，避免 1px 级别重叠 - nextTop = Math.max(Math.ceil(holderRect.top - containerRect.top) + 1, 0); - } else if (holderHost) { - nextTop = Math.max(Math.ceil(holderHost.offsetTop) + 1, 0); + const holderRect = currentHolder.getBoundingClientRect(); + if (cloneTop) { + const cloneRect = cloneTop.getBoundingClientRect(); + // +2：与冻结表头留出缝，避免贴边看起来像纵条顶进表头 + nextTop = Math.max(Math.ceil(cloneRect.bottom - containerRect.top) + 2, 0); + } else { + nextTop = Math.max(Math.ceil(holderRect.top - containerRect.top), 0); + } + const bottomLimit = hScroll && customScrollbar.visible + ? Math.floor(hScroll.getBoundingClientRect().top - containerRect.top) + : Math.floor(holderRect.bottom - containerRect.top); + trackHeight = Math.max(bottomLimit - nextTop, 0); } + if (customVerticalScrollbar.trackTop !== nextTop) { customVerticalScrollbar.trackTop = nextTop; } - const trackHeight = Math.max(currentHolder.clientHeight, 0); customVerticalScrollbar.trackVisibleHeight = trackHeight; const scrollHeight = Math.max(currentHolder.scrollHeight, currentHolder.clientHeight + 1); const maxScrollTop = Math.max(scrollHeight - currentHolder.clientHeight, 0); - customVerticalScrollbar.visible = maxScrollTop > 0; + customVerticalScrollbar.visible = maxScrollTop > 0 && trackHeight > 0; customVerticalScrollbar.trackHeight = trackHeight; const thumbHeight = maxScrollTop > 0 @@ -2121,18 +2239,15 @@ { deep: true } ); - // 日夜切换：同步 HOT 主题类并刷新表头液态输入样式 + // 日夜切换：走 HOT 官方 useTheme，确保 CSS 变量与内部主题状态一致 watch(hotThemeClass, (cls) => { const root = hotContainer.value; if (root) { root.classList.remove('ht-theme-classic', 'ht-theme-classic-dark'); root.classList.add(cls); } - // Handsontable 会把 className 写到表格根节点 - const hotRoot = hotInstance?.rootElement as HTMLElement | undefined; - if (hotRoot) { - hotRoot.classList.remove('ht-theme-classic', 'ht-theme-classic-dark'); - hotRoot.classList.add(cls); + if (hotInstance) { + hotInstance.useTheme(cls); } nextTick(() => { syncHybridHeaders(); @@ -2151,6 +2266,21 @@ } ); + /** 主题 CSS 就绪后再创建实例（首屏 / 数据晚到补初始化共用） */ + async function initHandsontableWhenReady(options?: { finalize?: boolean }) { + if (hotInstance) return; + const themeReady = await waitForHotThemeStyles(hotThemeClass.value); + if (!themeReady) { + console.warn('[HandsontablePro] theme CSS not ready, init anyway:', hotThemeClass.value); + } + if (hotInstance) return; + initHandsontable(); + if (options?.finalize !== false) { + finalizeInit(); + setupResizeObserver(); + } + } + // 监听数据变化 watch(() => props.data, () => { if (ignoreDataWatch) return; @@ -2158,9 +2288,8 @@ updateData(); } else { nextTick(() => { - setTimeout(() => { - initHandsontable(); - }, 200); + // 仅补创建；finalize/resize 留给 onMounted，避免重复观察 + void initHandsontableWhenReady({ finalize: false }); }); } }, { deep: true }); @@ -2245,6 +2374,10 @@ let resizeObserver: ResizeObserver | null = null; const setupResizeObserver = () => { if (!containerRef.value) return; + if (resizeObserver) { + resizeObserver.disconnect(); + resizeObserver = null; + } resizeObserver = new ResizeObserver((entries) => { const entry = entries[0]; if (!entry || !hotInstance) return; @@ -2280,12 +2413,7 @@ } nextTick(() => { - // 确保样式已加载后再初始化 - setTimeout(() => { - initHandsontable(); - finalizeInit(); - setupResizeObserver(); - }, 200); + void initHandsontableWhenReady(); }); // 添加窗口大小变化监听器 @@ -2443,6 +2571,41 @@ .ht_clone_corner { border: none !important; } + + // 隐藏原生纵条后 HOT 仍按 ~15px 缩短冻结表头；拉满宽度，避免右侧纵条从 freeze 表头旁“冒出来” + .ht_clone_top { + width: 100% !important; + right: 0 !important; + left: 0 !important; + z-index: 180 !important; // 高于自绘纵条，右上角由表头盖住 + background: var(--color-fill-2) !important; + box-sizing: border-box !important; + + .wtHolder { + width: 100% !important; + } + + // 表头底边压住纵条顶，视觉上纵条绝不进冻结区 + &::after { + content: ''; + position: absolute; + left: 0; + right: 0; + bottom: 0; + height: 1px; + background: var(--color-border-2); + pointer-events: none; + z-index: 1; + } + } + + // 无底部冻结行时，底 clone 常被撑成整表透明层，挡住滚轮与纵条拖动 + .ht_clone_bottom { + pointer-events: none !important; + height: 0 !important; + max-height: 0 !important; + overflow: hidden !important; + } .wtHolder { border: none !important; @@ -2463,10 +2626,8 @@ scrollbar-width: none; -ms-overflow-style: none; - // 主表 wtHider：stretchH 拉满后 HOT 判定无横向滚动，刷新后横条会消失；略宽于视口以稳定显示横条 - > .wtHider { - min-width: calc(100% + 1px) !important; - } + // wtHider 的 1px 溢出由 ensureHorizontalScrollbarVisible 按需内联设置； + // 勿写死 min-width，否则宽表滚到最右会出现空白列、表头与内容错位 &::-webkit-scrollbar { width: 0 !important; @@ -2742,19 +2903,20 @@ width: 100% !important; min-width: 0 !important; max-width: 100%; - height: 24px !important; + height: 26px !important; padding: 0 10px !important; - border-radius: 999px !important; + /* 工作台卡片同款：磨砂玻璃 + 亮边 */ + border-radius: 12px !important; border-width: 1px !important; border-style: solid !important; - border-color: var(--color-border-2) !important; - background: var(--color-bg-2) !important; - backdrop-filter: none; - -webkit-backdrop-filter: none; + border-color: var(--app-acrylic-border, rgba(255, 255, 255, 0.72)) !important; + background: var(--app-acrylic-bg, rgba(255, 255, 255, 0.32)) !important; + backdrop-filter: var(--app-acrylic-blur, blur(28px) saturate(160%)); + -webkit-backdrop-filter: var(--app-acrylic-blur, blur(28px) saturate(160%)); box-shadow: none !important; font-size: 12px !important; font-weight: 500 !important; - line-height: 22px !important; + line-height: 24px !important; color: var(--color-text-2) !important; outline: none !important; box-sizing: border-box !important; @@ -2762,20 +2924,30 @@ caret-color: var(--app-primary-color, #054f74); -webkit-appearance: none !important; appearance: none !important; + transition: + border-color 0.2s ease, + background 0.2s ease, + color 0.2s ease, + box-shadow 0.2s ease; } :deep(.ht-header-hybrid-input) { &:hover { - background: var(--color-fill-2) !important; + border-color: var(--app-acrylic-border-strong, rgba(255, 255, 255, 0.92)) !important; + background: var(--app-acrylic-hover-bg, rgba(255, 255, 255, 0.44)) !important; box-shadow: none !important; } &:focus, &:focus-visible { color: var(--color-text-1) !important; - border-color: color-mix(in srgb, var(--app-primary-color) 36%, transparent) !important; - background: var(--color-bg-2) !important; - box-shadow: 0 0 0 2px color-mix(in srgb, var(--app-primary-color) 22%, transparent) !important; + border-color: color-mix( + in srgb, + var(--app-primary-color) 22%, + var(--app-acrylic-border-strong, rgba(255, 255, 255, 0.92)) + ) !important; + background: var(--app-acrylic-hover-bg, rgba(255, 255, 255, 0.44)) !important; + box-shadow: 0 0 0 2px color-mix(in srgb, var(--app-primary-color) 16%, transparent) !important; } &::placeholder { @@ -2798,6 +2970,8 @@ &:hover { color: var(--color-text-2) !important; + border-color: var(--app-acrylic-border-strong, rgba(255, 255, 255, 0.92)) !important; + background: var(--app-acrylic-hover-bg, rgba(255, 255, 255, 0.44)) !important; } } @@ -2938,7 +3112,8 @@ border-left: 0.5px solid #f0f0f0; cursor: pointer; user-select: none; - z-index: 3; + // 高于 ht_clone_bottom(130)，低于冻结表头(180)，避免滚到表头右上角时纵条压住表头 + z-index: 150; opacity: 0.92; } diff --git a/src/locale/en-US.ts b/src/locale/en-US.ts index 958f283..dba4a0e 100644 --- a/src/locale/en-US.ts +++ b/src/locale/en-US.ts @@ -5046,6 +5046,7 @@ export default { 'track.order.drawer.tabs.small': 'Small package', 'track.order.drawer.tabs.main': 'Main order', 'track.order.table.orderType': 'Order type', + 'track.order.table.orderNo': 'Order number', 'track.order.table.customsOrderNo': 'Customer order number', 'track.order.table.customerShortName': 'Customer short name', 'track.order.table.thirdPartyOrderNo': 'Last mile order number', @@ -5065,6 +5066,7 @@ export default { 'track.order.table.product': 'Sales product', 'track.order.table.channel': 'Service channel', 'track.order.table.apiCode': 'API service provider', + 'track.order.table.countryCode': 'Country', 'track.order.table.destCountryCode': 'Country', 'track.order.table.province': 'Province/State', 'track.order.table.city': 'City', diff --git a/src/locale/zh-CN.ts b/src/locale/zh-CN.ts index 7a6a9de..b346b6a 100644 --- a/src/locale/zh-CN.ts +++ b/src/locale/zh-CN.ts @@ -5116,6 +5116,7 @@ export default { 'track.order.drawer.tabs.package': '大包', 'track.order.drawer.tabs.main': '主单', 'track.order.table.orderType': '订单类型', + 'track.order.table.orderNo': '订单号', 'track.order.table.customsOrderNo': '客户单号', 'track.order.table.customerShortName': '客户简称', 'track.order.table.thirdPartyOrderNo': '尾程单号', @@ -5135,6 +5136,7 @@ export default { 'track.order.table.product': '销售产品', 'track.order.table.channel': '服务渠道', 'track.order.table.apiCode': 'API服务商', + 'track.order.table.countryCode': '国家', 'track.order.table.destCountryCode': '国家', 'track.order.table.province': '州省', 'track.order.table.city': '城市', diff --git a/src/main.ts b/src/main.ts index e4cc87a..fb5e954 100644 --- a/src/main.ts +++ b/src/main.ts @@ -51,8 +51,7 @@ function isH5LikePath(path: string) { normalized === '/h5' || normalized.startsWith('/h5/') || normalized.startsWith('/wechat/') || - normalized === '/track/query' || - normalized.startsWith('/track/') + normalized === '/track/query' ); } From da8376e31df86182b976ec7dc82fe4eac1a184d4 Mon Sep 17 00:00:00 2001 From: zzh <1368735060@qq.com> Date: Sat, 5 Sep 2026 18:37:50 +0800 Subject: [PATCH 2/3] =?UTF-8?q?feat:=20=E8=BF=90=E5=8D=95=E7=AE=A1?= =?UTF-8?q?=E7=90=86=E7=AD=9B=E9=80=89/=E8=A1=A8=E5=A4=B4=E9=85=8D?= =?UTF-8?q?=E7=BD=AE=E4=BC=98=E5=8C=96=EF=BC=8C=E5=85=A8=E5=B1=80=E5=88=86?= =?UTF-8?q?=E9=A1=B5=E9=BB=98=E8=AE=A450=E4=B8=8E=E5=B7=B2=E9=80=89?= =?UTF-8?q?=E6=95=B0=E5=AD=97=E7=BA=A2=E8=89=B2?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Co-authored-by: Cursor --- .cursor/rules/frontend-design-spec.mdc | 2 +- docs/仓储模块设计方案.md | 2 +- docs/前端页面设计规范.md | 4 +- src/assets/style/global.less | 7 + src/auto-imports.d.ts | 5 - src/components/TablePro/index.vue | 10 +- .../components/ChannelConfigHotTable.vue | 2 +- .../components/ChannelConfigRightPanel.vue | 2 +- .../channel/composables/useKpiAreaPage.ts | 2 +- src/views/channel/issueTemplate/index.vue | 8 +- .../ChannelReferencePreviewModal.vue | 2 +- src/views/channel/weightRounding/index.vue | 2 +- src/views/channel/weightRules/index.vue | 4 +- src/views/finance/receivablePayable/index.vue | 2 +- src/views/kb/article/index.vue | 2 +- .../marketing/commissionDetail/index.vue | 2 +- .../marketing/commissionWithdraw/index.vue | 4 +- .../marketing/components/PointsFlowPanel.vue | 2 +- src/views/marketing/couponTemplate/index.vue | 2 +- src/views/marketing/memberLevel/index.vue | 2 +- src/views/operation/fulfillPack/index.vue | 2 +- src/views/operation/inboundScan/index.vue | 2 +- src/views/operation/outboundScan/index.vue | 2 +- src/views/operation/printLabel/index.vue | 12 +- src/views/order/batchJobs/index.vue | 2 +- src/views/order/customs9610Order/index.vue | 8 +- src/views/order/myOrders/index.vue | 86 ++++---- src/views/order/pickupOrder/index.vue | 16 +- src/views/order/platformStore/index.vue | 8 +- .../CreateLogisticsModal.vue | 14 +- src/views/order/platformStoreOrder/index.vue | 10 +- src/views/order/waybillManage/index.vue | 204 +++++++++++++----- src/views/system/announcement/index.vue | 4 +- src/views/system/dataPerm/audit/index.vue | 8 +- src/views/system/dict/index.vue | 6 +- src/views/system/organization/index.vue | 4 +- src/views/track/trackMapping/Pull.vue | 108 +++++----- src/views/track/trackMapping/Push.vue | 36 ++-- .../trackMapping/components/PullScroll.vue | 14 +- .../trackMapping/components/PushScroll.vue | 14 +- src/views/user/senderAddress/index.vue | 2 +- src/views/user/sub-account/index.vue | 6 +- src/views/warehouse/binLocation/index.vue | 2 +- src/views/warehouse/inboundNotice/index.vue | 8 +- src/views/warehouse/inventory/index.vue | 6 +- src/views/warehouse/parcel/index.vue | 18 +- src/views/warehouse/parcelArrival/index.vue | 4 +- src/views/warehouse/sku/index.vue | 6 +- .../publishHistory/PublishHistoryPanel.vue | 6 +- src/views/xhs/startService/index.vue | 90 ++++---- 50 files changed, 443 insertions(+), 333 deletions(-) diff --git a/.cursor/rules/frontend-design-spec.mdc b/.cursor/rules/frontend-design-spec.mdc index 2a01119..d7f2097 100644 --- a/.cursor/rules/frontend-design-spec.mdc +++ b/.cursor/rules/frontend-design-spec.mdc @@ -31,7 +31,7 @@ alwaysApply: true - HandsontablePro 列定义用 `key` + `label`，勿用 `data` + `title` - HandsontablePro 固定列序：操作（可选，内容自适应宽）→ 序号（50px）→ 复选框（可选，60px）→ 数据；`stretch-columns` 只拉宽数据列，勿再传 `action-column-position` / `action-column-width` - 列表页高度：`flex: 1; min-height: 0`，`.list-wrap` 勿写死 min-height -- 分页 10/30/50/100，默认 30 +- 分页 10/30/50/100，默认 50 - 新页面 path 与 API 前缀冲突时须配置 nginx SPA 回退（见规范 §十五） ### 权限 diff --git a/docs/仓储模块设计方案.md b/docs/仓储模块设计方案.md index af0f001..360f44b 100644 --- a/docs/仓储模块设计方案.md +++ b/docs/仓储模块设计方案.md @@ -237,7 +237,7 @@ flowchart TB | `sku` | `WarehouseSku` | `views/warehouse/sku/index.vue` | `Warehouse.Sku.Query` | | `inboundNotice` | `WarehouseInboundNotice` | `views/warehouse/inboundNotice/index.vue` | `Warehouse.InboundNotice.Query` | -列表页布局遵循 `docs/前端页面设计规范.md`：`xxx-container`、`table-toolbar`、分页右上角、`PaginationPro` 默认 30 条。 +列表页布局遵循 `docs/前端页面设计规范.md`：`xxx-container`、`table-toolbar`、分页右上角、`PaginationPro` 默认 50 条。 ### 2.3 RBAC 权限码 diff --git a/docs/前端页面设计规范.md b/docs/前端页面设计规范.md index 98fcf8a..2c28194 100644 --- a/docs/前端页面设计规范.md +++ b/docs/前端页面设计规范.md @@ -302,7 +302,7 @@ itemList: [ - **位置（必选）**：所有分页组件（`PaginationPro`、Arco `a-pagination`、项目内其它分页封装等）须置于**列表的右上角**——即放在**紧邻列表上方**的工具栏**右侧**（`table-toolbar` / `.list-toolbar` 的 `.toolbar-right`，与 `toolbar-left` 同一行），与列表左右对齐、视觉上位于列表区域上方靠右。禁止将分页放在表格**下方**、列表**底部**、或单独居中另起一行（与「二、2.5.3」「2.5.4」工具栏约定一致）。 - 可选 pageSize：`10 / 30 / 50 / 100`（按需裁剪） -- 默认 pageSize：`30` +- 默认 pageSize：`50` - 接口参数：`pageIndex`、`pageSize`；返回：`totalCount`、`items` 或 `data.list` ### 7.4 操作列 @@ -547,7 +547,7 @@ const { t } = useI18n(); - [ ] 表单使用 FormPro 或统一 label/span - [ ] 表格优先 TablePro / CustomList / HandsontablePro - [ ] **HandsontablePro** 列定义使用 **`key` + `label`**，勿用 `data` + `title`（**§7.5**） -- [ ] 分页组件置于**列表上方工具栏右侧**（列表右上角），**§7.3**；分页 10/30/50/100，默认 30 +- [ ] 分页组件置于**列表上方工具栏右侧**（列表右上角），**§7.3**；分页 10/30/50/100，默认 50 - [ ] 操作按钮按权限使用 `hasPermission` - [ ] 路由 meta 配置 `permission` - [ ] **新增前端页面路径**若落在 `/order/`、`/channel/`、`/system/` 等与 Admin API 同源前缀下，须在 **`nginx-default.conf` / `nginx-docker.conf`** 增加 `^~` 的 `try_files /index.html =200` 规则（**§十五**），避免刷新/直链 404 diff --git a/src/assets/style/global.less b/src/assets/style/global.less index e50b249..5f7f059 100644 --- a/src/assets/style/global.less +++ b/src/assets/style/global.less @@ -632,3 +632,10 @@ div.main-menu[data-v-eb552580] { font-size: 12px !important; font-weight: bold !important; } + +/* 工具栏已选条数：数字默认红色 */ +.selected-count .count-number { + color: #f53f3f; + font-weight: 600; + margin: 0 2px; +} diff --git a/src/auto-imports.d.ts b/src/auto-imports.d.ts index b57132f..557659e 100644 --- a/src/auto-imports.d.ts +++ b/src/auto-imports.d.ts @@ -345,9 +345,6 @@ declare global { export type { WaybillSource, WaybillContext } from './composables/useAskAdvisor' import('./composables/useAskAdvisor') // @ts-ignore - export type { NanaBatchOpenOptions } from './composables/useNanaBatchPanel' - import('./composables/useNanaBatchPanel') - // @ts-ignore export type { ScanFeedbackType } from './composables/useOperationScanFeedback' import('./composables/useOperationScanFeedback') // @ts-ignore @@ -565,7 +562,6 @@ declare module 'vue' { readonly useId: UnwrapRef readonly useIdle: UnwrapRef readonly useImage: UnwrapRef - readonly useInboxUnread: UnwrapRef readonly useInfiniteScroll: UnwrapRef readonly useIntersectionObserver: UnwrapRef readonly useInterval: UnwrapRef @@ -587,7 +583,6 @@ declare module 'vue' { readonly useMouseInElement: UnwrapRef readonly useMousePressed: UnwrapRef readonly useMutationObserver: UnwrapRef - readonly useNanaBatchPanel: UnwrapRef readonly useNavigatorLanguage: UnwrapRef readonly useNetwork: UnwrapRef readonly useNow: UnwrapRef diff --git a/src/components/TablePro/index.vue b/src/components/TablePro/index.vue index 900ca10..97b5d1b 100644 --- a/src/components/TablePro/index.vue +++ b/src/components/TablePro/index.vue @@ -67,7 +67,7 @@ }, defaultPageSize: { type: Number, - default: null, // null 表示使用默认值 300 + default: null, // null 表示使用统一默认值 50 }, }); const attrs = useAttrs(); @@ -129,16 +129,16 @@ return baseSizes; }; - // 确定默认 pageSize（按统一分页规则，默认 30） + // 确定默认 pageSize（按统一分页规则，默认 50） const getDefaultPageSize = () => { if (props.defaultPageSize) { return props.defaultPageSize; } if (props.maxPageSize) { - // 有最大限制时，默认取 30，但不超过 maxPageSize - return Math.min(30, props.maxPageSize); + // 有最大限制时，默认取 50，但不超过 maxPageSize + return Math.min(50, props.maxPageSize); } - return 30; + return 50; }; const tablePage = reactive({ diff --git a/src/views/channel/components/ChannelConfigHotTable.vue b/src/views/channel/components/ChannelConfigHotTable.vue index d4b0fcb..f680cc9 100644 --- a/src/views/channel/components/ChannelConfigHotTable.vue +++ b/src/views/channel/components/ChannelConfigHotTable.vue @@ -50,7 +50,7 @@ import { computed } from 'vue'; { totalCount: 0, currentPage: 1, - pageSize: 30, + pageSize: 50, serialNoHeader: '', actionColumnHeader: '', customCellRenderer: undefined, diff --git a/src/views/channel/components/ChannelConfigRightPanel.vue b/src/views/channel/components/ChannelConfigRightPanel.vue index 33de327..0a16947 100644 --- a/src/views/channel/components/ChannelConfigRightPanel.vue +++ b/src/views/channel/components/ChannelConfigRightPanel.vue @@ -71,7 +71,7 @@ showPagination: true, totalCount: 0, currentPage: 1, - pageSize: 30, + pageSize: 50, pageSizes: () => [10, 30, 50, 100], } ); diff --git a/src/views/channel/composables/useKpiAreaPage.ts b/src/views/channel/composables/useKpiAreaPage.ts index 132b32f..7dd6ac5 100644 --- a/src/views/channel/composables/useKpiAreaPage.ts +++ b/src/views/channel/composables/useKpiAreaPage.ts @@ -359,7 +359,7 @@ export function useKpiAreaPage(areaType: KpiAreaType) { const totalCount = ref(0); const currentPage = ref(1); - const pageSize = ref(30); + const pageSize = ref(50); const tableLoading = ref(false); const leftLoading = ref(false); diff --git a/src/views/channel/issueTemplate/index.vue b/src/views/channel/issueTemplate/index.vue index 561a55c..d09d14e 100644 --- a/src/views/channel/issueTemplate/index.vue +++ b/src/views/channel/issueTemplate/index.vue @@ -47,7 +47,7 @@ type IssueTemplateRow = { const tableData = ref([]) const currentPage = ref(1) -const pageSize = ref(30) +const pageSize = ref(50) const totalCount = ref(0) const listLoading = ref(false) const organizationOptions = ref>([]) @@ -128,7 +128,7 @@ function formatNotifyMethods(methods: string[]) { const found = NOTIFY_METHOD_OPTIONS.find((item) => item.value === code) return found ? t(found.labelKey) : code }) - .join('、') + .join('?) } function mapRow(r: any): IssueTemplateRow { @@ -443,7 +443,7 @@ const { tableContainerRef, tableHeight } = useTableContainerHeight() const handsontableHeight = computed(() => Math.max(tableHeight.value || 0, 400)) function customCellRenderer(_row: number, col: number, _value: any, rowData: IssueTemplateRow): string | null { - // 固定列序：操作 + 序号 → 数据从 col 2 起 + // 固定列序：操?+ 序号 ?数据?col 2 ? const dataColIndex = col - 2 if (dataColIndex < 0 || dataColIndex >= hotColumns.value.length) return null const colKey = hotColumns.value[dataColIndex].key @@ -466,7 +466,7 @@ function customCellRenderer(_row: number, col: number, _value: any, rowData: Iss ? t('channel.issueTemplate.handlerType.customer') : t('channel.issueTemplate.handlerType.user') const detail = rowData.handlerType === 'user' && rowData.handlerUserName - ? `：${rowData.handlerUserName}` + ? `?{rowData.handlerUserName}` : '' return `${typeLabel}${detail}` } diff --git a/src/views/channel/salesProducts/components/ChannelReferencePreviewModal.vue b/src/views/channel/salesProducts/components/ChannelReferencePreviewModal.vue index 45e4499..ae1b5a1 100644 --- a/src/views/channel/salesProducts/components/ChannelReferencePreviewModal.vue +++ b/src/views/channel/salesProducts/components/ChannelReferencePreviewModal.vue @@ -35,7 +35,7 @@ const tableData = ref[]>([]); const pagination = ref({ current: 1, - pageSize: 30, + pageSize: 50, total: 0, showTotal: true, showPageSize: true, diff --git a/src/views/channel/weightRounding/index.vue b/src/views/channel/weightRounding/index.vue index 5f10968..a265b10 100644 --- a/src/views/channel/weightRounding/index.vue +++ b/src/views/channel/weightRounding/index.vue @@ -382,7 +382,7 @@ const searchModel = reactive({ keyword: '' }); const totalCount = ref(0); const currentPage = ref(1); - const pageSize = ref(30); + const pageSize = ref(50); const tableLoading = ref(false); const leftLoading = ref(false); diff --git a/src/views/channel/weightRules/index.vue b/src/views/channel/weightRules/index.vue index 29c211d..23b9c28 100644 --- a/src/views/channel/weightRules/index.vue +++ b/src/views/channel/weightRules/index.vue @@ -445,7 +445,7 @@ const searchModel = reactive({ keyword: '' }); const totalCount = ref(0); const currentPage = ref(1); - const pageSize = ref(30); + const pageSize = ref(50); const tableLoading = ref(false); const leftLoading = ref(false); @@ -480,7 +480,7 @@ ]); function hotCellRenderer(_row: number, col: number, _value: any, rowData: any): string | null { - // ChannelConfigHotTable：操作 + 序号 → 数据从 col 2 起 + // ChannelConfigHotTable：操?+ 序号 ?数据?col 2 ? const dataColIndex = col - 2; if (dataColIndex < 0 || dataColIndex >= hotColumns.value.length) return null; const colKey = hotColumns.value[dataColIndex].key; diff --git a/src/views/finance/receivablePayable/index.vue b/src/views/finance/receivablePayable/index.vue index 2facfd5..df10c37 100644 --- a/src/views/finance/receivablePayable/index.vue +++ b/src/views/finance/receivablePayable/index.vue @@ -206,7 +206,7 @@ const viewMode = ref('detail') const dateRange = ref([]) const currentPage = ref(1) -const pageSize = ref(30) +const pageSize = ref(50) const feeItemDictRows = ref([]) const columnConfigState = ref( diff --git a/src/views/kb/article/index.vue b/src/views/kb/article/index.vue index 863bbbd..630c08a 100644 --- a/src/views/kb/article/index.vue +++ b/src/views/kb/article/index.vue @@ -271,7 +271,7 @@ const categoryFilter = ref() const statusFilter = ref() const audienceFilter = ref() const currentPage = ref(1) -const pageSize = ref(30) +const pageSize = ref(50) const modalVisible = ref(false) const modalLoading = ref(false) diff --git a/src/views/marketing/commissionDetail/index.vue b/src/views/marketing/commissionDetail/index.vue index e7e8319..9f1b0a7 100644 --- a/src/views/marketing/commissionDetail/index.vue +++ b/src/views/marketing/commissionDetail/index.vue @@ -172,7 +172,7 @@ const listLoading = ref(false) const orderNo = ref('') const statusFilter = ref(undefined) const currentPage = ref(1) -const pageSize = ref(30) +const pageSize = ref(50) const adjustVisible = ref(false) const adjustLoading = ref(false) diff --git a/src/views/marketing/commissionWithdraw/index.vue b/src/views/marketing/commissionWithdraw/index.vue index dbcc96e..ed29632 100644 --- a/src/views/marketing/commissionWithdraw/index.vue +++ b/src/views/marketing/commissionWithdraw/index.vue @@ -166,7 +166,7 @@ const customerCode = ref('') const statusFilter = ref(1) const withdrawType = ref(undefined) const currentPage = ref(1) -const pageSize = ref(30) +const pageSize = ref(50) const rejectVisible = ref(false) const rejectLoading = ref(false) @@ -220,7 +220,7 @@ function statusTone(status: number): StatusTagTone { } function customCellRenderer(_row: number, col: number, _value: unknown, rowData: WithdrawRow): string | null { - // 固定列序：操作 + 序号 → 数据从 col 2 起 + // 固定列序：操?+ 序号 ?数据?col 2 ? const dataColIndex = col - 2 if (dataColIndex < 0 || dataColIndex >= hotColumns.value.length) return null const colKey = hotColumns.value[dataColIndex].key diff --git a/src/views/marketing/components/PointsFlowPanel.vue b/src/views/marketing/components/PointsFlowPanel.vue index cd0bd25..cea857b 100644 --- a/src/views/marketing/components/PointsFlowPanel.vue +++ b/src/views/marketing/components/PointsFlowPanel.vue @@ -169,7 +169,7 @@ const listLoading = ref(false) const customerCode = ref('') const changeType = ref(undefined) const currentPage = ref(1) -const pageSize = ref(30) +const pageSize = ref(50) const adjustVisible = ref(false) const adjustLoading = ref(false) diff --git a/src/views/marketing/couponTemplate/index.vue b/src/views/marketing/couponTemplate/index.vue index 7981d02..c148f6c 100644 --- a/src/views/marketing/couponTemplate/index.vue +++ b/src/views/marketing/couponTemplate/index.vue @@ -158,7 +158,7 @@ const listLoading = ref(false) const keyword = ref('') const statusFilter = ref(undefined) const currentPage = ref(1) -const pageSize = ref(30) +const pageSize = ref(50) const modalVisible = ref(false) const modalLoading = ref(false) diff --git a/src/views/marketing/memberLevel/index.vue b/src/views/marketing/memberLevel/index.vue index b8eb43e..56f28bc 100644 --- a/src/views/marketing/memberLevel/index.vue +++ b/src/views/marketing/memberLevel/index.vue @@ -329,7 +329,7 @@ const totalCount = ref(0) const listLoading = ref(false) const keyword = ref('') const currentPage = ref(1) -const pageSize = ref(30) +const pageSize = ref(50) const drawerVisible = ref(false) const drawerLoading = ref(false) diff --git a/src/views/operation/fulfillPack/index.vue b/src/views/operation/fulfillPack/index.vue index e291734..454f832 100644 --- a/src/views/operation/fulfillPack/index.vue +++ b/src/views/operation/fulfillPack/index.vue @@ -34,7 +34,7 @@ const listLoading = ref(false) const confirmLoading = ref(false) const queueList = ref([]) const currentPage = ref(1) -const pageSize = ref(30) +const pageSize = ref(50) const totalCount = ref(0) const selectedOrderId = ref(null) const selectedQueueRows = ref([]) diff --git a/src/views/operation/inboundScan/index.vue b/src/views/operation/inboundScan/index.vue index 45fb5cd..14e971a 100644 --- a/src/views/operation/inboundScan/index.vue +++ b/src/views/operation/inboundScan/index.vue @@ -195,7 +195,7 @@ const submitting = ref(false) const lookingUp = ref(false) const listLoading = ref(false) const currentPage = ref(1) -const pageSize = ref(30) +const pageSize = ref(50) const headerSearchParams = reactive>({}) const NUMBER_FILTER_KEYS = ['waybillNumber'] as const let softPollTimer: ReturnType | null = null diff --git a/src/views/operation/outboundScan/index.vue b/src/views/operation/outboundScan/index.vue index cf36f7d..b2c7478 100644 --- a/src/views/operation/outboundScan/index.vue +++ b/src/views/operation/outboundScan/index.vue @@ -179,7 +179,7 @@ const submitting = ref(false) const lookingUp = ref(false) const listLoading = ref(false) const currentPage = ref(1) -const pageSize = ref(30) +const pageSize = ref(50) const headerSearchParams = reactive>({}) const NUMBER_FILTER_KEYS = ['waybillNumber'] as const diff --git a/src/views/operation/printLabel/index.vue b/src/views/operation/printLabel/index.vue index 1a5fb7f..539ca5e 100644 --- a/src/views/operation/printLabel/index.vue +++ b/src/views/operation/printLabel/index.vue @@ -1,7 +1,7 @@