更换贺报下载的方法37

package-lock.json

@@ -6896,6 +6896,11 @@
         }
       }
     },
+    "file-saver": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/file-saver/-/file-saver-2.0.5.tgz",
+      "integrity": "sha512-P9bmyZ3h/PRG+Nzga+rbdI4OEpNDzAVyy74uVO9ATgzLK6VtAsYybF/+TOCvrc0MO793d6+42lLyZTw7/ArVzA=="
+    },
     "file-uri-to-path": {
       "version": "1.0.0",
       "resolved": "https://registry.npmmirror.com/file-uri-to-path/-/file-uri-to-path-1.0.0.tgz",

package.json

@@ -26,6 +26,7 @@
     "crypto-js": "^4.1.1",
     "echarts": "^4.2.1",
     "fastclick": "^1.0.6",
+    "file-saver": "^2.0.5",
     "html2canvas": "^1.4.1",
     "js-base64": "^2.5.1",
     "js-md5": "^0.7.3",

src/views/ebiz/billingDetail/billingDetail.vue

@@ -255,11 +255,12 @@
         @cancel="cancelChange"
       />
     </van-popup>
-    <div class="hebao" v-if="hebaoShow">
+    <!-- <div class="hebao" > -->
       <generateImg
+        v-if="hebaoShow"
         @child-colse="closeHebao"
       ></generateImg>
-    </div>
+    <!-- </div> -->
     <van-popup v-model="xiangqingShow" position="right" :style="{ width: '100%', height: '100%' }">
       <policyDetails
         v-if="xiangqingShow"

src/views/ebiz/generateImg/generateImg.vue

@@ -1,7 +1,7 @@
 <template>
-  <div>
+  <div class="contents">
     <div id="capture" ref="generateImg" style="height: 100vh; overflow: hidden">
-      <img src="@/assets/images/list_img.png" alt="" />
+      <img src="@/assets/images/list_img.png" crossorigin="anonymous" alt="" />
       <div class="box">
         <div class="title">
           <p class="organ">{{ orderList.manageComNameFull }}</p>
@@ -10,7 +10,10 @@
         <div class="pName">{{ orderList.productNameFull }}</div>
         <div class="type">{{ orderList.outOrderType == 'accept' ? '承保规保' : '预收规保' }}</div>
         <div class="yuan">{{ orderList.prem }}<span style="color: #333333">元</span></div>
-        <div class="time">{{ orderList.outOrderType == 'accept' ? '承保时间：' : '预收时间：' }}{{ orderList.appntDate }}</div>
+        <div class="time">{{ orderList.outOrderType == 'accept' ? '承保时间：' : '预收时间：' }}
+          <span v-if="orderList.outOrderType == 'accept'">{{ orderList.signDate }}</span>
+          <span v-if="orderList.outOrderType != 'accept'">{{ orderList.appntDate }}</span>
+        </div>
       </div>
     </div>
     <div class="flex justify-content-s bottom-btn border-color">
@@ -53,6 +56,7 @@ export default {
   methods: {
     getList() {
       this.orderList = JSON.parse(localStorage.getItem('orderList'))
+      console.log('页面数据',this.orderList);
     },
     // 将 Blob转base64
     blobToBase64(blob) {
@@ -72,7 +76,9 @@ export default {
         height: this.$refs.generateImg.offsetHeight,
         backgroundColor: '#fff',
         scale: 2,
-        dpi: 300
+        dpi: 300,
+        useCORS: true,
+        allowTaint: true,
       }).then((canvas) => {
         // 将 canvas 转换为 Blob
         canvas.toBlob((blob) => {
@@ -98,7 +104,9 @@ export default {
         height: domElement.offsetHeight,
         backgroundColor: '#fff',
         scale: 1,
-        dpi: 300
+        dpi: 300,
+        useCORS: true,
+        allowTaint: true,
       }).then((canvas) => {
         // 转换canvas为PNG图片并压缩
         canvas.toBlob(
@@ -148,6 +156,14 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+.contents {
+  width: 100%;
+  height: 100vh;
+  background-color: #fff;
+  position: fixed;
+  top: 0;
+  left: 0;
+}
 img {
   height: 100%;
   width: 100%;