fix: harden admin and CMPP delivery workflows

src/apps/admin/AdminDrainageFieldsPage.tsx

@@ -1,5 +1,5 @@
 import { useEffect, useMemo, useState } from 'react';
-import { Plus, Search } from 'lucide-react';
+import { Plus, Search, Trash2 } from 'lucide-react';
 import { Breadcrumb, Button, Input, Modal, Select, Table, Textarea, Tag, type TableColumn } from '@/components/ui';
 import { adminApi, type DictionaryItem } from '@/api/adminApi';
 
@@ -9,6 +9,7 @@ type DrainageField = DictionaryItem & {
   fieldType?: string;
   required?: boolean;
   description?: string | null;
+  usageCount?: number;
 };
 
 type ReportFieldType = 'string' | 'image' | 'file';
@@ -34,6 +35,7 @@ export function AdminDrainageFieldsPage() {
   const [fieldType, setFieldType] = useState<ReportFieldType>('string');
   const [description, setDescription] = useState('');
   const [error, setError] = useState('');
+  const [deleteTarget, setDeleteTarget] = useState<DrainageField | null>(null);
   const codeError = code && !/^[A-Za-z0-9]+$/.test(code) ? '字段代码只能包含阿拉伯数字和英文大小写字母' : '';
 
   function loadData() {
@@ -71,12 +73,24 @@ export function AdminDrainageFieldsPage() {
       .catch((failure: Error) => setError(failure.message || '报备字段新增失败'));
   }
 
+  function deleteField() {
+    if (!deleteTarget || (deleteTarget.usageCount ?? 0) > 0) return;
+    adminApi.deleteDrainageField(deleteTarget.id)
+      .then(() => {
+        setDeleteTarget(null);
+        loadData();
+      })
+      .catch((failure: Error) => setError(failure.message || '报备字段删除失败'));
+  }
+
   const columns = useMemo<Array<TableColumn<DrainageField>>>(() => [
     { key: 'code', title: '字段代码', width: '160px', render: (record) => <strong>{record.code}</strong> },
     { key: 'name', title: '字段名称', width: '190px', render: (record) => record.name ?? '-' },
     { key: 'type', title: '字段类型', width: '160px', render: (record) => <span className="admin-drainage-type">{typeLabels[record.fieldType ?? ''] ?? record.fieldType}</span> },
     { key: 'description', title: '描述', render: (record) => record.description ?? '-' },
     { key: 'required', title: '是否必填', width: '120px', render: (record) => <Tag tone={record.required ? 'warning' : 'info'}>{record.required ? '必填' : '选填'}</Tag> },
+    { key: 'usageCount', title: '使用通道数', width: '130px', render: (record) => <Tag tone={(record.usageCount ?? 0) > 0 ? 'warning' : 'neutral'}>{record.usageCount ?? 0}</Tag> },
+    { key: 'actions', title: '操作', width: '120px', align: 'right', render: (record) => <Button disabled={(record.usageCount ?? 0) > 0} icon={<Trash2 size={14} />} onClick={() => setDeleteTarget(record)} size="sm" variant="danger">删除</Button> },
   ], []);
 
   return (
@@ -132,6 +146,16 @@ export function AdminDrainageFieldsPage() {
           />
         </div>
       </Modal>
+      {deleteTarget ? (
+        <Modal
+          footer={<><Button onClick={() => setDeleteTarget(null)} variant="ghost">取消</Button><Button onClick={deleteField} variant="danger">确认删除</Button></>}
+          onClose={() => setDeleteTarget(null)}
+          open
+          title="删除报备字段"
+        >
+          <p>确认删除“{deleteTarget.name}”吗？未被通道使用的字段将从数据库中永久删除。</p>
+        </Modal>
+      ) : null}
     </section>
   );
 }