优化报销审批证据布局（reimbursement-form-shared-component-migration）

client/src/pages/reimbursement-detail/ReimbursementItemEditor.tsx

@@ -32,6 +32,7 @@ export interface ReimbursementItemEditorProps {
   initialValues: ItemEditorInitialValues;
   onSave: (data: ItemEditorSaveData) => void;
   onCancel: () => void;
+  onDelete?: () => void;
   isPending: boolean;
 }
 
@@ -44,6 +45,7 @@ export function ReimbursementItemEditor({
   initialValues,
   onSave,
   onCancel,
+  onDelete,
   isPending,
 }: ReimbursementItemEditorProps) {
   const [expenseTypeId, setExpenseTypeId] = useState(initialValues.expenseTypeId);
@@ -216,6 +218,11 @@ export function ReimbursementItemEditor({
         >
           取消
         </Button>
+        {mode === "edit" && onDelete ? (
+          <Button data-testid="reimbursement-item-delete" disabled={isPending} onClick={onDelete} type="button" variant="destructive">
+            删除明细
+          </Button>
+        ) : null}
       </div>
     </div>
   );