{"version":3,"sources":["webpack:///./src/moduleApi/ForeignerQrApi.js","webpack:///./src/views/admin/TravelPass/TravelPassQr.vue?e7e7","webpack:///src/views/admin/TravelPass/TravelPassQr.vue","webpack:///./src/views/admin/TravelPass/TravelPassQr.vue?4c1a","webpack:///./src/views/admin/TravelPass/TravelPassQr.vue","webpack:///./src/views/admin/TravelPass/TravelPassQr.vue?d21c"],"names":["moduleApi","moduleName","list","dataFilter","api","module","type","value","message","success","error","ApiService","findById","id","update","dataForm","updateVaccinationCertificate","updateRemoveVaccinationCertificate","create","approveVaccine","data","params","rejectVaccine","approveQR","rejectQR","approveCheckIn","tourist_card","rejectCheckIn","approveCheckOut","rejectCheckOut","submitDeclaration","checkQrCode","qrCode","checkExistedQrCode","viewAction","render","_vm","this","_h","$createElement","_c","_self","staticClass","staticStyle","_v","mData","checkHaveQR","checkShowQr","_e","attrs","dataDefault","qr","_s","trang_thai","renderStatus","class","hide","anh","fileUploadOption","AnhVisa","limit","accept","fn_uploadChangeAnhVisa","fn_uploadPreviewAnhVisa","fn_uploadRemoveAnhVisa","fn_uploadExceedAnhVisa","fileList","directives","name","rawName","on","$event","updateVisa","staticRenderFns","components","anh_id","dialogImageUrl","dialogVisible","methods","cho_cap_visa","cho_nhap_canh","da_nhap_canh","cho_duyet_vaccine","status","fn_uploadCheckFileSize","MethodService","toastr","info","file","url","khai_bao","ForeignerQrApi","mounted","$store","commit","checkQr","component"],"mappings":"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","file":"js/chunk-0e654350.893c9f78.js","sourcesContent":["import ApiService from \"../service/ApiService\";\r\n\r\nlet moduleApi = {};\r\nlet moduleName = \"foreigner_qr\";\r\n\r\nmoduleApi.list = (dataFilter) => {\r\n    let api = {\r\n        module: moduleName,\r\n        type: \"list\",\r\n        value: dataFilter,\r\n        message: {\r\n            success: \"\", //string | null | comment\r\n            error: \"\",  //string | null | comment\r\n        }\r\n    };\r\n    return ApiService(api);\r\n};\r\n\r\n\r\nmoduleApi.findById = (id) => {\r\n    let api = {\r\n        module: moduleName,\r\n        type: \"findById\",\r\n        value: { id: id },\r\n        message: {\r\n            success: \"\", //string | null | comment\r\n            error: \"\",  //string | null | comment\r\n        }\r\n    };\r\n    return ApiService(api);\r\n};\r\n\r\nmoduleApi.update = (dataForm) => {\r\n    let api = {\r\n        module: moduleName,\r\n        type: \"partialUpdate\",\r\n        value: dataForm,\r\n        message: {\r\n            success: \"hidden\", //string | null | comment\r\n            error: \"hidden\",  //string | null | comment\r\n        }\r\n    };\r\n    return ApiService(api);\r\n}\r\n\r\nmoduleApi.updateVaccinationCertificate = (dataForm) => {\r\n    let api = {\r\n        module: moduleName,\r\n        type: \"partialUpdate\",\r\n        value: dataForm,\r\n        message: {\r\n            success: \"Upload Vaccination certificate successfully\", //string | null | comment\r\n            error: \"Upload Vaccination certificate failed\",  //string | null | comment\r\n        }\r\n    };\r\n    return ApiService(api);\r\n}\r\n\r\nmoduleApi.updateRemoveVaccinationCertificate = (dataForm) => {\r\n  let api = {\r\n    module: moduleName,\r\n    type: \"partialUpdate\",\r\n    value: dataForm,\r\n    message: {\r\n      success: \"Remove Vaccination certificate successfully\", //string | null | comment\r\n      error: \"Remove Vaccination certificate failed\",  //string | null | comment\r\n    }\r\n  };\r\n  return ApiService(api);\r\n};\r\n\r\nmoduleApi.create = (dataForm) => {\r\n    let api = {\r\n        module: moduleName,\r\n        type: \"create\",\r\n        value: dataForm,\r\n        message: {\r\n            success: \"hidden\", //string | null | comment\r\n            error: \"\",  //string | null | comment\r\n        }\r\n    };\r\n    return ApiService(api);\r\n}\r\n\r\nmoduleApi.approveVaccine = (id, data) => {\r\n    let api = {\r\n        module: moduleName,\r\n        type: \"approveVaccine\",\r\n        value: data,\r\n        params: {\r\n            id\r\n        },\r\n        message: {\r\n            success: \"Duyệt thành công\", //string | null | comment\r\n            error: \"\",  //string | null | comment\r\n        }\r\n\r\n    };\r\n    return ApiService(api);\r\n};\r\n\r\nmoduleApi.rejectVaccine = (id, data) => {\r\n    let api = {\r\n        module: moduleName,\r\n        type: \"rejectVaccine\",\r\n        value: data,\r\n        params: {\r\n            id\r\n        },\r\n        message: {\r\n            success: \"Đã hủy mã\", //string | null | comment\r\n            error: \"\",  //string | null | comment\r\n        }\r\n\r\n    };\r\n    return ApiService(api);\r\n};\r\n\r\nmoduleApi.approveQR = (id, data) => {\r\n    let api = {\r\n        module: moduleName,\r\n        type: \"approveQr\",\r\n        value: data,\r\n        params: {\r\n            id\r\n        },\r\n        message: {\r\n            success: \"Cấp mã thành công\", //string | null | comment\r\n            error: \"\",  //string | null | comment\r\n        }\r\n\r\n    };\r\n    return ApiService(api);\r\n};\r\n\r\nmoduleApi.rejectQR = (id, data) => {\r\n    let api = {\r\n        module: moduleName,\r\n        type: \"rejectQr\",\r\n        value: data,\r\n        params: {\r\n            id\r\n        },\r\n        message: {\r\n            success: \"Đã hủy mã\", //string | null | comment\r\n            error: \"\",  //string | null | comment\r\n        }\r\n\r\n    };\r\n    return ApiService(api);\r\n};\r\n\r\nmoduleApi.approveCheckIn = (id, data, tourist_card) => {\r\n    let api = {\r\n        module: moduleName,\r\n        type: \"approveCheckIn\",\r\n        value: data,\r\n        params: {\r\n            id,\r\n            tourist_card\r\n        },\r\n        message: {\r\n            success: \"Thành công\", //string | null | comment\r\n            error: \"\",  //string | null | comment\r\n        }\r\n\r\n    };\r\n    return ApiService(api);\r\n};\r\n\r\nmoduleApi.rejectCheckIn = (id, data) => {\r\n    let api = {\r\n        module: moduleName,\r\n        type: \"rejectCheckIn\",\r\n        value: data,\r\n        params: {\r\n            id\r\n        },\r\n        message: {\r\n            success: \"Thành công\", //string | null | comment\r\n            error: \"\",  //string | null | comment\r\n        }\r\n\r\n    };\r\n    return ApiService(api);\r\n};\r\n\r\nmoduleApi.approveCheckOut = (id, data) => {\r\n    let api = {\r\n        module: moduleName,\r\n        type: \"approveCheckOut\",\r\n        value: data,\r\n        params: {\r\n            id\r\n        },\r\n        message: {\r\n            success: \"Thành công\", //string | null | comment\r\n            error: \"\",  //string | null | comment\r\n        }\r\n\r\n    };\r\n    return ApiService(api);\r\n};\r\n\r\nmoduleApi.rejectCheckOut = (id, data) => {\r\n    let api = {\r\n        module: moduleName,\r\n        type: \"rejectCheckOut\",\r\n        value: data,\r\n        params: {\r\n            id\r\n        },\r\n        message: {\r\n            success: \"Thành công\", //string | null | comment\r\n            error: \"\",  //string | null | comment\r\n        }\r\n\r\n    };\r\n    return ApiService(api);\r\n};\r\n\r\nmoduleApi.submitDeclaration = (id, data) => {\r\n    let api = {\r\n        module: moduleName,\r\n        type: \"submitDeclaration\",\r\n        value: data,\r\n        params: {\r\n            id\r\n        },\r\n        message: {\r\n            success: \"hidden\", //string | null | comment\r\n            error: \"\",  //string | null | comment\r\n        }\r\n\r\n    };\r\n    return ApiService(api);\r\n};\r\n\r\nmoduleApi.checkQrCode = (data) => {\r\n  let api = {\r\n    module: moduleName,\r\n    type: \"check_qrcode\",\r\n    value:{qrCode: data} ,\r\n    message: {\r\n        success: \"hidden\", //string | null | comment\r\n        error: \"hidden\",  //string | null | comment\r\n    }\r\n  }\r\n  return ApiService(api);\r\n};\r\n\r\nmoduleApi.checkExistedQrCode = (data) => {\r\n    let api = {\r\n        module: moduleName,\r\n        type: \"views\",\r\n        viewAction: \"count_existed_qr_code\",\r\n        value: data,\r\n        message: {\r\n            success: \"hidden\", //string | null | comment\r\n            error: \"hidden\",  //string | null | comment\r\n        }\r\n    }\r\n    return ApiService(api);\r\n}\r\n\r\nexport default moduleApi;\r\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"animated fadeIn\"},[_c('div',{staticClass:\"card\"},[_c('div',{staticClass:\"card-header main-card-header\"}),_c('div',{staticClass:\"card-body d-flex\",staticStyle:{\"min-height\":\"82.7vh\",\"flex-direction\":\"column\",\"padding\":\"30px 30px 50px 30px\"}},[_c('h2',{staticClass:\"uppercase text-center mt-5 mb-5 title\"},[_vm._v(\"\\n        QR COVID-19 Vaccination Certificate\\n      \")]),(!_vm.mData.checkHaveQR || !_vm.mData.checkShowQr)?_c('div',{staticClass:\"d-flex justify-content-center\",staticStyle:{\"flex-direction\":\"column\"}},[_c('h5',{staticClass:\"text-center\"},[_vm._v(\"You don't have any QR code\")])]):_vm._e(),(_vm.mData.checkShowQr)?_c('div',{staticClass:\"d-flex justify-content-center mt-3\",staticStyle:{\"flex-direction\":\"column\",\"align-items\":\"center\"}},[_c('QrCode',{attrs:{\"text\":_vm.mData.dataDefault.data && _vm.mData.dataDefault.data.qr\n              ? _vm.mData.dataDefault.data.qr\n              : ''}}),_c('h4',{staticClass:\"mt-3 id-name\"},[_vm._v(\"\\n          \"+_vm._s(_vm.mData.dataDefault.data && _vm.mData.dataDefault.data.qr\n              ? _vm.mData.dataDefault.data.qr\n              : \"\")+\"\\n        \")]),(_vm.mData.dataDefault.data.trang_thai != 'cho_nhap_visa')?_c('h5',{staticClass:\"mt-2 status\"},[_vm._v(\"\\n          \"+_vm._s(_vm.renderStatus())+\"\\n        \")]):_vm._e(),(_vm.mData.dataDefault.data.trang_thai == 'cho_nhap_visa')?_c('div',{staticClass:\"mt-4\"},[_c('el-upload',{class:{ hide: _vm.mData.dataDefault.anh },attrs:{\"action\":\"\",\"auto-upload\":false,\"drag\":\"\",\"limit\":_vm.mData.fileUploadOption.AnhVisa.limit,\"accept\":_vm.mData.fileUploadOption.AnhVisa.accept,\"on-change\":_vm.fn_uploadChangeAnhVisa,\"on-preview\":_vm.fn_uploadPreviewAnhVisa,\"on-remove\":_vm.fn_uploadRemoveAnhVisa,\"on-exceed\":_vm.fn_uploadExceedAnhVisa,\"file-list\":_vm.mData.fileUploadOption.AnhVisa.fileList,\"multiple\":false}},[(!_vm.mData.dataDefault.anh)?_c('div',[_c('i',{staticClass:\"el-icon-upload\"}),_c('div',{staticClass:\"el-upload__text\"},[_vm._v(\"\\n                Drop visa photo here or \"),_c('em',[_vm._v(\"click to upload\")])])]):_vm._e()]),(_vm.mData.dataDefault.anh)?_c('div',{staticClass:\"d-flex justify-content-center\"},[_c('el-image',{staticClass:\"visa-image\",attrs:{\"src\":_vm.mData.dataDefault.anh,\"lazy\":\"\"}})],1):_vm._e(),_c('div',{staticClass:\"button-box justify-content-center d-flex mt-2\"},[_c('el-button',{directives:[{name:\"ladda\",rawName:\"v-ladda\"}],attrs:{\"type\":\"info\",\"plain\":\"\"},on:{\"click\":function($event){return _vm.updateVisa()}}},[_vm._v(_vm._s(\"UPDATE VISA\"))])],1)],1):_vm._e()],1):_vm._e()])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"animated fadeIn\">\r\n    <div class=\"card\">\r\n      <div class=\"card-header main-card-header\">\r\n      </div>\r\n      <div\r\n        class=\"card-body d-flex\"\r\n        style=\"\r\n          min-height: 82.7vh;\r\n          flex-direction: column;\r\n          padding: 30px 30px 50px 30px;\r\n        \"\r\n      >\r\n        <h2\r\n          class=\"uppercase text-center mt-5 mb-5 title\"\r\n        >\r\n          QR COVID-19 Vaccination Certificate\r\n        </h2>\r\n\r\n        <div\r\n          class=\"d-flex justify-content-center\"\r\n          style=\"flex-direction: column\"\r\n          v-if=\"!mData.checkHaveQR || !mData.checkShowQr\"\r\n        >\r\n          <h5 class=\"text-center\">You don't have any QR code</h5>\r\n        </div>\r\n        <div\r\n          class=\"d-flex justify-content-center mt-3\"\r\n          style=\"flex-direction: column; align-items: center;\"\r\n          v-if=\"mData.checkShowQr\"\r\n        >\r\n          <QrCode\r\n            :text=\"\r\n              mData.dataDefault.data && mData.dataDefault.data.qr\r\n                ? mData.dataDefault.data.qr\r\n                : ''\r\n            \"\r\n          />\r\n          <h4 class=\"mt-3 id-name\">\r\n            {{\r\n              mData.dataDefault.data && mData.dataDefault.data.qr\r\n                ? mData.dataDefault.data.qr\r\n                : \"\"\r\n            }}\r\n          </h4>\r\n\r\n          <h5\r\n            class=\"mt-2 status\"\r\n            v-if=\"mData.dataDefault.data.trang_thai != 'cho_nhap_visa'\"\r\n          >\r\n            {{ renderStatus() }}\r\n          </h5>\r\n\r\n          <div\r\n            class=\"mt-4\"\r\n            v-if=\"mData.dataDefault.data.trang_thai == 'cho_nhap_visa'\"\r\n          >\r\n            <el-upload\r\n              action\r\n              :auto-upload=\"false\"\r\n              drag\r\n              :limit=\"mData.fileUploadOption.AnhVisa.limit\"\r\n              :accept=\"mData.fileUploadOption.AnhVisa.accept\"\r\n              :on-change=\"fn_uploadChangeAnhVisa\"\r\n              :on-preview=\"fn_uploadPreviewAnhVisa\"\r\n              :on-remove=\"fn_uploadRemoveAnhVisa\"\r\n              :on-exceed=\"fn_uploadExceedAnhVisa\"\r\n              :file-list=\"mData.fileUploadOption.AnhVisa.fileList\"\r\n              :multiple=\"false\"\r\n              :class=\"{ hide: mData.dataDefault.anh }\"\r\n            >\r\n              <div v-if=\"!mData.dataDefault.anh\">\r\n                <i class=\"el-icon-upload\"></i>\r\n                <div class=\"el-upload__text\">\r\n                  Drop visa photo here or <em>click to upload</em>\r\n                </div>\r\n              </div>\r\n            </el-upload>\r\n            <div\r\n              class=\"d-flex justify-content-center\"\r\n              v-if=\"mData.dataDefault.anh\"\r\n            >\r\n              <el-image class=\"visa-image\" :src=\"mData.dataDefault.anh\" lazy></el-image>\r\n            </div>\r\n            <div class=\"button-box justify-content-center d-flex mt-2\">\r\n              <el-button\r\n                type=\"info\"\r\n                plain\r\n                v-ladda\r\n                @click=\"updateVisa()\"\r\n                >{{ \"UPDATE VISA\" }}</el-button\r\n              >\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport ForeignerQrApi from \"../../../moduleApi/ForeignerQrApi\";\r\nimport MethodService from \"../../../service/MethodService\";\r\nimport QrCode from \"vue-qrcode-component\";\r\nimport ExtensionService from \"../../../service/ExtensionService\";\r\n\r\nexport default {\r\n  components: { QrCode },\r\n  data() {\r\n    return {\r\n      mData: {\r\n        checkHaveQR: false,\r\n        checkShowQr: false,\r\n        dataDefault: {\r\n          data: null,\r\n          anh: \"\",\r\n          anh_id: null,\r\n        },\r\n        fileUploadOption: {\r\n          AnhVisa: {\r\n            limit: 1,\r\n            accept: \".jpg, .png, .jpeg\",\r\n            dialogImageUrl: \"\",\r\n            dialogVisible: false,\r\n            fileList: [],\r\n          },\r\n        },\r\n      },\r\n    };\r\n  },\r\n  methods: {\r\n    async checkQr() {\r\n      try {\r\n        let res = await ForeignerQrApi.list({\r\n          filters: \"trang_thai:nin:da_xuat_canh,khong_hop_le\",\r\n        });\r\n        if (res.result && res.result.length > 0) {\r\n          this.mData.checkHaveQR = true;\r\n          this.mData.dataDefault.data = res.result[0];\r\n          if (\r\n            this.mData.dataDefault.data.trang_thai &&\r\n            [\r\n              \"cho_cap_visa\",\r\n              \"cho_nhap_visa\",\r\n              \"cho_nhap_canh\",\r\n              \"da_nhap_canh\",\r\n              \"cho_duyet_vaccine\"\r\n            ].includes(this.mData.dataDefault.data.trang_thai)\r\n          ) {\r\n            this.mData.checkShowQr = true;\r\n            if (\r\n              this.mData.dataDefault.data.trang_thai == \"cho_nhap_visa\" &&\r\n              this.mData.dataDefault.data.khai_bao &&\r\n              this.mData.dataDefault.data.khai_bao.anh_visa_id\r\n            ) {\r\n              this.mData.dataDefault.anh_id = this.mData.dataDefault.data.khai_bao.anh_visa_id;\r\n              this.mData.dataDefault.anh =\r\n                window.MyConfig.hostApi +\r\n                \"file/thumb?id=\" +\r\n                this.mData.dataDefault.data.khai_bao.anh_visa_id;\r\n            }\r\n          } else {\r\n            this.$router.push(\"/admin/TravelPass/declaration\");\r\n          }\r\n        } else {\r\n          this.$router.push(\"/admin/TravelPass/declaration\");\r\n        }\r\n      } catch (error) {\r\n        this.mData.checkHaveQR = false;\r\n      }\r\n      console.log(\"this.mData.dataDefault.data\",this.mData.dataDefault.data);\r\n    },\r\n    renderStatus() {\r\n      let status = {\r\n        cho_cap_visa: \"Waiting for issuing visa\",\r\n        cho_nhap_canh: \"Waiting for Checking-in\",\r\n        da_nhap_canh: \"Checked in\",\r\n        cho_duyet_vaccine: \"Waiting for approval Vaccine Certificate\"\r\n      };\r\n      return status[this.mData.dataDefault.data.trang_thai];\r\n    },\r\n\r\n    //upload ảnh\r\n    fn_uploadCheckFileSize(file) {\r\n      return MethodService.checkFileSize(file, 3);\r\n    },\r\n\r\n    fn_uploadRemoveAnhVisa(file, fileList) {\r\n      this.mData.dataDefault.anh = \"\";\r\n      this.mData.dataDefault.anh_id = null;\r\n      this.mData.fileUploadOption.AnhVisa.fileList = [];\r\n    },\r\n    async fn_uploadChangeAnhVisa(file, fileList) {\r\n      ExtensionService.upload(file, \"foreigner\")\r\n        .then((res) => {\r\n          this.mData.dataDefault.anh_id = res.result;\r\n          this.mData.dataDefault.anh =\r\n            window.MyConfig.hostApi + \"file/thumb?id=\" + res.result;\r\n        })\r\n        .catch((error) => {\r\n          toastr.error(\"An error occurred!\");\r\n          $.each(fileList, (i, el) => {\r\n            if (el.uid == file.uid) {\r\n              fileList.splice(i, 1);\r\n            }\r\n          });\r\n        });\r\n    },\r\n    fn_uploadExceedAnhVisa(files, fileList) {\r\n      toastr.info(\r\n        `Chỉ tải lên tối đa ${this.mData.fileUploadOption.AnhVisa.limit} file`\r\n      );\r\n    },\r\n    fn_uploadPreviewAnhVisa(file) {\r\n      this.mData.fileUploadOption.AnhVisa.dialogImageUrl = file.url;\r\n      this.mData.fileUploadOption.AnhVisa.dialogVisible = true;\r\n    },\r\n\r\n    updateVisa() {\r\n      if (!this.mData.dataDefault.anh_id) {\r\n        toastr.error(\"Please choose a photo\");\r\n        return;\r\n      }\r\n      let data = this.mData.dataDefault.data;\r\n      data.khai_bao[\"anh_visa_id\"] = this.mData.dataDefault.anh_id;\r\n      ForeignerQrApi.update(data)\r\n        .then((res) => {\r\n          toastr.success(\"Save successfully!\");\r\n          this.mData.dataDefault.data.trang_thai = \"cho_nhap_canh\";\r\n        })\r\n        .catch((error) => {\r\n          toastr.error(\"Save failed!\");\r\n        });\r\n    },\r\n  },\r\n  mounted() {\r\n    this.$store.commit(\"fn_checkChangePassword\");\r\n    this.checkQr();\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n@font-face {\r\n  font-family: UTM-Cafeta;\r\n  src: url(/fonts/UTM_Cafeta.ttf);\r\n}\r\n@font-face {\r\n  font-family: MYRIADPRO-REGULAR;\r\n  src: url(/fonts/MYRIADPRO-REGULAR.OTF);\r\n}\r\n.hide {\r\n  ::v-deep.el-upload.el-upload--text {\r\n    display: none;\r\n  }\r\n}\r\n.main-card-header{\r\n  position: fixed;\r\n  top: 60px;\r\n  width: 100%;\r\n  height: 43px;\r\n  z-index : 3;\r\n  background-color: #cdf3f8;\r\n  border-color: #cdf3f8;\r\n  display: flex;\r\n  align-items: center;\r\n}\r\n.title{\r\n  color: #0064b2;\r\n  font-family: MYRIADPRO-REGULAR;\r\n  font-weight: bold;\r\n  font-size: 24px;\r\n}\r\n.main-card-body{\r\n  position: relative;\r\n  top: 43px;\r\n}\r\n.visa-image{\r\n  max-width: 600px;\r\n}\r\n.id-name{\r\n  color: #0064b2;\r\n  font-family: MYRIADPRO-REGULAR;\r\n  font-weight: bold;\r\n  font-size: 18px;\r\n}\r\n.status{\r\n  color: #000000;\r\n  font-family: MYRIADPRO-REGULAR;\r\n  font-weight: bold;\r\n  font-size: 18px;\r\n}\r\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!./TravelPassQr.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!./TravelPassQr.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TravelPassQr.vue?vue&type=template&id=059d87ae&scoped=true&\"\nimport script from \"./TravelPassQr.vue?vue&type=script&lang=js&\"\nexport * from \"./TravelPassQr.vue?vue&type=script&lang=js&\"\nimport style0 from \"./TravelPassQr.vue?vue&type=style&index=0&id=059d87ae&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  \"059d87ae\",\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/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!./TravelPassQr.vue?vue&type=style&index=0&id=059d87ae&lang=scss&scoped=true&\""],"sourceRoot":""}