{"version":3,"sources":["webpack:///./src/views/tms/order/manage/components/downloadCode.vue?b1ef","webpack:///src/views/tms/order/manage/components/downloadCode.vue","webpack:///./src/views/tms/order/manage/components/downloadCode.vue?03ac","webpack:///./src/views/tms/order/manage/components/downloadCode.vue","webpack:///./src/views/tms/order/manage/components/downloadCode.vue?81dc"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","ref","attrs","staticRenderFns","props","value","type","String","default","responseImg","data","url","filters","computed","watch","created","mounted","beforeDestroy","methods","dataURLtoFile","n","u8arr","bstr","charCodeAt","File","filename","component"],"mappings":"8IAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,sBAAsB,CAACF,EAAG,MAAM,CAACG,IAAI,UAAUD,YAAY,WAAWE,MAAM,CAAC,GAAK,YAAY,CAACJ,EAAG,MAAM,CAACE,YAAY,MAAME,MAAM,CAAC,IAAM,4FAA4F,IAAM,WAC5VC,EAAkB,G,2ECctB,GACEC,MAAO,CACLC,MAAO,CACLC,KAAMC,OACNC,QAAS,IAEXC,YAAa,CACXH,KAAMC,OACNC,QAAS,KAGbE,KAXF,WAYI,MAAO,CACLC,IAAK,KAITC,QAAS,GAETC,SAAU,GAEVC,MAAO,GAEPC,QAvBF,aAyBEC,QAzBF,aA2BEC,cA3BF,aA6BEC,QAAS,CACP,YADJ,gLAEA,qBAFA,SAGA,OACA,aAJA,OAGA,EAHA,OAMA,2BACA,aACA,uBACA,UACA,cAEA,0BACA,iCACA,qBACA,4BACA,uBAhBA,yGAyDIC,cAzDJ,SAyDA,KAEM,IAAN,eACA,2BACA,aACA,WACA,oBAEM,MAAOC,IACLC,EAAMD,GAAKE,EAAKC,WAAWH,GAG7B,OAAO,IAAII,KAAK,CAACH,GAAQI,EAAU,CAAzC,YCjHkZ,I,wBCQ9YC,EAAY,eACd,EACAjC,EACAU,GACA,EACA,KACA,WACA,MAIa,aAAAuB,E,6CCnBf,yBAA0nB,EAAG","file":"js/chunk-72330ffc.723c0629.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"download_code_page\"},[_c('div',{ref:\"downImg\",staticClass:\"down_img\",attrs:{\"id\":\"downImg\"}},[_c('img',{staticClass:\"img\",attrs:{\"src\":\"http://mlwccy.oss-cn-qingdao.aliyuncs.com/2024-09-13/ca99d21340be491fa1c5c370bbae5e27.png\",\"alt\":\"\"}})])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <!-- 组件 -->\r\n  <div class=\"download_code_page\">\r\n    <div class=\"down_img\" id=\"downImg\" ref=\"downImg\">\r\n      <img\r\n        class=\"img\"\r\n        src=\"http://mlwccy.oss-cn-qingdao.aliyuncs.com/2024-09-13/ca99d21340be491fa1c5c370bbae5e27.png\"\r\n        alt=\"\"\r\n      />\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport html2canvas from \"html2canvas\";\r\nexport default {\r\n  props: {\r\n    value: {\r\n      type: String,\r\n      default: \"\",\r\n    },\r\n    responseImg: {\r\n      type: String,\r\n      default: \"\",\r\n    },\r\n  },\r\n  data() {\r\n    return {\r\n      url: \"\",\r\n    };\r\n  },\r\n  //过滤器\r\n  filters: {},\r\n  // 计算属性\r\n  computed: {},\r\n  // 监听器\r\n  watch: {},\r\n  //生命周期 创建后\r\n  created() {},\r\n  // 挂载后\r\n  mounted() {},\r\n  // 销毁前\r\n  beforeDestroy() {},\r\n  //自定义函数\r\n  methods: {\r\n    async getCodeDown() {\r\n      const content = this.$refs.downImg;\r\n      const canvas = await html2canvas(content, {\r\n        useCORS: true,\r\n      });\r\n      const imgData = canvas.toDataURL(\"image/png\");\r\n      const doc = new jsPDF({\r\n        orientation: \"portrait\",\r\n        unit: \"px\",\r\n        format: \"a4\",\r\n      });\r\n      const imgProps = doc.getImageProperties(imgData);\r\n      const pdfWidth = doc.internal.pageSize.getWidth();\r\n      const pdfHeight = (imgProps.height * pdfWidth) / imgProps.width;\r\n      doc.addImage(imgData, \"PNG\", 0, 0, pdfWidth, pdfHeight);\r\n      doc.save(\"download.pdf\");\r\n      //   html2canvas(document.querySelector(\"#downImg\"), {\r\n      //     scale: 2, //分辨率\r\n      //     useCORS: true, // 如果截图的内容里有图片,可能会有跨域的情况,加上这个参数,解决文件跨域问题\r\n      //   }).then((canvas) => {\r\n      //     // 创建一个图片元素\r\n      //     var img = canvas.toDataURL(\"image/png\");\r\n\r\n      //     // 创建一个链接元素\r\n      //     var link = document.createElement(\"a\");\r\n\r\n      //     // 设置下载属性\r\n      //     link.href = img;\r\n      //     link.download = \"screenshot.png\";\r\n\r\n      //     // 触发下载\r\n      //     link.click();\r\n      //   });\r\n      //   console.log(\"图片元素++-+\");\r\n      //   const canvas = await html2canvas(document.querySelector(\"#downImg\"), {\r\n      //     backgroundColor: \"#e8f4ff\",\r\n      //     scale: 2, //分辨率\r\n      //     useCORS: true, // 如果截图的内容里有图片,可能会有跨域的情况,加上这个参数,解决文件跨域问题\r\n      //   });\r\n      //   console.log(\"图片元素1\", canvas);\r\n      //   const img = canvas.toDataURL(\"image/png\");\r\n      //   console.log(\"图片元素2\", img);\r\n\r\n      //   // 这里可以将img元素插入到DOM中，例如插入到body中\r\n      //   //   document.body.appendChild(img);\r\n      //   const formData = new FormData();\r\n      //   //   formData.append(\"file\", this.dataURLtoFile(img, \"image.png\"));\r\n\r\n      //   //   console.log(\"图片元素\", formData);\r\n\r\n      //   // 或者可以直接下载图片\r\n      //   let a = document.createElement(\"a\");\r\n      //   a.href = img.src;\r\n      //   a.download = \"downImg.png\";\r\n      //   a.click();\r\n    },\r\n    dataURLtoFile(dataurl, filename) {\r\n      // console.log(\"dataurl\", dataurl);\r\n      let arr = dataurl.split(\",\");\r\n      let mime = arr[0].match(/:(.*?);/)[1];\r\n      let bstr = atob(arr[1]);\r\n      let n = bstr.length;\r\n      let u8arr = new Uint8Array(n);\r\n\r\n      while (n--) {\r\n        u8arr[n] = bstr.charCodeAt(n);\r\n      }\r\n\r\n      return new File([u8arr], filename, { type: mime });\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n.download_code_page {\r\n  //   width: 0;\r\n  //   height: 0;\r\n  //   overflow: hidden;\r\n  .down_img {\r\n    width: 400px;\r\n    height: 400px;\r\n    .img {\r\n      width: 400px;\r\n      height: 400px;\r\n    }\r\n  }\r\n}\r\n</style>\r\n","import mod from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./downloadCode.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./downloadCode.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./downloadCode.vue?vue&type=template&id=42e1c5df&scoped=true&\"\nimport script from \"./downloadCode.vue?vue&type=script&lang=js&\"\nexport * from \"./downloadCode.vue?vue&type=script&lang=js&\"\nimport style0 from \"./downloadCode.vue?vue&type=style&index=0&id=42e1c5df&scoped=true&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"42e1c5df\",\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./downloadCode.vue?vue&type=style&index=0&id=42e1c5df&scoped=true&lang=scss&\"; export default mod; export * from \"-!../../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./downloadCode.vue?vue&type=style&index=0&id=42e1c5df&scoped=true&lang=scss&\""],"sourceRoot":""}