pdf分页预览

@@ -187,7 +187,7 @@
       @pagination="getList"
       @pagination="getList"
     />
     />
     <el-dialog title="合同预览" :visible.sync="dialogVisibleContract" width="50%" center :before-close="handleClose">
     <el-dialog title="合同预览" :visible.sync="dialogVisibleContract" width="50%" center :before-close="handleClose">
-      <vue-pdf :src="pdfUrl" type="application/pdf" width="100%" height="800px" />
+      <embed :src="pdfUrl" type="application/pdf" width="100%" height="800px" />
     </el-dialog>
     </el-dialog>
     <!-- 添加或修改合规审查对话框 -->
     <!-- 添加或修改合规审查对话框 -->
     <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
     <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>

@@ -101,7 +101,8 @@
       @pagination="getList"
       @pagination="getList"
     />
     />
     <el-dialog title="合同预览" :visible.sync="dialogVisibleContract" width="50%" center :before-close="handleClose" >
     <el-dialog title="合同预览" :visible.sync="dialogVisibleContract" width="50%" center :before-close="handleClose" >
-      <pdf :src="pdfUrl" type="application/pdf" width="100%" height="800px" v-if="pdfUrl" />
+      <embed :src="pdfUrl" type="application/pdf" width="100%" height="800px" v-if="pdfUrl" 
+       />
     </el-dialog>
     </el-dialog>
     <!-- 添加或修改【请填写功能名称】对话框 -->
     <!-- 添加或修改【请填写功能名称】对话框 -->
     <el-dialog :title="title" :visible.sync="open" width="700px" append-to-body>
     <el-dialog :title="title" :visible.sync="open" width="700px" append-to-body>
@@ -193,6 +194,8 @@ export default {
   },
   },
   data() {
   data() {
     return {
     return {
+      currentPage: 0, // 页码
+      pageCount: 0, // 总页数
       headers: {
       headers: {
         Authorization: "Bearer " + getToken(),
         Authorization: "Bearer " + getToken(),
       },
       },
@@ -321,6 +324,15 @@ export default {
     this.getList();
     this.getList();
   },
   },
   methods: {
   methods: {
+    setNumPages(numPages) {
+      this.numPages = numPages;
+      for (let i = 1; i <= numPages; i++) {
+        this.pages.push(i);
+      }
+    },
+    onPageLoaded(page) {
+      console.log(`Page ${page} loaded`);
+    },
 
 
     handleUploadSealContract(row){
     handleUploadSealContract(row){
       this.contractnoTemp = row.contractno
       this.contractnoTemp = row.contractno

@@ -85,7 +85,7 @@
     />
     />
     <!-- 合同预览 -->
     <!-- 合同预览 -->
     <el-dialog title="合同预览" :visible.sync="dialogVisibleContract" width="50%" center :before-close="handleClose" >
     <el-dialog title="合同预览" :visible.sync="dialogVisibleContract" width="50%" center :before-close="handleClose" >
-      <pdf :src="pdfUrl" type="application/pdf" width="100%" height="800px" v-if="pdfUrl" />
+      <embed :src="pdfUrl" type="application/pdf" width="100%" height="800px" v-if="pdfUrl" />
     </el-dialog>
     </el-dialog>
     <!-- 合同变更 -->
     <!-- 合同变更 -->
     <el-dialog :title="title" :visible.sync="open" width="700px" append-to-body>
     <el-dialog :title="title" :visible.sync="open" width="700px" append-to-body>

@@ -157,7 +157,7 @@
     />
     />
 
 
     <el-dialog :visible.sync="dialogVisible" title="合同预览" width="50%">
     <el-dialog :visible.sync="dialogVisible" title="合同预览" width="50%">
-      <vue-pdf :src="currentFile" />
+      <embed :src="currentFile" />
       <span slot="footer" class="dialog-footer">
       <span slot="footer" class="dialog-footer">
         <el-button @click="dialogVisible = false">关闭</el-button>
         <el-button @click="dialogVisible = false">关闭</el-button>
       </span>
       </span>

@@ -119,7 +119,7 @@
       center
       center
       :before-close="handleClose"
       :before-close="handleClose"
     >
     >
-      <vue-pdf
+      <embed
         :src="pdfUrl"
         :src="pdfUrl"
         type="application/pdf"
         type="application/pdf"
         width="100%"
         width="100%"