{"remainingRequest":"D:\\jenkins\\workspace\\reform-fvue\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\jenkins\\workspace\\reform-fvue\\src\\views\\BigScreen\\components\\subComponents\\previewExport.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\jenkins\\workspace\\reform-fvue\\src\\views\\BigScreen\\components\\subComponents\\previewExport.vue","mtime":1687876025320},{"path":"D:\\jenkins\\workspace\\reform-fvue\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"D:\\jenkins\\workspace\\reform-fvue\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\reform-fvue\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\r\nimport html2canvas from 'html2canvas'\r\nimport jsPDF from 'jspdf'\r\nimport screenHeader from '@/views/BigScreen/components/screenHeader.vue'\r\nimport mapTarget1 from '@/views/BigScreen/components/subComponents/mapTarget1.vue' // 重点关注指标\r\nimport mapTarget2 from '@/views/BigScreen/components/subComponents/mapTarget2.vue' // 重点关注指标\r\nimport mapTarget3 from '@/views/BigScreen/components/subComponents/mapTarget3.vue' // 重点关注指标\r\nimport mapTarget4 from '@/views/BigScreen/components/subComponents/mapTarget4.vue' // 重点关注指标\r\nimport mapTarget5 from '@/views/BigScreen/components/subComponents/mapTarget5.vue' // 重点关注指标\r\nimport mapTarget6 from '@/views/BigScreen/components/subComponents/mapTarget6.vue' // 重点关注指标\r\nimport mapTarget7 from '@/views/BigScreen/components/subComponents/mapTarget7.vue' // 重点关注指标\r\nimport mapTarget8 from '@/views/BigScreen/components/subComponents/mapTarget8.vue' // 重点关注指标\r\nexport default {\r\n  components: {\r\n    screenHeader,\r\n    mapTarget1,\r\n    mapTarget2,\r\n    mapTarget3,\r\n    mapTarget4,\r\n    mapTarget5,\r\n    mapTarget6,\r\n    mapTarget7,\r\n    mapTarget8\r\n  },\r\n  data() {\r\n    return {\r\n      dialogTableVisible: false,\r\n      mapCQId_1: 'cq-contianer_1',\r\n      mapCQId_2: 'cq-contianer_2',\r\n      mapCQId_3: 'cq-contianer_3',\r\n      mapCQId_4: 'cq-contianer_4',\r\n      mapCQId_5: 'cq-contianer_5',\r\n      mapCQId_6: 'cq-contianer_6',\r\n      mapCQId_7: 'cq-contianer_7',\r\n      mapCQId_8: 'cq-contianer_8',\r\n      main9Id_1: 'main9-contianer_1',\r\n      main9Id_2: 'main9-contianer_2',\r\n      main9Id_3: 'main9-contianer_3',\r\n      main9Id_4: 'main9-contianer_4',\r\n      main9Id_5: 'main9-contianer_5',\r\n      main9Id_6: 'main9-contianer_6',\r\n      main9Id_7: 'main9-contianer_7',\r\n      main9Id_8: 'main9-contianer_8'\r\n    }\r\n  },\r\n  mounted() { },\r\n  methods: {\r\n    open() {\r\n      let { comp } = this.$route.query\r\n      if (comp == 'mapTarget_1') {\r\n        this.mapCQId_1 = 'dialog-map_1'\r\n        this.main9Id_1 = 'main9-dialog_1'\r\n      } else if (comp == 'mapTarget_2') {\r\n        this.mapCQId_2 = 'dialog-map_2'\r\n        this.main9Id_2 = 'main9-dialog_2'\r\n      } else if (comp == 'mapTarget_3') {\r\n        this.mapCQId_3 = 'dialog-map_3'\r\n        this.main9Id_3 = 'main9-dialog_3'\r\n      } else if (comp == 'mapTarget_4') {\r\n        this.mapCQId_4 = 'dialog-map_4'\r\n        this.main9Id_4 = 'main9-dialog_4'\r\n      } else if (comp == 'mapTarget_5') {\r\n        this.mapCQId_5 = 'dialog-map_5'\r\n        this.main9Id_5 = 'main9-dialog_5'\r\n      } else if (comp == 'mapTarget_6') {\r\n        this.mapCQId_6 = 'dialog-map_6'\r\n        this.main9Id_6 = 'main9-dialog_6'\r\n      } else if (comp == 'mapTarget_7') {\r\n        this.mapCQId_7 = 'dialog-map_7'\r\n        this.main9Id_7 = 'main9-dialog_7'\r\n      } else if (comp == 'mapTarget_8') {\r\n        this.mapCQId_8 = 'dialog-map_8'\r\n        this.main9Id_8 = 'main9-dialog_8'\r\n      }\r\n      this.dialogTableVisible = true\r\n    },\r\n    close() {\r\n      this.dialogTableVisible = false\r\n      this.elementId = null\r\n    },\r\n    exportImg() {\r\n      let doms = document.querySelectorAll('.index-item')\r\n      doms.forEach(item => {\r\n        html2canvas(item, {\r\n          allowTaint: true,\r\n          scale: 2,\r\n          backgroundColor: '#072d62',\r\n          useCORS: true,\r\n          allowTaint: true,\r\n          logging: false,\r\n          removeContainer: true\r\n        }).then(canvas => {\r\n          let imgUrl = canvas.toDataURL('image/jpeg', 1)\r\n          let aLink = document.createElement('a')\r\n          aLink.href = imgUrl\r\n          aLink.download = item.getAttribute('data-name') + '.png'\r\n          document.body.appendChild(aLink)\r\n          aLink.click()\r\n          document.body.removeChild(aLink)\r\n          setTimeout(() => { }, 10)\r\n        })\r\n      })\r\n      // let pdfDom = this.$refs.pdfBox\r\n      // html2canvas(pdfDom, { allowTaint: true, scale: 2,backgroundColor: '#072d62' }).then(canvas => {\r\n      //   // a4纸的正常尺寸是宽592.28，高是841.89，这里针对我自己的项目将宽高调换了\r\n      //   const pageWidth = 592.28\r\n      //   const pageHeight = 841.89\r\n      //   // 设置内容的宽高\r\n      //   const contentWidth = canvas.width\r\n      //   const contentHeight = canvas.height\r\n      //   // 默认的偏移量\r\n      //   let position = 0\r\n      //   // 设置生成图片的宽高\r\n      //   const imgCanvasWidth = pageWidth - 40\r\n      //   const imgCanvasHeight = (592.28 / contentWidth) * contentHeight\r\n      //   let imageHeight = imgCanvasHeight\r\n      //   // 生成canvas截图，1表示生成的截图质量（0-1）\r\n      //   let pageData = canvas.toDataURL('image/jpeg', 1)\r\n      //   // new JsPDF接收三个参数，landscape表示横向，（默认不填是纵向），打印单位和纸张尺寸\r\n      //   let PDF = new jsPDF('', 'pt', 'a4')\r\n\r\n      //   // 当内容不超过a4纸一页的情况下\r\n      //   if (imageHeight < pageHeight) {\r\n      //     PDF.addImage(\r\n      //       pageData,\r\n      //       'JPEG',\r\n      //       21,\r\n      //       20,\r\n      //       imgCanvasWidth,\r\n      //       imgCanvasHeight,\r\n      //       'FAST'\r\n      //     )\r\n      //   } else {\r\n      //     // 当内容超过a4纸一页的情况下，需要增加一页\r\n      //     while (imageHeight > 0) {\r\n      //       PDF.addImage(\r\n      //         pageData,\r\n      //         'JPEG',\r\n      //         20,\r\n      //         position,\r\n      //         imgCanvasWidth,\r\n      //         imgCanvasHeight,\r\n      //         'FAST'\r\n      //       )\r\n      //       imageHeight -= pageHeight\r\n      //       position -= pageHeight\r\n      //       // 避免添加空白页\r\n      //       if (imageHeight > 0) {\r\n      //         PDF.addPage()\r\n      //       }\r\n      //     }\r\n      //   }\r\n      //   // 调用save方法生成pdf文件\r\n      //   PDF.save('11111' + '.pdf')\r\n      // })\r\n    }\r\n  }\r\n}\r\n",null]}