@chenchaolong/plugin-trade-compliance-workbench 0.1.46 → 0.1.48

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

@@ -194,15 +194,17 @@
       }
     }
 
-    async function searchSupplierHsCandidatesForForm() {
+    async function searchSupplierHsCandidatesForForm(page) {
       if (!formDialog || formDialog.type !== 'supplier_product' || busy) return
       const keyword = String(formDialog.hsCandidateKeyword || buildSupplierHsCandidateKeyword(formDialog.values) || '').trim()
       if (!keyword) {
         setFormDialog(Object.assign({}, formDialog, { hsCandidateError: '请输入商品名称、型号或海关编码后再查询。' }))
         return
       }
+      const nextPage = Math.max(1, Number(page) || 1)
       setFormDialog(Object.assign({}, formDialog, {
         hsCandidateKeyword: keyword,
+        hsCandidatePage: nextPage,
         hsCandidateLoading: true,
         hsCandidateError: '',
         hsCandidateStatus: ''
@@ -210,20 +212,22 @@
       try {
         const response = await executeAction('search_hs_code', null, {
           keywords: keyword,
-          page: 1,
+          page: nextPage,
           filterFailureCode: true,
           displayChapter: false,
           displayEnName: true
         }, {})
         assertActionSuccess(response)
         const result = getActionDataPayload(response)
-        const candidates = Array.isArray(result && result.results) ? result.results.slice(0, 10) : []
+        const candidates = Array.isArray(result && result.results) ? result.results : []
         setFormDialog((current) => current ? Object.assign({}, current, {
           hsCandidateKeyword: keyword,
+          hsCandidatePage: nextPage,
           hsCandidateLoading: false,
           hsCandidateError: '',
           hsCandidateStatus: candidates.length ? 'pending_confirmation' : 'not_found',
-          hsCandidates: candidates
+          hsCandidates: candidates,
+          hsCandidatePagination: result && result.pagination ? result.pagination : null
         }) : current)
       } catch (error) {
         setFormDialog((current) => current ? Object.assign({}, current, {
@@ -466,6 +470,8 @@
         values: valuesFromItem(item.type, item),
         hsCandidates: Array.isArray(merged.hsCodeCandidates) ? merged.hsCodeCandidates : [],
         hsCandidateKeyword: merged.hsCodeLookupKeyword || buildSupplierHsCandidateKeyword(merged),
+        hsCandidatePage: 1,
+        hsCandidatePagination: null,
         hsCandidateStatus: merged.hsCodeLookupStatus || '',
         hsCandidateError: merged.hsCodeLookupError || '',
         hsCandidateLoading: false
@@ -480,6 +486,8 @@
         values: emptyFormValues(type),
         hsCandidates: [],
         hsCandidateKeyword: '',
+        hsCandidatePage: 1,
+        hsCandidatePagination: null,
         hsCandidateStatus: '',
         hsCandidateError: '',
         hsCandidateLoading: false
@@ -630,7 +638,6 @@
           )
         )
       ),
-      renderAssistantPanel(),
       detailItem ? renderDetailModal() : null,
       formDialog ? renderFormModal() : null,
       deleteDialog ? renderDeleteConfirmModal() : null,
@@ -656,34 +663,6 @@
       )
     }
 
-    function renderAssistantPanel() {
-      return h('aside', { className: 'tcw-assistant' },
-        h('div', { className: 'tcw-assistant-head' },
-          h('span', { className: 'tcw-assistant-mark' }, 'AI'),
-          h('div', null,
-            h('strong', null, '外贸合规助手'),
-            h('p', null, '按流程处理识别结果，减少来回切换。')
-          )
-        ),
-        h('section', { className: 'tcw-assistant-card' },
-          h('h3', null, '当前建议'),
-          h('p', null, assistantTip(activePage))
-        ),
-        h('section', { className: 'tcw-assistant-card' },
-          h('h3', null, '快捷入口'),
-          h('div', { className: 'tcw-assistant-actions' }, [
-            h('button', { className: 'tcw-mini-btn', onClick: () => setActivePage('controlled-goods-page') }, '管控商品'),
-            h('button', { className: 'tcw-mini-btn', onClick: () => setActivePage('products-page') }, '商品审核'),
-            h('button', { className: 'tcw-mini-btn', onClick: () => setActivePage('hs-code-search-page') }, '查 HS 编码')
-          ])
-        ),
-        h('section', { className: 'tcw-assistant-card' },
-          h('h3', null, '处理顺序'),
-          h('p', null, '先把管控规则和供应商商品确认入库，再审核购销合同并生成销售发票。')
-        )
-      )
-    }
-
     function tab(key, label, icon, count, tone) {
       return h('button', { key, className: key === activePage ? 'tcw-tab active' : 'tcw-tab', onClick: () => setActivePage(key) },
         h('span', { className: 'tcw-nav-icon ' + (tone || 'blue') }, iconImage(icon, label, tone)),
@@ -1129,7 +1108,7 @@
       const fields = formDialog.type === 'controlled_goods' ? controlledGoodsFormFields : supplierProductFormFields
       const title = `${formDialog.mode === 'create' ? '新增' : '编辑'}${formDialog.type === 'controlled_goods' ? '管控商品' : '供应商商品'}`
       return h('div', { className: 'tcw-modal-backdrop' },
-        h('form', { className: 'tcw-modal tcw-form-modal', onSubmit: saveProductForm },
+        h('form', { className: formDialog.type === 'supplier_product' ? 'tcw-modal tcw-form-modal tcw-form-modal-supplier' : 'tcw-modal tcw-form-modal', onSubmit: saveProductForm },
           h('div', { className: 'tcw-modal-head' },
             h('h2', null, title),
             h('button', { type: 'button', className: 'tcw-icon-btn', onClick: () => setFormDialog(null) }, '×')
@@ -1148,6 +1127,7 @@
 
     function renderSupplierHsCandidatePanel() {
       const candidates = Array.isArray(formDialog.hsCandidates) ? formDialog.hsCandidates : []
+      const pagination = formDialog.hsCandidatePagination || null
       return h('section', { className: 'tcw-hs-candidate-panel' },
         h('div', { className: 'tcw-subsection-head' },
           h('div', null,
@@ -1161,23 +1141,46 @@
               placeholder: '商品名称、型号或海关编码',
               onChange: (event) => setFormDialog(Object.assign({}, formDialog, { hsCandidateKeyword: event.target.value }))
             }),
-            h('button', { type: 'button', className: 'tcw-mini-btn', disabled: busy || formDialog.hsCandidateLoading, onClick: searchSupplierHsCandidatesForForm }, formDialog.hsCandidateLoading ? '查询中' : '查询')
+            h('button', { type: 'button', className: 'tcw-mini-btn', disabled: busy || formDialog.hsCandidateLoading, onClick: () => searchSupplierHsCandidatesForForm(1) }, formDialog.hsCandidateLoading ? '查询中' : '查询')
           )
         ),
         formDialog.hsCandidateError ? h('div', { className: 'tcw-error' }, formDialog.hsCandidateError) : null,
-        candidates.length ? table(['编码', '商品名称', '英文名称', '单位', '退税率', '监管', '检验检疫', '操作'], candidates, (candidate) => [
-          h('strong', { className: 'tcw-hs-code-text' }, value(candidate.code)),
-          value(candidate.name),
-          value(candidate.englishName),
-          value(candidate.unit),
-          value(candidate.taxRefundRate),
-          value(candidate.regulatoryConditions),
-          value(candidate.inspectionQuarantine),
-          h('div', { className: 'tcw-row-actions' },
-            h('button', { type: 'button', className: 'tcw-mini-btn', onClick: () => selectHsCandidate(candidate) }, '选用'),
-            h('button', { type: 'button', className: 'tcw-mini-btn', disabled: !candidate.code && !candidate.detailUrl, onClick: () => loadHsCodeDetail(candidate) }, '详情')
-          )
-        ], '暂无候选编码。') : empty('暂无候选编码，可调整关键词后查询。')
+        candidates.length ? h('div', { className: 'tcw-hs-candidate-result' },
+          table(['编码', '商品名称', '英文名称', '单位', '退税率', '监管', '检验检疫', '操作'], candidates, (candidate) => [
+            h('strong', { className: 'tcw-hs-code-text' }, value(candidate.code)),
+            value(candidate.name),
+            value(candidate.englishName),
+            value(candidate.unit),
+            value(candidate.taxRefundRate),
+            value(candidate.regulatoryConditions),
+            value(candidate.inspectionQuarantine),
+            h('div', { className: 'tcw-row-actions' },
+              h('button', { type: 'button', className: 'tcw-mini-btn', onClick: () => selectHsCandidate(candidate) }, '选用'),
+              h('button', { type: 'button', className: 'tcw-mini-btn', disabled: !candidate.code && !candidate.detailUrl, onClick: () => loadHsCodeDetail(candidate) }, '详情')
+            )
+          ], '暂无候选编码。'),
+          renderSupplierHsCandidatePagination(pagination)
+        ) : empty('暂无候选编码，可调整关键词后查询。')
+      )
+    }
+
+    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) : []
+      const visiblePages = pages.filter((item, index, arr) => arr.findIndex((candidate) => candidate.page === item.page) === index).slice(0, 10)
+      const currentPage = pagination.currentPage || formDialog.hsCandidatePage || 1
+      return h('div', { className: 'tcw-pagination hs-code-pagination' },
+        h('span', null, `第 ${currentPage} 页`),
+        h('div', { className: 'tcw-page-buttons' },
+          h('button', { className: 'tcw-mini-btn', disabled: formDialog.hsCandidateLoading || !pagination.hasPrevious, onClick: () => searchSupplierHsCandidatesForForm(currentPage - 1) }, '上一页'),
+          visiblePages.map((item) => h('button', {
+            key: item.page,
+            className: item.current ? 'tcw-mini-btn active' : 'tcw-mini-btn',
+            disabled: formDialog.hsCandidateLoading || item.current,
+            onClick: () => searchSupplierHsCandidatesForForm(item.page)
+          }, String(item.page))),
+          h('button', { className: 'tcw-mini-btn', disabled: formDialog.hsCandidateLoading || !pagination.hasNext, onClick: () => searchSupplierHsCandidatesForForm(currentPage + 1) }, '下一页')
+        )
       )
     }
 
@@ -1859,14 +1862,6 @@
       return 'Workspace / 工具'
     }
 
-    function assistantTip(key) {
-      if (key === 'overview-page') return '从总览开始，优先确认管控规则和供应商商品，再推进发票生成。'
-      if (key === 'controlled-goods-page') return '维护管控商品时，建议先核对 HS 编码和关键词，再保存入库。'
-      if (key === 'products-page') return '供应商商品可先选用候选 HS 编码，再检查英文品名和管控状态。'
-      if (key === 'workbooks-page') return '购销合同审核完毕后，再生成销售发票，避免后面重改。'
-      return '海关编码查询页用于人工确认候选结果，必要时可回到商品页继续处理。'
-    }
-
   function isObject(value) {
     return value && typeof value === 'object' && !Array.isArray(value)
   }
@@ -1987,6 +1982,12 @@ button, input, textarea, select { font: inherit; letter-spacing: 0; }
 .tcw-modal-backdrop { position: fixed; inset: 0; z-index: 10; display: grid; place-items: center; background: rgba(15, 23, 42, .32); padding: 20px; }
 .tcw-modal { display: grid; gap: 12px; width: min(900px, 100%); max-height: calc(100vh - 48px); overflow: auto; border: 1px solid var(--tcw-border); border-radius: 8px; background: var(--tcw-card); padding: 16px; box-shadow: 0 18px 48px rgba(15, 23, 42, .18); }
 .tcw-form-modal { width: min(960px, 100%); }
+.tcw-form-modal-supplier {
+  width: min(1180px, calc(100vw - 96px));
+  max-height: min(760px, calc(100vh - 56px));
+  gap: 10px;
+  padding: 14px;
+}
 .tcw-confirm-modal { width: min(480px, 100%); }
 .tcw-hs-detail-modal { width: min(980px, 100%); }
 .tcw-modal-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
@@ -1996,6 +1997,61 @@ button, input, textarea, select { font: inherit; letter-spacing: 0; }
 .tcw-edit-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
 .tcw-edit-grid-two { grid-template-columns: repeat(2, minmax(260px, 1fr)); }
 .tcw-field-wide { grid-column: 1 / -1; }
+.tcw-form-modal-supplier .tcw-modal-head h2 { font-size: 17px; }
+.tcw-form-modal-supplier .tcw-edit-grid-two {
+  grid-template-columns: repeat(3, minmax(0, 1fr));
+  gap: 8px 12px;
+}
+.tcw-form-modal-supplier .tcw-field { gap: 4px; }
+.tcw-form-modal-supplier .tcw-field span { font-size: 11px; }
+.tcw-form-modal-supplier .tcw-field input,
+.tcw-form-modal-supplier .tcw-field select {
+  min-height: 32px;
+  padding: 6px 9px;
+}
+.tcw-form-modal-supplier .tcw-field textarea {
+  min-height: 58px;
+  padding: 7px 9px;
+}
+.tcw-form-modal-supplier .tcw-field-wide {
+  grid-column: span 3;
+}
+.tcw-form-modal-supplier .tcw-hs-candidate-panel {
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) minmax(320px, .55fr);
+  gap: 10px;
+  align-items: start;
+  border-top: 1px solid var(--tcw-border);
+  padding-top: 10px;
+}
+.tcw-form-modal-supplier .tcw-hs-candidate-panel > .tcw-subsection-head {
+  align-items: center;
+}
+.tcw-form-modal-supplier .tcw-hs-candidate-panel > .tcw-table-wrap,
+.tcw-form-modal-supplier .tcw-hs-candidate-panel > .tcw-empty,
+.tcw-form-modal-supplier .tcw-hs-candidate-panel > .tcw-error {
+  grid-column: 1 / -1;
+  max-height: 210px;
+  overflow: auto;
+}
+.tcw-form-modal-supplier .tcw-hs-candidate-result {
+  display: grid;
+  gap: 8px;
+  grid-column: 1 / -1;
+}
+.tcw-form-modal-supplier .tcw-hs-candidate-result .tcw-table-wrap {
+  max-height: 210px;
+}
+.tcw-form-modal-supplier .tcw-hs-candidate-search {
+  grid-template-columns: minmax(0, 1fr) auto;
+}
+.tcw-form-modal-supplier .tcw-modal-actions {
+  position: sticky;
+  bottom: -14px;
+  border-top: 1px solid var(--tcw-border);
+  background: var(--tcw-card);
+  padding-top: 10px;
+}
 .tcw-confirm-text { margin: 0; color: var(--tcw-text); font-size: 14px; line-height: 1.7; }
 .tcw-detail-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
 .tcw-detail-field { display: grid; grid-template-columns: 108px minmax(0, 1fr); gap: 8px; align-items: start; border: 1px solid var(--tcw-border); border-radius: 6px; background: var(--tcw-soft); padding: 8px 10px; }
@@ -2059,7 +2115,7 @@ button, input, textarea, select { font: inherit; letter-spacing: 0; }
 body { background: var(--tcw-bg); letter-spacing: 0; }
 .tcw-shell {
   display: grid;
-  grid-template-columns: 248px minmax(0, 1fr) 300px;
+  grid-template-columns: 248px minmax(0, 1fr);
   grid-template-rows: 1fr;
   gap: 0;
   min-height: 100vh;
@@ -2262,68 +2318,12 @@ body { background: var(--tcw-bg); letter-spacing: 0; }
 }
 .tcw-table td { background: var(--tcw-card); }
 .tcw-table tr:hover td { background: #fbfdff; }
-.tcw-assistant {
-  display: grid;
-  align-content: start;
-  gap: 12px;
-  border-left: 1px solid var(--tcw-border);
-  background: var(--tcw-card);
-  padding: 18px 14px;
-}
-.tcw-assistant-head {
-  display: flex;
-  align-items: flex-start;
-  gap: 10px;
-  padding: 2px 4px 8px;
-}
-.tcw-assistant-mark {
-  display: grid;
-  place-items: center;
-  width: 32px;
-  height: 32px;
-  border-radius: 8px;
-  background: #e7f8ef;
-  color: var(--tcw-success);
-  font-size: 12px;
-  font-weight: 900;
-}
-.tcw-assistant-head strong { display: block; font-size: 15px; }
-.tcw-assistant-head p {
-  margin: 3px 0 0;
-  color: var(--tcw-muted);
-  font-size: 12px;
-  line-height: 1.5;
-}
-.tcw-assistant-card {
-  display: grid;
-  gap: 8px;
-  border: 1px solid var(--tcw-border);
-  border-radius: 8px;
-  background: var(--tcw-soft);
-  padding: 12px;
-}
-.tcw-assistant-card h3 {
-  margin: 0;
-  font-size: 13px;
-}
-.tcw-assistant-card p {
-  margin: 0;
-  color: var(--tcw-muted);
-  font-size: 12px;
-  line-height: 1.6;
-}
-.tcw-assistant-actions {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 8px;
-}
 .tcw-status.ok { background: #e7f8ef; color: var(--tcw-success); }
 .tcw-status.warn { background: #fff2df; color: #b35b00; }
 .tcw-status.danger { background: #fde8e6; color: var(--tcw-danger); }
 .tcw-status.muted { background: #eef2f6; color: var(--tcw-muted); }
 @media (max-width: 1280px) {
   .tcw-shell { grid-template-columns: 230px minmax(0, 1fr); }
-  .tcw-assistant { display: none; }
 }
 @media (max-width: 900px) {
   .tcw-shell { grid-template-columns: 1fr; }

package/package.json

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