{"version":3,"sources":["webpack:///./src/views/pages/exhibition/exhibition-transport/exhibition-transport.vue?3fa6","webpack:///src/views/pages/exhibition/exhibition-transport/exhibition-transport.vue","webpack:///./src/views/pages/exhibition/exhibition-transport/exhibition-transport.vue?b01c","webpack:///./src/views/pages/exhibition/exhibition-transport/exhibition-transport.vue","webpack:///./src/components/Contact/Contact.vue?6af0","webpack:///src/components/Contact/Contact.vue","webpack:///./src/components/Contact/Contact.vue?b2d5","webpack:///./src/components/Contact/Contact.vue","webpack:///./src/components/Contact/Contact.vue?096c","webpack:///./src/views/pages/exhibition/exhibition-transport/exhibition-transport.vue?a958","webpack:///./src/views/pages/exhibition/exhibition-transport/exhibition-transport.vue?5c0d"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","typeList","attrs","_l","item","index","key","_s","name","description","upFileUrl","_e","isNeedReceipt","receiptUrl","ref","refInFor","event","len","arguments","length","handleSuccess","formHeaders","handleBeforeUpload","uploadUrl","fileType","formatError","handleMaxSize","uploading","on","$event","delItem","editInfo","staticStyle","staticRenderFns","data","num","uploadList","defaultList","components","Contact","created","init","computed","mapGetters","company","exhibition","option","exhibitionId","type","option2","compId","methods","mapActions","getExhibitionBaseNeedSettleByType","getCompanyBaseNeedFileGetByCompId","addCompanyBaseNeedFile","delCompanyBaseNeedFile","result","res","v","console","list","addHandle","check","$Message","warning","url","filePath","ext","opt","fileName","companyName","txt","file","setTimeout","component","visible","contactData","getStaff"],"mappings":"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","file":"static/js/chunk-571b8996.c6d595ee.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"ecb\"},[_c('div',{staticClass:\"header-tool\"},[_c('div',{staticClass:\"header-tool-info\"},[_c('Breadcrumb',[_c('BreadcrumbItem',[_vm._v(\"运输服务\")])],1)],1)]),_c('div',{staticClass:\"box\"},[(_vm.typeList.length)?_c('Row',{attrs:{\"gutter\":30}},_vm._l((_vm.typeList),function(item,index){return _c('Col',{key:index,attrs:{\"span\":\"8\"}},[_c('div',{staticClass:\"card\"},[_c('div',{staticClass:\"top\"},[_vm._v(_vm._s(item.name))]),_c('div',{staticClass:\"content\"},[_c('h4',[_vm._v(_vm._s(item.description))]),(item.upFileUrl)?_c('p',[_c('a',{attrs:{\"href\":item.upFileUrl,\"target\":\"blank\"}},[_vm._v(\"下载\"+_vm._s(item.name))])]):_vm._e(),(item.isNeedReceipt && !item.receiptUrl)?_c('Upload',{ref:\"upload\",refInFor:true,attrs:{\"on-success\":function () {\nvar event = [], len = arguments.length;\nwhile ( len-- ) event[ len ] = arguments[ len ];\n _vm.handleSuccess(event, item)},\"headers\":_vm.formHeaders,\"before-upload\":_vm.handleBeforeUpload,\"action\":_vm.uploadUrl,\"format\":_vm.fileType,\"on-format-error\":_vm.formatError,\"on-exceeded-size\":_vm.handleMaxSize,\"max-size\":51200}},[_c('Button',{attrs:{\"icon\":\"ios-cloud-upload-outline\",\"type\":\"primary\",\"disabled\":_vm.uploading}},[_vm._v(\"上传\"+_vm._s(item.name))])],1):_vm._e(),(item.receiptUrl)?_c('div',{staticClass:\"delBtn\",on:{\"click\":function($event){return _vm.delItem(item.editInfo)}}},[_c('span',{staticClass:\"left\"},[_vm._v(_vm._s(item.name)+_vm._s(item.fileType ? \".\" +  item.fileType : ''))]),_c('span',{staticClass:\"right\"},[_vm._v(\"删除\")])]):_vm._e()],1)])])}),1):_c('div',{staticStyle:{\"line-height\":\"500px\",\"text-align\":\"center\"}},[_vm._v(\"暂无数据\")])],1),_c('Contact')],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template> \r\n  <div class=\"ecb\">\r\n    <div class=\"header-tool\">\r\n      <div class=\"header-tool-info\">\r\n        <Breadcrumb>\r\n          <BreadcrumbItem>运输服务</BreadcrumbItem>\r\n        </Breadcrumb> \r\n      </div>\r\n    </div>\r\n    <div class=\"box\">\r\n      <Row v-if=\"typeList.length\" :gutter=\"30\">\r\n        <Col span=\"8\" v-for=\"(item, index) in typeList\" :key=\"index\">\r\n        <div class=\"card\">\r\n          <div class=\"top\">{{item.name}}</div>\r\n          <div class=\"content\">\r\n            <h4>{{item.description}}</h4>\r\n            <p v-if=\"item.upFileUrl\"><a :href=\"item.upFileUrl\" target=\"blank\">下载{{item.name}}</a></p>\r\n            <Upload v-if=\"item.isNeedReceipt && !item.receiptUrl\" ref=\"upload\" :on-success=\"(...event) =>{ handleSuccess(event, item)}\" :headers=\"formHeaders\" :before-upload=\"handleBeforeUpload\" :action=\"uploadUrl\" :format=\"fileType\" :on-format-error=\"formatError\" :on-exceeded-size=\"handleMaxSize\" :max-size=\"51200\">\r\n              <Button icon=\"ios-cloud-upload-outline\" type=\"primary\" :disabled=\"uploading\">上传{{item.name}}</Button>\r\n            </Upload>\r\n            <div class=\"delBtn\" v-if=\"item.receiptUrl\" @click=\"delItem(item.editInfo)\"><span class=\"left\">{{item.name}}{{item.fileType ? \".\" +  item.fileType : '' }}</span><span class=\"right\">删除</span></div>\r\n          </div>\r\n        </div>\r\n        </Col>\r\n      </Row>\r\n      <div v-else style=\"line-height:500px;text-align:center;\">暂无数据</div>\r\n    </div>\r\n    <Contact />\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n\r\nimport Contact from \"@components/Contact/Contact\";\r\nimport { mapGetters, mapActions } from \"vuex\";\r\n\r\nexport default {\r\n  name: \"exhibition-transport\",\r\n  data () {\r\n    return {\r\n      num: 0,\r\n      typeList: [],\r\n      uploadList: [],\r\n      // 下载需求表、承诺书、展位装修、运输服务、会展会务服务\r\n      // Enum:[ 0, 1, 2, 3, 4 ]\r\n      fileType: [\r\n        \"doc\",\r\n        \"docx\",\r\n        \"png\",\r\n        \"jpg\",\r\n        \"jpeg\",\r\n        \"pdf\",\r\n        \"ppt\",\r\n        \"pptx\",\r\n        \"txt\",\r\n        \"unkown\",\r\n        \"xls\",\r\n        \"xlsx\",\r\n        \"zip\",\r\n        \"js\",\r\n        \"json\",\r\n        \"zip\",\r\n        \"txt\",\r\n        \"psd\"\r\n      ],\r\n      defaultList: [],\r\n      uploading: false,\r\n    };\r\n  },\r\n  components: {\r\n    Contact\r\n  },\r\n  created () {\r\n    this.init();\r\n  },\r\n  computed: {\r\n    ...mapGetters({\r\n      uploadUrl: \"getUploadUrl2\",\r\n      formHeaders: \"getFormHeaders\",\r\n      company: \"loginModule/getCompany\",\r\n      exhibition: \"loginModule/getExhibition\"\r\n    }),\r\n    option () {\r\n      return {\r\n        exhibitionId: this.exhibition.id,\r\n        type: 3,\r\n      }\r\n    },\r\n    option2 () {\r\n      return {\r\n        exhibitionId: this.exhibition.id,\r\n        compId: this.company.id,\r\n      }\r\n    },\r\n  },\r\n  methods: {\r\n    ...mapActions({\r\n      getExhibitionBaseNeedSettleByType: \"hostNeed/getExhibitionBaseNeedSettleByType\",\r\n      getCompanyBaseNeedFileGetByCompId: \"hostNeed/getCompanyBaseNeedFileGetByCompId\",\r\n      addCompanyBaseNeedFile: \"hostNeed/addCompanyBaseNeedFile\",\r\n      delCompanyBaseNeedFile: \"hostNeed/delCompanyBaseNeedFile\",\r\n    }),\r\n    async init () {\r\n      let result = await this.getExhibitionBaseNeedSettleByType(this.option);\r\n      let res = await this.getCompanyBaseNeedFileGetByCompId(this.option2);\r\n      res.forEach(c => {\r\n        result.map(v => {\r\n          if (v.name === c.name && v.type === c.type) {\r\n            v.receiptUrl = c.receiptUrl;\r\n            v.fileType = c.fileType;\r\n            v.editInfo = c;\r\n          }\r\n        });\r\n      });\r\n      if (result.length) {\r\n        this.typeList = result;\r\n      }\r\n      console.log('getExhibitionBaseNeedSettleByType', this.typeList);\r\n    },\r\n    // 上传成功\r\n    handleSuccess (res, item) {\r\n      this.uploading = false;\r\n      if (res && res[0].list) {\r\n        this.addHandle(item, res[0].list[0]);\r\n      }\r\n    },\r\n    // 上传数量\r\n    handleBeforeUpload () {\r\n      const limitNum = 1;\r\n      const check = this.uploadList.length < limitNum;\r\n      if (!check) {\r\n        this.$Message.warning(`一次最多上传${limitNum}个文件`);\r\n      }\r\n      if (check) {\r\n        this.uploading = true;\r\n      }\r\n      return check;\r\n    },\r\n    async addHandle (item, url) {\r\n      var filePath = url;\r\n      var index = filePath.lastIndexOf(\".\");\r\n      var ext = filePath.substr(index + 1);\r\n      let opt = {\r\n        exhibitionId: this.exhibition.id,\r\n        compId: this.company.id,\r\n        receiptUrl: url,\r\n        type: item.type,\r\n        name: item.name,\r\n        fileName: item.name,\r\n        companyName: this.company.name,\r\n        fileType: ext,\r\n      }\r\n      let result = await this.addCompanyBaseNeedFile(opt);\r\n      if (result && result.successed) {\r\n        this.loading = false;\r\n        this.$Message.success(\"上传成功！\");\r\n        this.init();\r\n      } else {\r\n        this.loading = false;\r\n        let txt = '上传失败，请重新尝试';\r\n        this.$Message.error(txt);\r\n      }\r\n\r\n    },\r\n    handleMaxSize (file) {\r\n      this.uploading = false;\r\n      this.$Message.warning(`文件大小超过限制, 请上传小于50M以下的文件`);\r\n    },\r\n    formatError (file) {\r\n      this.uploading = false;\r\n      this.$Message.warning(`文件格式错误，请重新上传`);\r\n    },\r\n    async delItem (item) {\r\n      let result = await this.delCompanyBaseNeedFile(item.id);\r\n      if (result.successed) {\r\n        this.$Message.success(\"删除成功\");\r\n        setTimeout(() => {\r\n          this.init();\r\n        }, 300);\r\n      } else {\r\n        this.$Message.error(\"删除失败，请重新尝试\");\r\n      }\r\n    },\r\n  }\r\n};\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n.box {\r\n  min-width: 1200px;\r\n  padding: 30px;\r\n}\r\n.card {\r\n  height: 290px;\r\n  background-color: #fff;\r\n  .top {\r\n    height: 50px;\r\n    line-height: 50px;\r\n    border-bottom: 1px solid #e8e8e8;\r\n    padding: 0 24px;\r\n    font-size: 16px;\r\n    color: #262626;\r\n  }\r\n  .content {\r\n    text-align: center;\r\n    p {\r\n      margin-bottom: 39px;\r\n      font-size: 16px;\r\n      color: #00a0e9;\r\n      padding-top: 20px;\r\n    }\r\n    h4 {\r\n      font-size: 14px;\r\n      height: 54px;\r\n      display: flex;\r\n      align-items: center;\r\n      color: #666;\r\n      font-weight: normal;\r\n      text-align: left;\r\n      padding: 0 24px;\r\n    }\r\n  }\r\n}\r\n.delBtn {\r\n  display: inline-block;\r\n  padding: 6px 10px;\r\n  background-color: #f7f7f7;\r\n  font-size: 14px;\r\n  .left {\r\n    color: #333;\r\n    position: relative;\r\n    padding-right: 10px;\r\n    &::before {\r\n      position: absolute;\r\n      right: 0;\r\n      top: 50%;\r\n      margin-top: -12px;\r\n      content: \"\";\r\n      width: 1px;\r\n      height: 24px;\r\n      background-color: #e6e6e6;\r\n    }\r\n  }\r\n  .right {\r\n    color: #d31c28;\r\n    cursor: pointer;\r\n    padding-left: 10px;\r\n  }\r\n}\r\n</style>\r\n<style lang=\"scss\">\r\n.inline-txt {\r\n  max-width: 200px;\r\n  overflow: hidden;\r\n  white-space: nowrap;\r\n  text-overflow: ellipsis;\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!./exhibition-transport.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!./exhibition-transport.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./exhibition-transport.vue?vue&type=template&id=677d4c2e&scoped=true&\"\nimport script from \"./exhibition-transport.vue?vue&type=script&lang=js&\"\nexport * from \"./exhibition-transport.vue?vue&type=script&lang=js&\"\nimport style0 from \"./exhibition-transport.vue?vue&type=style&index=0&id=677d4c2e&scoped=true&lang=scss&\"\nimport style1 from \"./exhibition-transport.vue?vue&type=style&index=1&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  \"677d4c2e\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (false)?_c('div',{staticClass:\"contact-box\"},[_c('div',{staticClass:\"contact\",on:{\"click\":function($event){_vm.visible = !_vm.visible}}},[_c('img',{attrs:{\"src\":require(\"@assets/img/exhibition/contact.png\"),\"alt\":\"联系我们\"}}),_c('span',[_vm._v(\"联系我们\")])]),(_vm.visible)?_c('div',{staticClass:\"msgbox clear ng-star-inserted\"},[_vm._m(0)]):_vm._e(),(_vm.visible)?_c('div',{staticClass:\"msgbox-mask\",on:{\"click\":function($event){$event.stopPropagation();_vm.visible = false}}}):_vm._e()]):_vm._e()}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"main\"},[_c('div',{staticClass:\"title\"},[_c('h2',[_vm._v(\"您的专属客服：吴美涓\")])]),_c('p',{staticClass:\"time\"},[_vm._v(\"服务时间（9:00-20:00）\")]),_c('p',{staticClass:\"phone\"},[_c('i',{staticClass:\"icon iconfont icon-dianhua2\"}),_vm._v(\"13564634849\\r\\n        \")]),_c('div',{staticClass:\"btn\"},[_c('i',{staticClass:\"icon iconfont icon-qq\"}),_vm._v(\"\\r\\n          QQ咨询\\r\\n        \")]),_c('div',{staticClass:\"qr-code\"},[_c('div',{staticClass:\"serve-code ng-star-inserted\"},[_c('img',{attrs:{\"alt\":\"二维码\",\"src\":\"https://exshow.oss-cn-shanghai.aliyuncs.com/exshow/imgs/201909/2ee63a0fc82b4976ba61ff02aa760ad1.jpeg\"}}),_c('span',[_vm._v(\"客服微信\")])])])])}]\n\nexport { render, staticRenderFns }","<template>\r\n<!--  v-if=\"contactData\" -->\r\n  <div class=\"contact-box\" v-if=\"false\">\r\n    <div class=\"contact\" @click=\"visible = !visible\">\r\n      <img src=\"@assets/img/exhibition/contact.png\" alt=\"联系我们\" />\r\n      <span>联系我们</span>\r\n    </div>\r\n    <div class=\"msgbox clear ng-star-inserted\" v-if=\"visible\">\r\n      <div class=\"main\">\r\n        <div class=\"title\">\r\n          <h2>您的专属客服：吴美涓</h2>\r\n        </div>\r\n        <p class=\"time\">服务时间（9:00-20:00）</p>\r\n        <p class=\"phone\">\r\n          <i class=\"icon iconfont icon-dianhua2\"></i>13564634849\r\n        </p>\r\n        <div class=\"btn\">\r\n          <i class=\"icon iconfont icon-qq\"></i>\r\n          QQ咨询\r\n        </div>\r\n        <div class=\"qr-code\">\r\n          <div class=\"serve-code ng-star-inserted\">\r\n            <img\r\n              alt=\"二维码\"\r\n              src=\"https://exshow.oss-cn-shanghai.aliyuncs.com/exshow/imgs/201909/2ee63a0fc82b4976ba61ff02aa760ad1.jpeg\"\r\n            />\r\n            <span>客服微信</span>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class=\"msgbox-mask\" @click.stop=\"visible = false\" v-if=\"visible\"></div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { mapActions, mapGetters, mapMutations } from \"vuex\";\r\n\r\nexport default {\r\n  name: \"Contact\",\r\n  data() {\r\n    return {\r\n      visible: false,\r\n      contactData: null,\r\n    };\r\n  },\r\n  computed: {\r\n    ...mapGetters({\r\n      company: \"loginModule/getCompany\"\r\n    })\r\n  },\r\n  created() {\r\n    this.init();\r\n  },\r\n  methods: {\r\n    ...mapActions({\r\n      getStaff: \"getStaff\"\r\n    }),\r\n    async init() {  \r\n      if (!this.company) return;\r\n      this.contactData = await this.getStaff(this.company.id); \r\n    }\r\n  }\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.contact-box {\r\n  position: fixed;\r\n  right: 21px;\r\n  bottom: 21px;\r\n  z-index: 1001;\r\n}\r\n.msgbox-mask {\r\n  position: fixed;\r\n  top: 0;\r\n  left: 0;\r\n  height: 100%;\r\n  width: 100%;\r\n  z-index: 1002;\r\n}\r\n.contact {\r\n  position: fixed;\r\n  right: 21px;\r\n  bottom: 21px;\r\n  width: 60px;\r\n  height: 60px;\r\n  background-color: #00a0e9;\r\n  border-radius: 50%;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  cursor: pointer;\r\n  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.3);\r\n  img {\r\n    width: 21px;\r\n    height: 21px;\r\n    margin-top: 10px;\r\n  }\r\n  span {\r\n    font-size: 12px;\r\n    font-family: \"Microsoft YaHei\";\r\n    color: #fff;\r\n  }\r\n}\r\n\r\n.msgbox {\r\n  z-index: 1003;\r\n  width: 250px;\r\n  height: 310px;\r\n  box-shadow: 0 0 7px rgba(0, 0, 0, 0.2);\r\n  position: fixed;\r\n  bottom: 23px;\r\n  right: 100px;\r\n  background: #fff;\r\n  &::before {\r\n    width: 0;\r\n    height: 0;\r\n    border-width: 6px 0 6px 6px;\r\n    border-style: solid;\r\n    border-color: transparent transparent transparent #fff;\r\n    position: absolute;\r\n    right: -6px;\r\n    bottom: 22px;\r\n    content: \"\";\r\n    display: block;\r\n  }\r\n  .main {\r\n    margin: 25px;\r\n  }\r\n  .title {\r\n    h2 {\r\n      font: 14px/24px MicrosoftYaHei;\r\n      color: #262626;\r\n    }\r\n  }\r\n  .time {\r\n    font: 12px/22px MicrosoftYaHei;\r\n    color: #999;\r\n  }\r\n  .phone {\r\n    font: 18px/40px MicrosoftYaHei;\r\n    color: #00a0e9;\r\n    .iconfont {\r\n      font-size: 20px;\r\n      font-weight: 600;\r\n    }\r\n  }\r\n  .btn {\r\n    width: 106px;\r\n    height: 32px;\r\n    line-height: 32px;\r\n    text-align: center;\r\n    border-radius: 4px;\r\n    color: #fff;\r\n    background-color: #00a0e9;\r\n    border-color: #00a0e9;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    cursor: pointer;\r\n    margin-bottom: 20px;\r\n    .iconfont {\r\n      font-size: 20px;\r\n    }\r\n  }\r\n  .qr-code {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    img {\r\n      width: 90px;\r\n      height: 90px;\r\n      display: block;\r\n      border: 1px solid #f0f2f5;\r\n    }\r\n    span {\r\n      font: 12px/34px MicrosoftYaHei;\r\n      color: #aaa;\r\n      display: block;\r\n      text-align: center;\r\n    }\r\n  }\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!./Contact.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!./Contact.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Contact.vue?vue&type=template&id=b5e88fb8&scoped=true&\"\nimport script from \"./Contact.vue?vue&type=script&lang=js&\"\nexport * from \"./Contact.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Contact.vue?vue&type=style&index=0&id=b5e88fb8&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  \"b5e88fb8\",\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!./Contact.vue?vue&type=style&index=0&id=b5e88fb8&lang=scss&scoped=true&\"","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!./exhibition-transport.vue?vue&type=style&index=0&id=677d4c2e&scoped=true&lang=scss&\"","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!./exhibition-transport.vue?vue&type=style&index=1&lang=scss&\""],"sourceRoot":""}