@chenchaolong/plugin-trade-compliance-workbench 0.1.7 → 0.1.9

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

@@ -74,6 +74,7 @@
     const [query, setQuery] = React.useState('')
     const [showManualForm, setShowManualForm] = React.useState(false)
     const [form, setForm] = React.useState({ productName: '', hsCode: '', keywords: '', controlNote: '', enabled: true })
+    const pollingRef = React.useRef(null)
 
     React.useEffect(() => {
       window.__tradeComplianceSetContext = (nextContext) => {
@@ -86,6 +87,7 @@
       return () => {
         window.__tradeComplianceSetContext = null
         window.__tradeComplianceHostEvent = null
+        stopRecognitionPolling()
       }
     }, [])
 
@@ -123,6 +125,8 @@
 
     async function handleFile(actionKey, file) {
       if (!file || busy) return
+      const expectedType = reviewTypeForUploadAction(actionKey)
+      const previousCount = countReviewItemsByType(data.reviewItems, expectedType)
       setBusy(true)
       try {
         const response = await executeFileAction(actionKey, file, { name: file.name, fileName: file.name }, {})
@@ -130,6 +134,7 @@
         const dispatched = await dispatchAssistantCommands(getActionDataPayload(response))
         showNotice(dispatched ? '文件已发送给智能体解析，识别结果会进入待审核列表。' : '文件已登记，等待识别结果。', 'success')
         await reload()
+        if (dispatched && expectedType) startRecognitionPolling(expectedType, previousCount)
       } catch (error) {
         showNotice(getErrorMessage(error), 'error')
       } finally {
@@ -239,6 +244,30 @@
       setTimeout(() => setNotice(''), 4500)
     }
 
+    function startRecognitionPolling(expectedType, previousCount) {
+      stopRecognitionPolling()
+      let attempts = 0
+      pollingRef.current = setInterval(async () => {
+        attempts += 1
+        try {
+          const response = await request('requestData', { query: { page: 1, pageSize: 200, search: query, parameters: {} } })
+          const nextData = normalizeData(getResponsePayload(response))
+          setData(nextData)
+          if (countReviewItemsByType(nextData.reviewItems, expectedType) > previousCount || attempts >= 36) {
+            stopRecognitionPolling()
+          }
+        } catch (_error) {
+          if (attempts >= 36) stopRecognitionPolling()
+        }
+      }, 2500)
+    }
+
+    function stopRecognitionPolling() {
+      if (!pollingRef.current) return
+      clearInterval(pollingRef.current)
+      pollingRef.current = null
+    }
+
     return h('div', { className: 'tcw-shell' },
       h('header', { className: 'tcw-header' },
         h('div', { className: 'tcw-title-block' },
@@ -292,12 +321,14 @@
 
     function renderControlledGoodsPage() {
       return h('div', { className: 'tcw-page controlled-goods-page' },
-        pageToolbar('管控商品', '智能体识别结果先进入待审核，确认后写入正式管控商品库。', [
+        businessPanel('管控商品', '上传管控目录后，识别结果在列表内完成审核、驳回和入库。', [
           uploadButton('upload_controlled_goods_file', '上传管控商品文件'),
           h('button', { className: 'tcw-btn tcw-btn-soft', onClick: () => setShowManualForm(!showManualForm) }, showManualForm ? '收起新增' : '手动新增')
-        ]),
-        showManualForm ? renderControlledGoodsForm() : null,
-        renderListPanel('管控商品列表', 'pending-controlled-goods confirmed-controlled-goods', controlledReviews, ['商品名称', '海关编码', '关键词', '管控说明', '来源'], (item) => {
+        ], [
+          showManualForm ? renderControlledGoodsForm() : null,
+          renderListToolbar('管控商品列表', controlledReviews.length),
+          h('div', { className: 'pending-controlled-goods confirmed-controlled-goods tcw-table-section' },
+            reviewTable(['商品名称', '海关编码', '关键词', '管控说明', '来源'], controlledReviews, (item) => {
             const row = readMerged(item)
             return [
               value(row.productName || item.title),
@@ -306,7 +337,9 @@
               value(row.controlNote),
               value(item.sourceLocation || row.sourceFileName)
             ]
-          }, '暂无管控商品识别结果。上传目录并等待智能体调用工具后会显示在这里。')
+            }, '暂无管控商品识别结果。上传目录并等待智能体调用工具后会显示在这里。')
+          )
+        ])
       )
     }
 
@@ -429,7 +462,26 @@
     }
 
     function reviewTable(headers, rows, mapRow, emptyText) {
-      return table(['', ...headers, '状态', '操作'], rows, (row) => [
+      const selectableIds = getSelectableRowIds(rows)
+      const selectedVisibleIds = selectableIds.filter((id) => selectedIds.includes(id))
+      const allVisibleSelected = selectableIds.length > 0 && selectedVisibleIds.length === selectableIds.length
+      const partiallySelected = selectedVisibleIds.length > 0 && selectedVisibleIds.length < selectableIds.length
+      return table([
+        h('input', {
+          className: 'row-selection-checkbox',
+          type: 'checkbox',
+          'aria-label': '全选当前列表',
+          checked: allVisibleSelected,
+          disabled: selectableIds.length === 0,
+          ref: (node) => {
+            if (node) node.indeterminate = partiallySelected
+          },
+          onChange: (event) => toggleAllVisibleRows(rows, event.target.checked)
+        }),
+        ...headers,
+        '状态',
+        '操作'
+      ], rows, (row) => [
         h('input', {
           className: 'row-selection-checkbox',
           type: 'checkbox',
@@ -451,6 +503,21 @@
       setSelectedIds(checked ? Array.from(new Set([...selectedIds, id])) : selectedIds.filter((item) => item !== id))
     }
 
+    function toggleAllVisibleRows(rows, checked) {
+      const visibleIds = getSelectableRowIds(rows)
+      if (checked) {
+        setSelectedIds(Array.from(new Set([...selectedIds, ...visibleIds])))
+        return
+      }
+      setSelectedIds(selectedIds.filter((id) => !visibleIds.includes(id)))
+    }
+
+    function getSelectableRowIds(rows) {
+      return (rows || [])
+        .filter((row) => row.id && !row.materializedOnly && row.reviewStatus !== 'confirmed')
+        .map((row) => row.id)
+    }
+
     function pageToolbar(title, subtitle, actions) {
       return h('div', { className: 'tcw-page-head' },
         h('div', null, h('h2', null, title), h('p', null, subtitle)),
@@ -494,7 +561,7 @@
     if (!rows || rows.length === 0) return empty(emptyText || '暂无数据。')
     return h('div', { className: 'tcw-table-wrap' },
       h('table', { className: 'tcw-table' },
-        h('thead', null, h('tr', null, headers.map((item) => h('th', { key: item }, item)))),
+        h('thead', null, h('tr', null, headers.map((item, index) => h('th', { key: index }, item)))),
         h('tbody', null, rows.map((row, index) =>
           h('tr', { key: row.id || index, className: onRowClick ? 'clickable' : '', onClick: onRowClick ? () => onRowClick(row) : undefined },
             mapRow(row).map((cell, cellIndex) => h('td', { key: cellIndex }, cell))
@@ -626,6 +693,18 @@
     return items.filter((item) => (item.reviewStatus || 'pending') === statusFilter)
   }
 
+  function reviewTypeForUploadAction(actionKey) {
+    if (actionKey === 'upload_controlled_goods_file') return 'controlled_goods'
+    if (actionKey === 'upload_supplier_contract') return 'supplier_product'
+    if (actionKey === 'upload_sales_contract') return 'customs_workbook'
+    return null
+  }
+
+  function countReviewItemsByType(items, type) {
+    if (!type || !Array.isArray(items)) return 0
+    return items.filter((item) => item.type === type && !isPlaceholderReviewItem(item)).length
+  }
+
   function isPlaceholderReviewItem(item) {
     const merged = readMerged(item || {})
     if (!item || !item.type) return true

package/package.json

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