蒙版

src/components/ExportSidebar.tsx

@@ -8,6 +8,7 @@ import { CollapsiblePanelSection } from './CollapsiblePanelSection';
 import { DataRangeFields } from './DataRangeFields';
 import { FieldSelect } from './PsSelect';
 import { PrintModule } from './PrintModule';
+import { LayoutPageBackgroundFields } from './LayoutPageBackgroundFields';
 
 interface ExportSidebarProps {
   importData: ImportData | null;
@@ -21,6 +22,7 @@ interface ExportSidebarProps {
   paper: PaperConfig;
   onChangePaper: (updated: PaperConfig) => void;
   template: LabelTemplate;
+  onChangeTemplate: (updated: LabelTemplate) => void;
   rows: RecordRow[];
   draftExportRange: ExportRangeConfig;
   onChangeDraftExportRange: (range: ExportRangeConfig) => void;
@@ -61,6 +63,7 @@ export const ExportSidebar: React.FC<ExportSidebarProps> = ({
   paper,
   onChangePaper,
   template,
+  onChangeTemplate,
   rows,
   draftExportRange,
   onChangeDraftExportRange,
@@ -228,6 +231,9 @@ export const ExportSidebar: React.FC<ExportSidebarProps> = ({
           exportRange={draftExportRange}
           totalRowCount={rows.length}
         />
+        <div className="ps-section-divider">
+          <LayoutPageBackgroundFields template={template} onChangeTemplate={onChangeTemplate} />
+        </div>
         <div className="ps-section-divider space-y-2">
           <div className="ps-section-title">
             <Settings className="w-3 h-3" />