{"version":3,"file":"528.js","sources":["webpack:///src/views/projectSettings/regionManage/qrcode.vue","webpack:///./src/views/projectSettings/regionManage/qrcode.vue","webpack:///./src/views/projectSettings/regionManage/qrcode.vue?a572","webpack:///./src/views/projectSettings/regionManage/qrcode.vue?9af2","webpack:///./src/views/projectSettings/regionManage/qrcode.vue?2435","webpack:///./src/views/projectSettings/regionManage/qrcode.vue?ab9a","webpack:///./src/views/projectSettings/regionManage/qrcode.vue?cf49"],"sourcesContent":["<template>\n  <el-dialog\n    :title=\"'扫描二维码'\"\n    :modal-append-to-body=\"false\"\n    :close-on-click-modal=\"false\"\n    :visible.sync=\"showDialog\"\n    width=\"40%\"\n    :custom-class=\"'qrcodeDialog'\"\n    @close=\"closeDialog\"\n  >\n    <!-- <div id=\"qrCode\" ref=\"qrCodeDiv\" class=\"qrcodeDiv\"></div> -->\n    <div class=\"qrcodeBox\" ref=\"qrcodeBox\">\n      <img :src=\"qrcodeSrc\" :style=\"{width:isEnLarge?'300px':'200px',height:isEnLarge?'300px':'200px'}\" alt=\"\">\n      <div class=\"qrcodeBox_text\">{{ qrcodeText }}</div>\n      <div class=\"qrcodeBox_text\">{{ qrcodeCode }}</div>\n      <!-- <el-image :src=\"qrcodeSrc\" style=\"width: 200px;height:200px\"></el-image> -->\n    </div>\n\n  </el-dialog>\n</template>\n<script>\nimport html2canvas from \"html2canvas\";\nimport QRCode from \"qrcodejs2\";\nexport default {\n  data() {\n    return {\n      showDialog: false,\n      qrcodeText:'',\n      qrcodeCode:'',\n      qrcodeSrc:'',\n      isEnLarge: false\n    };\n  },\n  methods: {\n    init(qrcodeSrc,qrcodeText,prjCode,type,isEnLarge=false) {\n      this.showDialog = true;\n      this.qrcodeText = qrcodeText\n      this.qrcodeCode = prjCode\n      this.qrcodeSrc = qrcodeSrc\n      this.isEnLarge = isEnLarge\n      if(isEnLarge) return\n      // this.bindQRCode()\n      this.$nextTick(()=>{\n        if(type == 'haveTitle'){\n          this.downloadHaveTitle()\n        } else {\n          this.downloadImg()\n        }\n      })\n\n    },\n    closeDialog() {\n      this.showDialog = false;\n    },\n    bindQRCode() {\n      // this.$nextTick(() => {\n      //   document.getElementById(\"qrCode\").innerHTML = \"\"; //避免多次生成重复的二维码\n      //   // console.log(\"显示二维码的元素(div)=\" + this.$refs.qrCodeDiv);\n      //   this.qrcode = new QRCode(this.$refs.qrCodeDiv, {\n      //     text: this.qrcodeText, // 二维码要展示的内容\n      //     width: 200,\n      //     height: 200,\n      //     colorDark: \"#333333\", //二维码颜色\n      //     colorLight: \"#ffffff\", //二维码背景色\n      //     correctLevel: QRCode.CorrectLevel.L, //容错率，L/M/H\n      //   });\n      // });\n    },\n    downloadImg() {\n      // 创建一个链接元素\n      var link = document.createElement(\"a\");\n      link.href = this.qrcodeSrc;\n      // 设置下载的文件名\n      link.download = this.qrcodeText;\n      // 触发链接点击\n      link.click();\n    },\n\n    downloadHaveTitle () {\n        html2canvas(this.$refs.qrcodeBox).then(canvas=>{\n        // 创建一个图片元素\n        var img = canvas.toDataURL(\"image/png\");\n        // 创建一个链接元素\n        var link = document.createElement(\"a\");\n        link.href = img;\n        // 设置下载的文件名\n        link.download = this.qrcodeText;\n        // 触发链接点击\n        link.click();\n      });\n    }\n\n  },\n};\n</script>\n<style scoped lang=\"scss\">\n// ::v-deep .el-dialog{\n//   visibility: hidden;\n// }\n::v-deep .qrcodeDialog .el-dialog__body{\n    width: 100%;\n    height: 100%;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    box-sizing: border-box;\n}\n.qrcodeBox{\n  width:100%;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  padding-bottom: 20px;\n}\n.qrcodeBox_text{\n  line-height: 30px;\n}\n.qrcodeDiv{\n    width: 200px;\n    height: 200px;\n}\n</style>\n","var render = function render() {\n  var _vm = this,\n    _c = _vm._self._c\n  return _c(\n    \"el-dialog\",\n    {\n      attrs: {\n        title: \"扫描二维码\",\n        \"modal-append-to-body\": false,\n        \"close-on-click-modal\": false,\n        visible: _vm.showDialog,\n        width: \"40%\",\n        \"custom-class\": \"qrcodeDialog\",\n      },\n      on: {\n        \"update:visible\": function ($event) {\n          _vm.showDialog = $event\n        },\n        close: _vm.closeDialog,\n      },\n    },\n    [\n      _c(\"div\", { ref: \"qrcodeBox\", staticClass: \"qrcodeBox\" }, [\n        _c(\"img\", {\n          style: {\n            width: _vm.isEnLarge ? \"300px\" : \"200px\",\n            height: _vm.isEnLarge ? \"300px\" : \"200px\",\n          },\n          attrs: { src: _vm.qrcodeSrc, alt: \"\" },\n        }),\n        _c(\"div\", { staticClass: \"qrcodeBox_text\" }, [\n          _vm._v(_vm._s(_vm.qrcodeText)),\n        ]),\n        _c(\"div\", { staticClass: \"qrcodeBox_text\" }, [\n          _vm._v(_vm._s(_vm.qrcodeCode)),\n        ]),\n      ]),\n    ]\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","// extracted by mini-css-extract-plugin\n    if(module.hot) {\n      // 1739954828236\n      var cssReload = require(\"/var/jenkins_home/workspace/181_hse_web/node_modules/mini-css-extract-plugin/dist/hmr/hotModuleReplacement.js\")(module.id, {\"hmr\":true,\"publicPath\":\"../../\",\"locals\":false});\n      module.hot.dispose(cssReload);\n      module.hot.accept(undefined, cssReload);\n    }\n  ","import { render, staticRenderFns } from \"./qrcode.vue?vue&type=template&id=1d722e07&scoped=true\"\nimport script from \"./qrcode.vue?vue&type=script&lang=js\"\nexport * from \"./qrcode.vue?vue&type=script&lang=js\"\nimport style0 from \"./qrcode.vue?vue&type=style&index=0&id=1d722e07&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  \"1d722e07\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"/var/jenkins_home/workspace/181_hse_web/node_modules/vue-hot-reload-api/dist/index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('1d722e07')) {\n      api.createRecord('1d722e07', component.options)\n    } else {\n      api.reload('1d722e07', component.options)\n    }\n    module.hot.accept(\"./qrcode.vue?vue&type=template&id=1d722e07&scoped=true\", function () {\n      api.rerender('1d722e07', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/views/projectSettings/regionManage/qrcode.vue\"\nexport default component.exports","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../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!./qrcode.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../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!./qrcode.vue?vue&type=script&lang=js\"","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!./qrcode.vue?vue&type=style&index=0&id=1d722e07&scoped=true&lang=scss\"","export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js?{\\\"cacheDirectory\\\":\\\"node_modules/.cache/vue-loader\\\",\\\"cacheIdentifier\\\":\\\"bdb7defc-vue-loader-template\\\"}!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./qrcode.vue?vue&type=template&id=1d722e07&scoped=true\""],"mappings":";;;;;;;;;;AAqBA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;;;;;;;;;;;;AC7FA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AAAA;AAGA;AAAA;AAMA;AACA;AACA;;;;;;;;;;;;ACzCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;ACPA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;ACvCA;AAAA;AAAA;;;;;;;;;;;;ACAA;AAAA;AAAA;AAAA;;;;;;;;;;;;;ACAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;;A","sourceRoot":""}