导出确权pdf

src/views/authentic/Pdf.vue

@@ -3,16 +3,15 @@
       class="my-dialog"
       fullscreen
       append-to-body
-      destroy-on-close
       :model-value="showDialog"
       @close="closeDialog()"
   >
     <div  class="pdf-main">
-      <div class="title" >
-        <div class="name" ></div>
-        <div class="pdf-close cursor-pointer" @click="closeDialog"></div>
-      </div>
       <div id="printTest" class="pdf-dialog-box">
+        <div class="title" >
+          <div class="name" ></div>
+          <div class="pdf-close cursor-pointer" @click="closeDialog"></div>
+        </div>
         <div class="pdf-my-body"  >
         <div class="pdfBox" >
           <div class="a4" >
@@ -44,12 +43,15 @@
             <div class="a4_sub_title">地块四至图</div>
             <img class="img" v-if="imgUrl"  :src="imgUrl" />
             <div class="img" v-else ref="mapRef" id="mapRefId"></div>
-
+            <div class="signature">签名:______________</div>
           </div>
         </div>
       </div>
+        <div style="text-align: left">
+          <el-button size="large" color="#626aef"    v-print="'#printTest'">打印</el-button>
+<!--          <el-button size="large" color="#626aef"  @click="closeDialog">关闭</el-button>-->
+        </div>
       </div>
-      <el-button size="large"  type="info"  v-print="'#printTest'">去打印</el-button>
 
     </div>
   </el-dialog>
@@ -130,7 +132,7 @@ onMounted(()=>{
     pdfMap.initMap(data,mapRef.value)
     setTimeout(function(){
       toImg(pdfMap.kmap.map)
-    },1000)
+    },2000)
   })
 })
 
@@ -173,7 +175,6 @@ $body-height:calc(100% - $title-height);
       height: 22px;
     }
     .pdf-close{
-      margin-right: 20px;
       width: 16px;
       height: 16px;
       background-image: url("@/assets/img/close.png");
@@ -255,6 +256,13 @@ $body-height:calc(100% - $title-height);
       height: 500px;
       z-index: 1000;
     }
+    .signature{
+      width:595px;
+      height: 20px;
+      z-index: 1000;
+      margin-top: 40px;
+      text-align: right;
+    }
   }