add:修改使用reportlab完成md转pdf

frontend/src/App.vue

@@ -3,10 +3,11 @@ import { ref } from 'vue'
 import DocToMd from './components/DocToMd.vue'
 import BatchProcess from './components/BatchProcess.vue'
 import MdToDoc from './components/MdToDoc.vue'
+import MdToPdf from './components/MdToPdf.vue'
 import ConfigModal from './components/ConfigModal.vue'
 
 const showConfig = ref(false)
-const activePage = ref<'doc-to-md' | 'batch' | 'md-to-doc'>('doc-to-md')
+const activePage = ref<'doc-to-md' | 'batch' | 'md-to-doc' | 'md-to-pdf'>('doc-to-md')
 </script>
 
 <template>
@@ -20,12 +21,14 @@ const activePage = ref<'doc-to-md' | 'batch' | 'md-to-doc'>('doc-to-md')
       <div class="top-tab" :class="{active: activePage === 'doc-to-md'}" @click="activePage = 'doc-to-md'">DOCX/PDF 转 Markdown</div>
       <div class="top-tab" :class="{active: activePage === 'batch'}" @click="activePage = 'batch'">批量处理</div>
       <div class="top-tab" :class="{active: activePage === 'md-to-doc'}" @click="activePage = 'md-to-doc'">Markdown 转 DOCX/PDF</div>
+      <div class="top-tab" :class="{active: activePage === 'md-to-pdf'}" @click="activePage = 'md-to-pdf'">Markdown 转 PDF</div>
     </div>
 
     <div class="main-content">
       <DocToMd v-if="activePage === 'doc-to-md'" />
       <BatchProcess v-if="activePage === 'batch'" />
       <MdToDoc v-if="activePage === 'md-to-doc'" />
+      <MdToPdf v-if="activePage === 'md-to-pdf'" />
     </div>
 
     <ConfigModal v-model="showConfig" />

frontend/src/services/api.ts

@@ -303,3 +303,10 @@ export async function syncServerTime(method?: string, ntpServer?: string): Promi
     return { ok: false }
   }
 }
+
+export async function convertMarkdownToPdf(formData: FormData): Promise<Response> {
+  return apiFetch(`/api/pdf/convert`, {
+    method: 'POST',
+    body: formData
+  })
+}