@chenchaolong/plugin-trade-compliance-workbench 0.1.12 → 0.1.13

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

@@ -70,7 +70,6 @@
     const [selectedIds, setSelectedIds] = React.useState([])
     const [statusFilter, setStatusFilter] = React.useState('all')
     const [busy, setBusy] = React.useState(false)
-    const [notice, setNotice] = React.useState('')
     const [query, setQuery] = React.useState('')
     const [showManualForm, setShowManualForm] = React.useState(false)
     const [form, setForm] = React.useState({ productName: '', hsCode: '', keywords: '', controlNote: '', enabled: true })
@@ -95,7 +94,7 @@
       }
     }, [])
 
-    React.useEffect(reportResize, [data, activePage, selectedIds, statusFilter, busy, notice, showManualForm])
+    React.useEffect(reportResize, [data, activePage, selectedIds, statusFilter, busy, showManualForm])
 
     const reviewItems = data.reviewItems.filter((item) => !isPlaceholderReviewItem(item))
     const pendingItems = reviewItems.filter((item) => (item.reviewStatus || 'pending') === 'pending')
@@ -190,10 +189,12 @@
       if (!item || !item.id || busy) return
       setBusy(true)
       try {
-        const response = await executeAction('reject_review_item', item.id, { itemId: item.id }, {})
+        const response = item.materializedOnly
+          ? await executeAction(materializedDeleteAction(item), null, { id: item.materializedId || parseMaterializedId(item.id) }, {})
+          : await executeAction('reject_review_item', item.id, { itemId: item.id }, {})
         assertActionSuccess(response)
         setSelectedIds(selectedIds.filter((id) => id !== item.id))
-        showNotice('审核项已驳回。', 'success')
+        showNotice(item.materializedOnly ? '记录已驳回并移出正式列表。' : '审核项已驳回。', 'success')
         await reload()
       } catch (error) {
         showNotice(getErrorMessage(error), 'error')
@@ -204,12 +205,54 @@
 
     async function batchApproveSelected() {
       if (!selectedIds.length || busy) return
+      const rows = getSelectedRows().filter((row) => !row.materializedOnly && row.reviewStatus !== 'confirmed' && row.reviewStatus !== 'rejected')
+      if (!rows.length) return
       setBusy(true)
       try {
-        const response = await executeAction('confirm_review_items', null, { itemIds: selectedIds }, {})
+        const response = await executeAction('confirm_review_items', null, { itemIds: rows.map((row) => row.id) }, {})
         assertActionSuccess(response)
         setSelectedIds([])
-        showNotice(`已批量审核 ${selectedIds.length} 条记录。`, 'success')
+        showNotice(`已批量审核 ${rows.length} 条记录。`, 'success')
+        await reload()
+      } catch (error) {
+        showNotice(getErrorMessage(error), 'error')
+      } finally {
+        setBusy(false)
+      }
+    }
+
+    async function batchRejectSelected() {
+      const rows = getSelectedRows().filter((row) => row.reviewStatus !== 'rejected')
+      if (!rows.length || busy) return
+      setBusy(true)
+      try {
+        for (const row of rows) {
+          if (row.materializedOnly) {
+            await executeAction(materializedDeleteAction(row), null, { id: row.materializedId || parseMaterializedId(row.id) }, {})
+          } else {
+            await executeAction('reject_review_item', row.id, { itemId: row.id }, {})
+          }
+        }
+        setSelectedIds([])
+        showNotice(`已批量驳回 ${rows.length} 条记录。`, 'success')
+        await reload()
+      } catch (error) {
+        showNotice(getErrorMessage(error), 'error')
+      } finally {
+        setBusy(false)
+      }
+    }
+
+    async function batchDeleteSelected() {
+      const rows = getSelectedRows()
+      if (!rows.length || busy) return
+      setBusy(true)
+      try {
+        for (const row of rows) {
+          await deleteRowRequest(row)
+        }
+        setSelectedIds([])
+        showNotice(`已批量删除 ${rows.length} 条记录。`, 'success')
         await reload()
       } catch (error) {
         showNotice(getErrorMessage(error), 'error')
@@ -220,14 +263,9 @@
 
     async function deleteRow(item) {
       if (!item || !item.id || busy) return
-      const actionKey = item.materializedOnly
-        ? (item.type === 'controlled_goods' ? 'delete_controlled_goods' : 'delete_supplier_product')
-        : 'delete_review_item'
-      const input = item.materializedOnly ? { id: item.materializedId || parseMaterializedId(item.id) } : { itemId: item.id }
       setBusy(true)
       try {
-        const response = await executeAction(actionKey, null, input, {})
-        assertActionSuccess(response)
+        await deleteRowRequest(item)
         setSelectedIds(selectedIds.filter((id) => id !== item.id))
         showNotice('记录已删除。', 'success')
         await reload()
@@ -238,6 +276,14 @@
       }
     }
 
+    async function deleteRowRequest(item) {
+      const actionKey = item.materializedOnly ? materializedDeleteAction(item) : 'delete_review_item'
+      const input = item.materializedOnly ? { id: item.materializedId || parseMaterializedId(item.id) } : { itemId: item.id }
+      const response = await executeAction(actionKey, null, input, {})
+      assertActionSuccess(response)
+      return response
+    }
+
     function openEdit(item) {
       const data = readMerged(item)
       setEditItem(item)
@@ -340,9 +386,7 @@
     }
 
     function showNotice(message, level) {
-      setNotice((level === 'error' ? '错误：' : '') + message)
       notify(level || 'info', message)
-      setTimeout(() => setNotice(''), 4500)
     }
 
     function startRecognitionPolling(expectedType, previousCount) {
@@ -381,7 +425,6 @@
           h('button', { className: 'tcw-btn tcw-btn-soft', disabled: busy, onClick: () => reload() }, busy ? '处理中' : '刷新')
         )
       ),
-      notice ? h('div', { className: 'tcw-notice' }, notice) : null,
       h('nav', { className: 'tcw-tabs tcw-frame' }, [
         tab('overview-page', '工作台总览'),
         tab('controlled-goods-page', '管控商品'),
@@ -571,7 +614,9 @@
               h('option', { value: 'rejected' }, '已驳回')
             )
           ),
-          h('button', { className: 'tcw-btn tcw-btn-primary', disabled: busy || selectedIds.length === 0, onClick: batchApproveSelected }, `批量审核${selectedIds.length ? ` (${selectedIds.length})` : ''}`)
+          h('button', { className: 'tcw-btn tcw-btn-primary', disabled: busy || selectedIds.length === 0, onClick: batchApproveSelected }, `批量审核${selectedIds.length ? ` (${selectedIds.length})` : ''}`),
+          h('button', { className: 'tcw-btn tcw-btn-soft', disabled: busy || selectedIds.length === 0, onClick: batchRejectSelected }, '批量驳回'),
+          h('button', { className: 'tcw-btn tcw-btn-danger', disabled: busy || selectedIds.length === 0, onClick: batchDeleteSelected }, '批量删除')
         )
       )
     }
