{"version":3,"sources":["webpack:///./src/views/qrCode/components/MJ.vue","webpack:///src/views/qrCode/components/MJ.vue","webpack:///./src/views/qrCode/components/MJ.vue?f482","webpack:///./src/views/qrCode/components/MJ.vue?0d79","webpack:///./src/views/qrCode/components/MJ.vue?55f0"],"names":["render","_vm","this","_c","_self","isDom","ref","staticClass","_v","_s","labelInfo","productModel","specification","attrs","canvasImageUrl","staticRenderFns","props","type","Object","default","name","data","ip","window","localStorage","getItem","created","_this","$nextTick","QRCode","$refs","qrCodeDiv","text","finishedProductNo","width","height","colorDark","colorLight","correctLevel","CorrectLevel","L","mounted","_this2","console","log","setTimeout","htmlToCanvas","methods","_this3","html2canvas","bill","background","dpi","then","canvas","imageUrl","toDataURL","onPrinter","_this4","$axios","printerImgPrint","fileBase64","res","status","$parent","onIn","$message","error","message","catch","err","component"],"mappings":"yHAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAAEF,EAAII,MAAOF,EAAG,MAAM,CAACG,IAAI,OAAOC,YAAY,aAAa,CAACJ,EAAG,IAAI,CAACI,YAAY,OAAO,CAACN,EAAIO,GAAG,IAAIP,EAAIQ,GAAGR,EAAIS,UAAUC,cAAc,IAAIV,EAAIQ,GAAGR,EAAIS,UAAUE,eAAe,OAAOT,EAAG,MAAM,CAACG,IAAI,YAAYC,YAAY,WAAWM,MAAM,CAAC,GAAK,cAAcV,EAAG,MAAM,CAACI,YAAY,eAAe,CAACJ,EAAG,MAAM,CAACU,MAAM,CAAC,IAAMZ,EAAIa,eAAe,IAAM,WAE9ZC,EAAkB,G,0CCyBP,GACfC,MAAA,CACAN,UAAA,CACAO,KAAAC,OACAC,QAAA,KAGAC,KAAA,OACAC,KAAA,WACA,OACAhB,OAAA,EACAS,eAAA,GACAQ,GAAAC,OAAAC,aAAAC,QAAA,YAGAC,QAAA,eAAAC,EAAA,KACA,KAAAC,WAAA,WACA,IAAAC,IAAAF,EAAAG,MAAAC,UAAA,CACAC,KAAAL,EAAAjB,UAAAuB,kBACAC,MAAA,IACAC,OAAA,IACAC,UAAA,UACAC,WAAA,UACAC,aAAAT,IAAAU,aAAAC,QAIAC,QAAA,eAAAC,EAAA,KACAC,QAAAC,IAAA,iBAAAlC,WAKAmC,YAAA,WACAH,EAAAI,iBACA,MAEAC,QAAA,CACAD,aAAA,eAAAE,EAAA,KACAC,IAAA,KAAAnB,MAAAoB,KAAA,CACAC,WAAA,UACAC,IAAA,OACAC,MAAA,SAAAC,GACA,IAAAC,EAAAD,EAAAE,UAAA,aACAR,EAAAlC,eAAAyC,EACAP,EAAA3C,OAAA,EACA2C,EAAAS,gBAKAA,UAAA,eAAAC,EAAA,KACA,KAAAC,OACAC,gBAAA,CACAtC,GAAA,KAAAA,GACAuC,WAAA,KAAA/C,iBAEAuC,MAAA,SAAAS,GACA,KAAAA,EAAAC,OACA,KAAAD,EAAAzC,KAAA0C,OACAlB,YAAA,WACAa,EAAAM,QAAAC,SACA,MAGAP,EAAAM,QAAAC,KAAA,GACAP,EAAAQ,SAAAC,MAAA,SAGAT,EAAAQ,SAAAC,MAAAL,EAAAM,YAGAC,OAAA,SAAAC,GACAZ,EAAAQ,SAAAC,MAAAG,EAAAF,eCpG0W,I,wBCQtWG,EAAY,eACd,EACAvE,EACAe,GACA,EACA,KACA,WACA,MAIa,aAAAwD,E,6CCnBf,W","file":"static/js/chunk-666fa94a.ab4b95f5.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[(_vm.isDom)?_c('div',{ref:\"bill\",staticClass:\"bill-area\"},[_c('p',{staticClass:\"tit\"},[_vm._v(\" \"+_vm._s(_vm.labelInfo.productModel)+\" \"+_vm._s(_vm.labelInfo.specification)+\" \")]),_c('div',{ref:\"qrCodeDiv\",staticClass:\"code_box\",attrs:{\"id\":\"qrCode\"}})]):_c('div',{staticClass:\"canvas-bill\"},[_c('img',{attrs:{\"src\":_vm.canvasImageUrl,\"alt\":\"\"}})])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","// 模具\n<template>\n  <div>\n    <div class=\"bill-area\" ref=\"bill\" v-if=\"isDom\">\n      <p class=\"tit\">\n        {{ labelInfo.productModel }} {{ labelInfo.specification }}\n      </p>\n      <!-- <div class=\"info_box\">\n        <p class=\"item\">标签编号：{{ labelInfo.finishedProductNo }}</p>\n        <p class=\"item\">销售订单号：{{ labelInfo.orderNo }}</p>\n        <p class=\"item\">生产订单号：{{ labelInfo.finishedProductBatchNo }}</p>\n        <p class=\"item\">仓库编号：{{ labelInfo.wareHouseNo }}</p>\n        <p class=\"item\">批次号：{{ labelInfo.finishedProductBatchNo }}</p>\n        <p class=\"item\">长度：{{ labelInfo.length }}</p>\n      </div> -->\n      <div class=\"code_box\" id=\"qrCode\" ref=\"qrCodeDiv\"></div>\n    </div>\n    <div class=\"canvas-bill\" v-else>\n      <img :src=\"canvasImageUrl\" alt=\"\" />\n    </div>\n    <!-- <div class=\"save_btn\" @click=\"htmlToCanvas\">保存二维码图片</div> -->\n  </div>\n</template>\n\n<script>\nimport QRCode from \"qrcodejs2\";\nimport html2canvas from \"html2canvas\";\nexport default {\n  props: {\n    labelInfo: {\n      type: Object,\n      default: {},\n    },\n  },\n  name: \"Home\",\n  data() {\n    return {\n      isDom: true,\n      canvasImageUrl: \"\",\n      ip: window.localStorage.getItem(\"ip\") || \"\",\n    };\n  },\n  created() {\n    this.$nextTick(() => {\n      new QRCode(this.$refs.qrCodeDiv, {\n        text: this.labelInfo.finishedProductNo,\n        width: 140,\n        height: 140,\n        colorDark: \"#333333\", //二维码颜色\n        colorLight: \"#ffffff\", //二维码背景色\n        correctLevel: QRCode.CorrectLevel.L, //容错率，L/M/H\n      });\n    });\n  },\n  mounted() {\n    console.log(\"labelInfo\", this.labelInfo);\n    // // 二维码地址\n    // this.qrcodeUrl = data.data.inviteCodeAddress;\n    // // 调用html转化canvas函数\n    // this.htmlToCanvas();\n    setTimeout(() => {\n      this.htmlToCanvas();\n    }, 1000);\n  },\n  methods: {\n    htmlToCanvas() {\n      html2canvas(this.$refs.bill, {\n        background: \"#ffffff\", // 一定要添加背景颜色，否则出来的图片，背景全部都是透明的\n        dpi: 1080,\n      }).then((canvas) => {\n        let imageUrl = canvas.toDataURL(\"image/png\"); // 将canvas转成base64图片格式\n        this.canvasImageUrl = imageUrl;\n        this.isDom = false;\n        this.onPrinter();\n        // androidCallbackAction.print(imageUrl)\n      });\n    },\n\n    onPrinter() {\n      this.$axios\n        .printerImgPrint({\n          ip: this.ip,\n          fileBase64: this.canvasImageUrl,\n        })\n        .then((res) => {\n          if (res.status == 200) {\n            if (res.data.status == 200) {\n              setTimeout(() => {\n                this.$parent.onIn();\n              }, 3000);\n              // this.$message.success(\"打印成功\");\n            } else {\n              this.$parent.onIn(2);\n              this.$message.error(\"打印失败\");\n            }\n          } else {\n            this.$message.error(res.message);\n          }\n        })\n        .catch((err) => {\n          this.$message.error(err.message);\n        });\n    },\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.bill-area .info_box .item {\n  line-height: 40px;\n}\n</style>","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!./MJ.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!./MJ.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./MJ.vue?vue&type=template&id=4f2437d7&scoped=true&\"\nimport script from \"./MJ.vue?vue&type=script&lang=js&\"\nexport * from \"./MJ.vue?vue&type=script&lang=js&\"\nimport style0 from \"./MJ.vue?vue&type=style&index=0&id=4f2437d7&prod&lang=scss&scoped=true&\"\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  \"4f2437d7\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.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!./MJ.vue?vue&type=style&index=0&id=4f2437d7&prod&lang=scss&scoped=true&\""],"sourceRoot":""}