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

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

@@ -321,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),
@@ -335,7 +337,9 @@
               value(row.controlNote),
               value(item.sourceLocation || row.sourceFileName)
             ]
-          }, '暂无管控商品识别结果。上传目录并等待智能体调用工具后会显示在这里。')
+            }, '暂无管控商品识别结果。上传目录并等待智能体调用工具后会显示在这里。')
+          )
+        ])
       )
     }
 
@@ -458,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',
@@ -480,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)),
@@ -523,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))

package/package.json

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