@@ -619,7 +664,7 @@
           className: 'row-selection-checkbox',
           type: 'checkbox',
           checked: selectedIds.includes(row.id),
-          disabled: !row.id || row.materializedOnly || row.reviewStatus === 'confirmed',
+          disabled: !row.id,
           onChange: (event) => toggleSelected(row.id, event.target.checked)
         }),
         ...mapRow(row),
@@ -647,10 +692,26 @@
 
     function getSelectableRowIds(rows) {
       return (rows || [])
-        .filter((row) => row.id && !row.materializedOnly && row.reviewStatus !== 'confirmed')
+        .filter((row) => row.id)
         .map((row) => row.id)
     }
 
+    function getSelectedRows() {
+      const rows = activePage === 'controlled-goods-page'
+        ? controlledReviews
+        : activePage === 'products-page'
+          ? supplierReviews
+          : activePage === 'workbooks-page'
+            ? salesReviews
+            : []
+      const selected = new Set(selectedIds)
+      return rows.filter((row) => selected.has(row.id))
+    }
+
+    function materializedDeleteAction(item) {
+      return item.type === 'controlled_goods' ? 'delete_controlled_goods' : 'delete_supplier_product'
+    }
+
     function paginateRows(listKey, rows) {
       const pageSize = 10
       const total = rows.length
@@ -1065,10 +1126,10 @@ button, input { font: inherit; letter-spacing: 0; }
 .tcw-btn-primary { border-color: var(--tcw-primary); background: var(--tcw-primary); color: #fff; }
 .tcw-btn-primary:hover:not(:disabled) { background: var(--tcw-primary-dark); }
 .tcw-btn-soft { background: var(--tcw-soft); }
+.tcw-btn-danger { border-color: color-mix(in srgb, var(--tcw-danger) 35%, var(--tcw-border)); background: color-mix(in srgb, var(--tcw-danger) 6%, var(--tcw-card)); color: var(--tcw-danger); }
 .tcw-wide { width: 100%; }
 .tcw-upload { border-style: dashed; border-color: color-mix(in srgb, var(--tcw-primary) 42%, var(--tcw-border)); color: var(--tcw-primary); font-weight: 800; }
 .tcw-upload input { display: none; }
-.tcw-notice { border: 1px solid color-mix(in srgb, var(--tcw-primary) 24%, var(--tcw-border)); border-radius: 6px; background: color-mix(in srgb, var(--tcw-primary) 7%, var(--tcw-card)); padding: 10px 12px; color: var(--tcw-primary-dark); font-size: 13px; }
 .tcw-tabs { display: flex; gap: 6px; overflow-x: auto; border-bottom: 1px solid var(--tcw-border); padding: 0 2px; }
 .tcw-tab { min-height: 34px; border: 0; border-bottom: 3px solid transparent; background: transparent; color: var(--tcw-muted); padding: 7px 12px; cursor: pointer; font-weight: 900; }
 .tcw-tab.active { border-color: var(--tcw-primary); color: var(--tcw-primary); }

package/package.json

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