fix: align reporting fields queries and disk monitoring

src/apps/admin/AdminDrainageFieldsPage.tsx

@@ -1,5 +1,5 @@
 import { useEffect, useMemo, useState } from 'react';
-import { Database, FileCheck2, Link2, Plus, Search, Trash2 } from 'lucide-react';
+import { Database, Edit3, FileCheck2, Link2, Plus, Search, Trash2 } from 'lucide-react';
 import { Breadcrumb, Button, Input, Modal, Select, Textarea, Tag } from '@/components/ui';
 import { adminApi, type CommonReportField, type DictionaryItem } from '@/api/adminApi';
 
@@ -39,6 +39,8 @@ export function AdminDrainageFieldsPage() {
   const [error, setError] = useState('');
   const [deleteTarget, setDeleteTarget] = useState<DrainageField | null>(null);
   const [configuringCommon, setConfiguringCommon] = useState(false);
+  const [editingCommonId, setEditingCommonId] = useState<string>();
+  const [commonSaving, setCommonSaving] = useState(false);
   const [commonFieldId, setCommonFieldId] = useState('');
   const [commonReportType, setCommonReportType] = useState<'signature' | 'drainage'>('signature');
   const [commonRequired, setCommonRequired] = useState(false);
@@ -92,8 +94,12 @@ export function AdminDrainageFieldsPage() {
   }
 
   function createCommonField() {
-    if (!commonFieldId) return;
-    adminApi.createCommonReportField({ drainageFieldId: commonFieldId, reportType: commonReportType, required: commonRequired })
+    if (!commonFieldId || commonSaving) return;
+    setCommonSaving(true);
+    setError('');
+    const body = { drainageFieldId: commonFieldId, reportType: commonReportType, required: commonRequired };
+    const request = editingCommonId ? adminApi.updateCommonReportField(editingCommonId, body) : adminApi.createCommonReportField(body);
+    request
       .then(() => {
         setCommonFieldId('');
         setCommonReportType('signature');
@@ -101,7 +107,17 @@ export function AdminDrainageFieldsPage() {
         setConfiguringCommon(false);
         loadData();
       })
-      .catch((failure: Error) => setError(failure.message || '通用字段配置失败'));
+      .catch((failure: Error) => setError(failure.message || '通用字段配置失败'))
+      .finally(() => setCommonSaving(false));
+  }
+
+  function openCommonField(field?: CommonReportField) {
+    setEditingCommonId(field?.id);
+    setCommonFieldId(field?.drainageFieldId ?? '');
+    setCommonReportType(field?.reportType ?? 'signature');
+    setCommonRequired(field?.required ?? false);
+    setError('');
+    setConfiguringCommon(true);
   }
 
   function deleteCommonField() {
@@ -151,11 +167,11 @@ export function AdminDrainageFieldsPage() {
             <h2>通用字段配置</h2>
             <p>企业新增或编辑签名、引流信息时必须按这里的配置填写，通道字段也可以直接引用。</p>
           </div>
-          <Button icon={<Plus size={16} />} onClick={() => setConfiguringCommon(true)} size="sm" variant="secondary">配置通用字段</Button>
+          <Button icon={<Plus size={16} />} onClick={() => openCommonField()} size="sm" variant="secondary">配置通用字段</Button>
         </div>
         <div className="admin-drainage-common-grid">
-          <CommonFieldGroup fields={signatureCommon} label="签名报备资料" onDelete={setCommonDeleteTarget} tone="info" />
-          <CommonFieldGroup fields={drainageCommon} label="引流信息报备资料" onDelete={setCommonDeleteTarget} tone="warning" />
+          <CommonFieldGroup fields={signatureCommon} label="签名报备资料" onEdit={openCommonField} onDelete={setCommonDeleteTarget} tone="info" />
+          <CommonFieldGroup fields={drainageCommon} label="引流信息报备资料" onEdit={openCommonField} onDelete={setCommonDeleteTarget} tone="warning" />
         </div>
       </div>
 
@@ -172,15 +188,17 @@ export function AdminDrainageFieldsPage() {
       </div>
 
       <Modal
-        footer={<><Button onClick={() => setConfiguringCommon(false)} variant="ghost">取消</Button><Button disabled={!commonFieldId} onClick={createCommonField}>保存</Button></>}
+        footer={<><Button disabled={commonSaving} onClick={() => setConfiguringCommon(false)} variant="ghost">取消</Button><Button disabled={!commonFieldId || commonSaving} onClick={createCommonField}>{commonSaving ? '保存中...' : '保存'}</Button></>}
         onClose={() => setConfiguringCommon(false)}
         open={configuringCommon}
-        title="配置通用字段"
+        title={editingCommonId ? '修改通用字段配置' : '配置通用字段'}
       >
         <div className="admin-system-modal-form">
           <Select label="报备字段" onChange={(event) => setCommonFieldId(event.target.value)} options={[{ label: '请选择字段', value: '' }, ...fields.filter((field) => field.status !== 'deleted').map((field) => ({ label: `${field.name}（${field.code}）`, value: field.id }))]} value={commonFieldId} />
           <Select label="资料用途" onChange={(event) => setCommonReportType(event.target.value as 'signature' | 'drainage')} options={[{ label: '签名报备资料', value: 'signature' }, { label: '引流信息报备资料', value: 'drainage' }]} value={commonReportType} />
           <Select label="是否必填" onChange={(event) => setCommonRequired(event.target.value === 'true')} options={[{ label: '选填', value: 'false' }, { label: '必填', value: 'true' }]} value={String(commonRequired)} />
+          <p>修改后用于后续新增、编辑时的资料要求；历史报备资料和要求快照保持不变。</p>
+          {error ? <p className="form-error">{error}</p> : null}
         </div>
       </Modal>
 
@@ -237,6 +255,6 @@ export function AdminDrainageFieldsPage() {
   );
 }
 
-function CommonFieldGroup({ fields, label, onDelete, tone }: { fields: CommonReportField[]; label: string; onDelete: (field: CommonReportField) => void; tone: 'info' | 'warning' }) {
-  return <section className="admin-drainage-common-group"><div className="admin-drainage-common-group__title"><Tag tone={tone}>{label}</Tag><span>{fields.length} 项</span></div>{fields.length ? <div className="admin-drainage-common-list">{fields.map((field) => <div key={field.id}><div><strong>{String(field.drainageField.name ?? field.drainageField.code)}</strong><span>{String(field.drainageField.code)} · {typeLabels[String(field.drainageField.fieldType ?? '')] ?? '-'}</span></div><Tag tone={field.required ? 'warning' : 'neutral'}>{field.required ? '必填' : '选填'}</Tag><Button aria-label="删除通用字段" icon={<Trash2 size={14} />} iconOnly onClick={() => onDelete(field)} size="sm" variant="ghost">删除</Button></div>)}</div> : <p className="admin-drainage-common-empty">暂未配置字段</p>}</section>;
+function CommonFieldGroup({ fields, label, onEdit, onDelete, tone }: { fields: CommonReportField[]; label: string; onEdit: (field: CommonReportField) => void; onDelete: (field: CommonReportField) => void; tone: 'info' | 'warning' }) {
+  return <section className="admin-drainage-common-group"><div className="admin-drainage-common-group__title"><Tag tone={tone}>{label}</Tag><span>{fields.length} 项</span></div>{fields.length ? <div className="admin-drainage-common-list">{fields.map((field) => <div key={field.id}><div><strong>{String(field.drainageField.name ?? field.drainageField.code)}</strong><span>{String(field.drainageField.code)} · {typeLabels[String(field.drainageField.fieldType ?? '')] ?? '-'}</span></div><Tag tone={field.required ? 'warning' : 'neutral'}>{field.required ? '必填' : '选填'}</Tag><Button aria-label={`修改通用字段${field.drainageField.name}`} icon={<Edit3 size={14} />} onClick={() => onEdit(field)} size="sm" variant="ghost">修改</Button><Button aria-label="删除通用字段" icon={<Trash2 size={14} />} iconOnly onClick={() => onDelete(field)} size="sm" variant="ghost">删除</Button></div>)}</div> : <p className="admin-drainage-common-empty">暂未配置字段</p>}</section>;
 }