浏览代码

fix: 打印只能显示一页

Lesan 4 月之前
父节点
当前提交
ba64031015
共有 1 个文件被更改,包括 12 次插入1 次删除
  1. 12 1
      src/views/bpm/processInstance/detail/PrintDialog.vue

+ 12 - 1
src/views/bpm/processInstance/detail/PrintDialog.vue

@@ -128,7 +128,7 @@ const printObj = ref({
 
 <template>
   <el-dialog v-loading="loading" v-model="visible" :show-close="false">
-    <div id="printDivTag">
+    <div id="printDivTag" style="word-break: break-all;">
       <div v-if="printData.printTemplateEnable" v-html="getPrintTemplateHTML()"></div>
       <div v-else>
         <h2 class="text-center">{{ printData.processInstance.name }}</h2>
@@ -209,3 +209,14 @@ const printObj = ref({
     </template>
   </el-dialog>
 </template>
+
+<style>
+@media print {
+  @page {
+    size: auto;
+  }
+  body, html, div{
+    height: auto!important;
+  }
+}
+</style>