{"version":3,"sources":["webpack:///./src/pages/customer-support/cskh/account/qrCode.vue","webpack:///src/pages/customer-support/cskh/account/qrCode.vue","webpack:///./src/pages/customer-support/cskh/account/qrCode.vue?9763","webpack:///./src/pages/customer-support/cskh/account/qrCode.vue?cbb2","webpack:///./src/pages/customer-support/cskh/account/qrCode.vue?ee3b"],"names":["render","_vm","this","_c","_self","ref","staticClass","_l","qrArray","item","index","key","_v","_s","name","attrs","crossOrigin","margin","imageSize","qrCode","bankAccountNumber","bankCode","staticRenderFns","components","QRCodeStyling","data","created","$route","params","console","log","mounted","_this","length","changeStatusQr","$nextTick","_asyncToGenerator","_regeneratorRuntime","mark","_callee","wrap","_context","prev","next","window","print","setTimeout","$router","push","stop","methods","_this2","_callee2","_this2$qrArray","ids","Body","res","_context2","reduce","arr","qr","id","status","ChangeQrStatus","sent","result","error","t0","component"],"mappings":"8JAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,IAAI,cAAc,CAACF,EAAG,KAAK,CAACG,YAAY,WAAWL,EAAIM,GAAIN,EAAIO,SAAS,SAASC,EAAKC,GAAO,OAAOP,EAAG,KAAK,CAACQ,IAAID,GAAO,CAACP,EAAG,MAAM,CAACG,YAAY,QAAQ,CAACL,EAAIW,GAAGX,EAAIY,GAAGJ,EAAKK,SAASX,EAAG,MAAM,CAACG,YAAY,MAAM,CAACH,EAAG,gBAAgB,CAACY,MAAM,CAAC,aAAe,CAC5TC,YAAa,YACbC,OAAQ,GACRC,UAAW,IACX,KAAO,IAAI,KAAOT,EAAKU,WAAW,GAAGhB,EAAG,MAAM,CAACG,YAAY,QAAQ,CAACL,EAAIW,GAAGX,EAAIY,GAAGJ,EAAKW,sBAAsBjB,EAAG,MAAM,CAACG,YAAY,aAAa,CAACL,EAAIW,GAAGX,EAAIY,GAAGJ,EAAKY,kBAAiB,MAE7LC,EAAkB,G,gFCsBP,GAEfC,WAAA,CACAC,sBAEAC,KAAA,WACA,OAmBAjB,QAAA,KAIAkB,QAAA,WACA,KAAAlB,QAAA,KAAAmB,OAAAC,OAAApB,SAAA,GACAqB,QAAAC,IAAA,KAAAtB,UAEAuB,QAAA,eAAAC,EAAA,MAKA,KAAAxB,SAAA,KAAAA,QAAAyB,OAGA,KAAAC,iBACA,KAAAC,UAAAC,eAAAC,iBAAAC,MAAA,SAAAC,IAAA,OAAAF,iBAAAG,MAAA,SAAAC,GAAA,eAAAA,EAAAC,KAAAD,EAAAE,MAAA,cAAAF,EAAAE,KAAA,EACAC,OAAAC,QAAA,OACAC,YAAA,WACAd,EAAAe,QAAAC,KAAA,kCACA,6BAAAP,EAAAQ,UAAAV,SAGAW,QAAA,CACAhB,eAAA,eAAAiB,EAAA,YAAAf,eAAAC,iBAAAC,MAAA,SAAAc,IAAA,IAAAC,EAAAC,EAAAC,EAAAC,EAAA,OAAAnB,iBAAAG,MAAA,SAAAiB,GAAA,eAAAA,EAAAf,KAAAe,EAAAd,MAAA,OAUA,OAVAc,EAAAf,KAAA,EAGAY,EAAA,QAAAD,EAAAF,EAAA3C,eAAA,IAAA6C,OAAA,EAAAA,EAAAK,QAAA,SAAAC,EAAAC,GAEA,OADAD,EAAAX,KAAAY,EAAAC,IACAF,IACA,IACAJ,EAAA,CACAO,OAAA,UACAR,OACAG,EAAAd,KAAA,EACAoB,eAAAR,GAAA,OAAAC,EAAAC,EAAAO,KAEAR,EAAAS,OACApC,QAAAC,IAAA,2CAEAD,QAAAqC,MAAA,6BACAT,EAAAd,KAAA,gBAAAc,EAAAf,KAAA,EAAAe,EAAAU,GAAAV,EAAA,YAEA5B,QAAAqC,MAAA,mBAAAT,EAAAU,IAAA,yBAAAV,EAAAR,UAAAG,EAAA,iBAnBAhB,MC9E4X,I,wBCQxXgC,EAAY,eACd,EACApE,EACAsB,GACA,EACA,KACA,WACA,MAIa,aAAA8C,E,2CCnBf","file":"js/chunk-2410cbde.59361076.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{ref:\"qrCodeArea\"},[_c('ul',{staticClass:\"list-qr\"},_vm._l((_vm.qrArray),function(item,index){return _c('li',{key:index},[_c('div',{staticClass:\"name\"},[_vm._v(_vm._s(item.name))]),_c('div',{staticClass:\"qr\"},[_c('QRCodeStyling',{attrs:{\"imageOptions\":{\n            crossOrigin: 'anonymous',\n            margin: 10,\n            imageSize: 0.5,\n          },\"size\":300,\"data\":item.qrCode}})],1),_c('div',{staticClass:\"bank\"},[_vm._v(_vm._s(item.bankAccountNumber))]),_c('div',{staticClass:\"bank-name\"},[_vm._v(_vm._s(item.bankCode))])])}),0)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div ref=\"qrCodeArea\">\n    <ul class=\"list-qr\">\n      <li v-for=\"(item, index) in qrArray\" :key=\"index\">\n        <div class=\"name\">{{ item.name }}</div>\n        <div class=\"qr\">\n          <QRCodeStyling\n            :imageOptions=\"{\n              crossOrigin: 'anonymous',\n              margin: 10,\n              imageSize: 0.5,\n            }\"\n            :size=\"300\"\n            :data=\"item.qrCode\"\n          />\n        </div>\n        <div class=\"bank\">{{ item.bankAccountNumber }}</div>\n        <div class=\"bank-name\">{{ item.bankCode }}</div>\n      </li>\n    </ul>\n  </div>\n</template>\n\n<script>\n// import VueQrcode from 'vue-qrcode-component';\nimport { ChangeQrStatus } from \"@/services/customer-support/account\";\nimport QRCodeStyling from \"./qrCodeStyling.vue\";\n\nexport default {\n  // props: ['qrArray'],\n  components: {\n    QRCodeStyling,\n  },\n  data() {\n    return {\n      // list: [{\n      //   name: 'HP Shop',\n      //   qrCode: '00020101021138540010A00000072701240006970407011056906886680208QRIBFTTA53037045802VN63042346',\n      //   accountId: '5690688668',\n      //   bankName: 'Mạc Văn Tân',\n      // },\n      // {\n      //   name: 'HP Star',\n      //   qrCode: '00020101021138540010A00000072701240006970407011056906886680208QRIBFTTA53037045802VN63042346',\n      //   accountId: '5690688668',\n      //   bankName: 'Mạc Văn Tân',\n      // },\n      // {\n      //   name: 'Mạc Văn Tân',\n      //   qrCode: '00020101021138580010A000000727012800069704070114190322856820100208QRIBFTTA53037045802VN8300840063047008',\n      //   accountId: '19032285682010',\n      //   bankName: 'Techcombank',\n      // }],\n      qrArray: [],\n    };\n  },\n\n  created() {\n    this.qrArray = this.$route.params.qrArray || [];\n    console.log(this.qrArray);\n  },\n  mounted() {\n    // window.setData = (data) => {\n    //   this.qrArray = data\n    //   console.log(data)\n    // }\n    if (!this.qrArray || this.qrArray.length === 0) {\n      // this.$router.push(`/customer-support/account-qr`);\n    }\n    this.changeStatusQr();\n    this.$nextTick(async() => {\n      await window.print();\n    setTimeout(() => {\n      this.$router.push(`/customer-support/account-qr`);\n    }, 1000)\n    });\n  },\n  methods: {\n    async changeStatusQr() {\n      try {\n        // Giả lập gọi API để đổi trạng thái\n        const ids = this.qrArray?.reduce((arr, qr) => {\n          arr.push(qr.id);\n          return arr;\n        }, []);\n        const Body = {\n          status: \"PRINTED\",\n          ids: ids,\n        };\n        const res = await ChangeQrStatus(Body);\n\n        if (res.result) {\n          console.log(\"Trạng thái QR đã được đổi thành printed\");\n        } else {\n          console.error(\"Lỗi khi đổi trạng thái QR\");\n        }\n      } catch (error) {\n        console.error(\"Lỗi khi gọi API:\", error);\n      }\n    },\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\nul.list-qr {\n  padding-left: 0;\n  list-style: none;\n  width: 100%;\n  margin: 0 auto;\n  text-align: center;\n\n  li {\n    clear: both;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n\n    // width: 1000px;\n    // height: calc(100vh);\n    // overflow: hidden;\n    .name {\n      width: 100%;\n      font-size: 120px;\n      font-weight: 600;\n      text-align: center;\n      overflow: hidden;\n      white-space: nowrap;\n      text-overflow: ellipsis;\n    }\n\n    .qr {\n      display: flex;\n      justify-content: center;\n      margin-top: 20px;\n    }\n\n    .bank {\n      width: 100%;\n      font-weight: 600;\n      font-size: 90px;\n      text-align: center;\n      margin-top: 20px;\n      overflow: hidden;\n      white-space: nowrap;\n      text-overflow: ellipsis;\n    }\n\n    .bank-name {\n      width: 100%;\n      font-size: 80px;\n      text-align: center;\n      overflow: hidden;\n      white-space: nowrap;\n      text-overflow: ellipsis;\n    }\n  }\n}\n</style>\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!./qrCode.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!./qrCode.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./qrCode.vue?vue&type=template&id=18f181f3&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=18f181f3&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  \"18f181f3\",\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!./qrCode.vue?vue&type=style&index=0&id=18f181f3&prod&lang=scss&scoped=true\""],"sourceRoot":""}