1

src/view/case/photos/canvas-photo-editor.js

@@ -1576,4 +1576,11 @@ captureCanvasArea(canvas, x, y, width, height) {
   // 3. 导出图片
   return tempCanvas.toDataURL('image/png');
 }
+exportToPDF(paperType, name, fileType = 'pdf'){
+  if(fileType == 'pdf'){
+    this.exportPagesToPDF(paperType, name);
+  }else{
+    this.exportPagesAsImages(paperType, name);
+  }
+}
 }

src/view/case/photos/index.vue

@@ -39,10 +39,11 @@
             style="margin-right: 5px"
           ></i>
         </div>
-        <el-dropdown trigger="click" @command="exportToPDF">
-          <span class="el-dropdown-link">
+          <span class="el-dropdown-link" @click="exportToPDF">
             <i class="iconfont icon-download" style="margin-right: 24px"></i>
           </span>
+        <!-- <el-dropdown trigger="click" @command="exportToPDF">
+
           <template #dropdown>
             <el-dropdown-menu>
               <el-dropdown-item command="four">4联卡纸</el-dropdown-item>
@@ -50,7 +51,7 @@
               <el-dropdown-item command="a3">A3纸</el-dropdown-item>
             </el-dropdown-menu>
           </template>
-        </el-dropdown>
+        </el-dropdown> -->
         <i
           class="iconfont icon-keys_a"
           @click="insertBlankPage"
@@ -173,6 +174,7 @@
 import { ref, onMounted, onBeforeUnmount, watch, nextTick, computed } from "vue";
 import { router, RouteName } from "@/router";
 import { ElMessage, ElMessageBox } from "element-plus";
+import { exportCasePhotos } from "@/view/material/quisk.ts";
 import { CanvasPhotoEditor } from "./canvas-photo-editor.js";
 import {
   CirclePlus,
@@ -495,7 +497,7 @@ const handleDrop = (e) => {
  * 重置画布偏移，居中显示当前选中页
  */
 const exportToPDF = (paperType) => {
-  editor.value.exportPagesToPDF(paperType);
+  exportCasePhotos({showPagesRef: editor.value})
 }
 </script>
 <style lang="sass">