@chenchaolong/plugin-trade-compliance-workbench 0.1.49 → 0.1.50

package/dist/lib/remote-components/trade-compliance-workbench/app.js

@@ -227,6 +227,7 @@
         setFormDialog((current) => current ? Object.assign({}, current, {
           hsCandidateKeyword: keyword,
           hsCandidatePage: nextPage,
+          hsCandidateLocalPage: 1,
           hsCandidateLoading: false,
           hsCandidateError: '',
           hsCandidateStatus: candidates.length ? 'pending_confirmation' : 'not_found',
@@ -476,6 +477,9 @@
         hsCandidateKeyword: merged.hsCodeLookupKeyword || buildSupplierHsCandidateKeyword(merged),
         hsCandidatePage: 1,
         hsCandidateJumpPage: '',
+        hsCandidateLocalPage: 1,
+        hsCandidateLocalPageSize: 5,
+        hsCandidateLocalJumpPage: '',
         hsCandidatePagination: null,
         hsCandidateStatus: merged.hsCodeLookupStatus || '',
         hsCandidateError: merged.hsCodeLookupError || '',
@@ -493,6 +497,9 @@
         hsCandidateKeyword: '',
         hsCandidatePage: 1,
         hsCandidateJumpPage: '',
+        hsCandidateLocalPage: 1,
+        hsCandidateLocalPageSize: 5,
+        hsCandidateLocalJumpPage: '',
         hsCandidatePagination: null,
         hsCandidateStatus: '',
         hsCandidateError: '',
@@ -1175,6 +1182,13 @@
     function renderSupplierHsCandidatePanel() {
       const candidates = Array.isArray(formDialog.hsCandidates) ? formDialog.hsCandidates : []
       const pagination = formDialog.hsCandidatePagination || null
+      const hasSourcePagination = pagination && (pagination.hasPrevious || pagination.hasNext || (pagination.pages && pagination.pages.length > 1))
+      const localPageSize = Math.max(1, Number(formDialog.hsCandidateLocalPageSize) || 5)
+      const localTotalPages = Math.max(1, Math.ceil(candidates.length / localPageSize))
+      const localPage = Math.min(Math.max(Number(formDialog.hsCandidateLocalPage) || 1, 1), localTotalPages)
+      const visibleCandidates = hasSourcePagination
+        ? candidates
+        : candidates.slice((localPage - 1) * localPageSize, localPage * localPageSize)
       return h('section', { className: 'tcw-hs-candidate-panel' },
         h('div', { className: 'tcw-subsection-head' },
           h('div', null,
@@ -1193,7 +1207,7 @@
         ),
         formDialog.hsCandidateError ? h('div', { className: 'tcw-error' }, formDialog.hsCandidateError) : null,
         candidates.length ? h('div', { className: 'tcw-hs-candidate-result' },
-          table(['编码', '商品名称', '英文名称', '单位', '退税率', '监管', '检验检疫', '操作'], candidates, (candidate) => [
+          table(['编码', '商品名称', '英文名称', '单位', '退税率', '监管', '检验检疫', '操作'], visibleCandidates, (candidate) => [
             h('strong', { className: 'tcw-hs-code-text' }, value(candidate.code)),
             value(candidate.name),
             value(candidate.englishName),
@@ -1206,11 +1220,36 @@
               h('button', { type: 'button', className: 'tcw-mini-btn', disabled: !candidate.code && !candidate.detailUrl, onClick: () => loadHsCodeDetail(candidate) }, '详情')
             )
           ], '暂无候选编码。'),
-          renderSupplierHsCandidatePagination(pagination)
+          hasSourcePagination
+            ? renderSupplierHsCandidatePagination(pagination)
+            : renderSupplierHsCandidateLocalPagination(candidates.length, localPage, localTotalPages, localPageSize)
         ) : empty('暂无候选编码，可调整关键词后查询。')
       )
     }
 
+    function renderSupplierHsCandidateLocalPagination(total, page, totalPages, pageSize) {
+      if (total <= pageSize) return null
+      return renderUnifiedPagination({
+        total,
+        page,
+        totalPages,
+        pageSize,
+        pageSizeOptions: [5, 10, 20],
+        jumpValue: formDialog.hsCandidateLocalJumpPage || '',
+        onPageChange: (nextPage) => setFormDialog(Object.assign({}, formDialog, { hsCandidateLocalPage: Math.min(Math.max(Number(nextPage) || 1, 1), totalPages) })),
+        onPageSizeChange: (nextSize) => setFormDialog(Object.assign({}, formDialog, { hsCandidateLocalPageSize: Number(nextSize) || 5, hsCandidateLocalPage: 1, hsCandidateLocalJumpPage: '' })),
+        onJumpInput: (nextValue) => setFormDialog(Object.assign({}, formDialog, { hsCandidateLocalJumpPage: nextValue })),
+        onJump: () => {
+          const nextPage = Number(formDialog.hsCandidateLocalJumpPage)
+          if (!Number.isFinite(nextPage) || nextPage <= 0) return
+          setFormDialog(Object.assign({}, formDialog, {
+            hsCandidateLocalPage: Math.min(Math.max(nextPage, 1), totalPages),
+            hsCandidateLocalJumpPage: ''
+          }))
+        }
+      })
+    }
+
     function renderSupplierHsCandidatePagination(pagination) {
       if (!pagination || (!pagination.hasPrevious && !pagination.hasNext && (!pagination.pages || pagination.pages.length <= 1))) return null
       const pages = Array.isArray(pagination.pages) ? pagination.pages.filter((item) => item.page) : []

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@chenchaolong/plugin-trade-compliance-workbench",
-  "version": "0.1.49",
+  "version": "0.1.50",
   "description": "Trade Compliance Workbench app plugin for controlled goods review, supplier product management, and customs workbook generation.",
   "author": {
     "name": "XpertAI",