{"version":3,"sources":["webpack:///./src/framework/pc/views/ContactUs/ContactUs.vue?72a8","webpack:///./src/framework/pc/views/ContactUs/ContactUs.vue?fe0c","webpack:///src/framework/pc/views/ContactUs/ContactUs.vue","webpack:///./src/framework/pc/views/ContactUs/ContactUs.vue?a462","webpack:///./src/framework/pc/views/ContactUs/ContactUs.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","banner","_v","_s","$t","$store","state","contactUsData","FPhone","Email","formatAdress","WebSite","erweima2","staticStyle","zoom","center","radius","staticRenderFns","data","showContactUs","showQRCode","plugin","mounted","Data","FInterID","dispatch","params","then","params2","methods","$i18n","locale","adress","item","Adress","EnglishAdress","xibanyaAdress","component"],"mappings":"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","file":"js/chunk-e94d8a98.d01a0251.js","sourcesContent":["import mod from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../../../../node_modules/css-loader/dist/cjs.js??ref--10-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../../../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ContactUs.vue?vue&type=style&index=0&lang=less&\"; export default mod; export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../../../../node_modules/css-loader/dist/cjs.js??ref--10-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../../../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ContactUs.vue?vue&type=style&index=0&lang=less&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"c-contact-us-wrapper\"},[_c('div',{staticClass:\"banner\"},[_c('img',{attrs:{\"src\":_vm.banner,\"alt\":\"\"}})]),_c('div',{staticClass:\"container\"},[_c('div',{staticClass:\"tab\"},[_c('div',{staticClass:\"tab-item\"},[_c('div',{staticClass:\"tab-item-front\"},[_c('i',{staticClass:\"iconfont icon-zhifeiji\"}),_c('span',[_vm._v(_vm._s(_vm.$t(\"title.contactUs\")))])]),_c('div',{staticClass:\"tab-item-back\"},[_c('dd',[_c('i',{staticClass:\"iconfont icon-dianhua\"}),_c('span',[_vm._v(_vm._s(_vm.$store.state.contactUsData.FPhone))])]),_c('dd',[_c('i',{staticClass:\"iconfont icon-duanxinqunfa\"}),_c('span',[_vm._v(_vm._s(_vm.$store.state.contactUsData.Email))])]),_c('dd',[_c('i',{staticClass:\"iconfont icon-ditu_dingwei\"}),_c('span',[_vm._v(_vm._s(_vm.formatAdress(_vm.$store.state.contactUsData)))])])])]),_c('div',{staticClass:\"tab-item\"},[_c('div',{staticClass:\"tab-item-front\"},[_c('i',{staticClass:\"iconfont icon-erweima\"}),_c('span',[_vm._v(_vm._s(_vm.$t(\"title.aboutUs\")))])]),_c('div',{staticClass:\"tab-item-back qr-code-wrap\"},[_c('div',{staticClass:\"img-wrap\"},[_c('i',[_vm._v(\"Alibaba\")]),_c('img',{staticClass:\"qr-code\",attrs:{\"src\":_vm.$store.state.contactUsData.WebSite,\"alt\":\"\"}})]),_c('div',{staticClass:\"img-wrap\"},[_c('i',[_vm._v(\"Wechat\")]),_c('img',{staticClass:\"qr-code\",attrs:{\"src\":_vm.erweima2,\"alt\":\"\"}})])])])]),_c('div',{staticClass:\"map\",staticStyle:{\"width\":\"1200px\",\"height\":\"635px\"},attrs:{\"id\":\"map\"}},[_c('el-amap',{staticClass:\"amap-box\",attrs:{\"vid\":\"map\",\"zoom\":_vm.zoom,\"center\":_vm.center}},[_c('el-amap-marker',{attrs:{\"vid\":\"marker\",\"position\":_vm.center}}),_c('el-amap-text',{attrs:{\"text\":\"温州智亚工贸有限公司\",\"offset\":[0, 0],\"position\":_vm.center}}),_c('el-amap-circle',{attrs:{\"vid\":\"circle\",\"center\":_vm.center,\"radius\":_vm.radius,\"fill-opacity\":\"0.2\",\"strokeColor\":\"#38f\",\"strokeOpacity\":\"0.8\",\"strokeWeight\":\"1\",\"fillColor\":\"#38f\"}})],1)],1)])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"c-contact-us-wrapper\">\r\n    <div class=\"banner\">\r\n      <img :src=\"banner\" alt=\"\" />\r\n    </div>\r\n    <div class=\"container\">\r\n      <div class=\"tab\">\r\n        <div class=\"tab-item\">\r\n          <div class=\"tab-item-front\">\r\n            <i class=\"iconfont icon-zhifeiji\"></i>\r\n            <span>{{ $t(\"title.contactUs\") }}</span>\r\n          </div>\r\n          <div class=\"tab-item-back\">\r\n            <dd>\r\n              <i class=\"iconfont icon-dianhua\"></i>\r\n              <span>{{ $store.state.contactUsData.FPhone }}</span>\r\n            </dd>\r\n            <dd>\r\n              <i class=\"iconfont icon-duanxinqunfa\"></i>\r\n              <span>{{ $store.state.contactUsData.Email }}</span>\r\n            </dd>\r\n            <dd>\r\n              <i class=\"iconfont icon-ditu_dingwei\"></i>\r\n              <span>{{ formatAdress($store.state.contactUsData) }}</span>\r\n            </dd>\r\n          </div>\r\n        </div>\r\n        <div class=\"tab-item\">\r\n          <div class=\"tab-item-front\">\r\n            <i class=\"iconfont icon-erweima\"></i>\r\n            <span>{{ $t(\"title.aboutUs\") }}</span>\r\n          </div>\r\n          <div class=\"tab-item-back qr-code-wrap\">\r\n            <div class=\"img-wrap\">\r\n              <i>Alibaba</i>\r\n              <img\r\n                class=\"qr-code\"\r\n                :src=\"$store.state.contactUsData.WebSite\"\r\n                alt=\"\"\r\n              />\r\n            </div>\r\n            <div class=\"img-wrap\">\r\n              <i>Wechat</i>\r\n              <img class=\"qr-code\" :src=\"erweima2\" alt=\"\" />\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"map\" style=\"width: 1200px;height: 635px;\" id=\"map\">\r\n        <el-amap class=\"amap-box\" vid=\"map\" :zoom=\"zoom\" :center=\"center\">\r\n          <el-amap-marker vid=\"marker\" :position=\"center\"></el-amap-marker>\r\n          <el-amap-text\r\n            text=\"温州智亚工贸有限公司\"\r\n            :offset=\"[0, 0]\"\r\n            :position=\"center\"\r\n          ></el-amap-text>\r\n          <el-amap-circle\r\n            vid=\"circle\"\r\n            :center=\"center\"\r\n            :radius=\"radius\"\r\n            fill-opacity=\"0.2\"\r\n            strokeColor=\"#38f\"\r\n            strokeOpacity=\"0.8\"\r\n            strokeWeight=\"1\"\r\n            fillColor=\"#38f\"\r\n          >\r\n          </el-amap-circle>\r\n        </el-amap>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n<script>\r\nexport default {\r\n  data() {\r\n    return {\r\n      banner: \"\",\r\n      showContactUs: false,\r\n      showQRCode: false,\r\n      zoom: 18,\r\n      center: [120.695315, 27.767961],\r\n      radius: 100,\r\n      erweima2: \"\"\r\n    };\r\n  },\r\n  plugin: [\"ToolBar\", \"PolyEditor\"],\r\n  mounted() {\r\n    const params = {\r\n      Data: {\r\n        FInterID: 6\r\n      }\r\n    };\r\n    this.$store.dispatch(\"getIndexBodyData\", params).then(res => {\r\n      this.banner = res.Data.WebSite;\r\n    });\r\n\r\n    // 后期新增了一张二维码\r\n    const params2 = {\r\n      Data: {\r\n        FInterID: 9\r\n      }\r\n    };\r\n    this.$store.dispatch(\"getIndexBodyData\", params2).then(res => {\r\n      this.erweima2 = res.Data.WebSite;\r\n    });\r\n  },\r\n  methods: {\r\n    formatAdress(item) {\r\n      let adress;\r\n      if (this.$i18n.locale === \"zh\") {\r\n        adress = item.Adress;\r\n      } else if (this.$i18n.locale === \"en\") {\r\n        adress = item.EnglishAdress;\r\n      } else if (this.$i18n.locale === \"sp\") {\r\n        adress = item.xibanyaAdress;\r\n      }\r\n      return adress;\r\n    }\r\n  }\r\n};\r\n</script>\r\n\r\n<style lang=\"less\">\r\n@import \"~@/assets/style/variables.less\";\r\n.c-contact-us-wrapper {\r\n  .banner {\r\n    width: 100%;\r\n    height: 560px;\r\n    // background: pink;\r\n\r\n    img {\r\n      display: block;\r\n      width: 100%;\r\n      height: 100%;\r\n    }\r\n  }\r\n\r\n  .container {\r\n    width: 1200px;\r\n    margin: 0 auto;\r\n    padding: 0 0 60px;\r\n\r\n    .tab {\r\n      display: flex;\r\n      margin-bottom: 60px;\r\n      transform: translateY(-40px);\r\n\r\n      .tab-item {\r\n        flex: 1;\r\n        height: 200px;\r\n        background: rgba(255, 255, 255, 1);\r\n        box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.05);\r\n        cursor: pointer;\r\n        position: relative;\r\n        perspective: 500;\r\n        -webkit-perspective: 500;\r\n\r\n        .tab-item-front,\r\n        .tab-item-back {\r\n          position: absolute;\r\n          top: 0;\r\n          left: 0;\r\n          width: 100%;\r\n          height: 100%;\r\n          // background-color: #fff;\r\n          -webkit-perspective: 1000;\r\n          /*backface-visibility: hidden;*/\r\n          -webkit-transition: all 1.5s;\r\n          -moz-transition: all 1.5s;\r\n          -ms-transition: all 1.5s;\r\n          -o-transition: all 1.5s;\r\n          box-shadow: rgba(50, 50, 50, 0.2) 0 0 15px;\r\n          overflow: hidden;\r\n        }\r\n\r\n        .tab-item-front {\r\n          width: 100%;\r\n          height: 100%;\r\n          display: flex;\r\n          flex-direction: column;\r\n          justify-content: center;\r\n\r\n          i {\r\n            font-size: 48px;\r\n            color: #dcdcdc;\r\n            margin-bottom: 36px;\r\n          }\r\n\r\n          span {\r\n            font-size: 46px;\r\n            font-family: Microsoft YaHei;\r\n            font-weight: 400;\r\n            color: rgba(220, 220, 220, 1);\r\n          }\r\n        }\r\n\r\n        .tab-item-back {\r\n          position: relative;\r\n          transform: rotateY(-180deg);\r\n          -webkit-transform: rotateY(-180deg);\r\n\r\n          dd {\r\n            display: none;\r\n          }\r\n\r\n          .img-wrap {\r\n            display: none;\r\n          }\r\n        }\r\n      }\r\n\r\n      .tab-item:first-child {\r\n        margin-right: 10px;\r\n      }\r\n\r\n      .tab-item:hover {\r\n        .tab-item-front {\r\n          transform: rotateY(-180deg);\r\n          -webkit-transform: rotateY(-180deg);\r\n        }\r\n\r\n        .tab-item-back {\r\n          transform: rotateY(-360deg);\r\n          -webkit-transform: rotateY(-360deg);\r\n          text-align: left;\r\n          background: @bgColor;\r\n          width: 100%;\r\n          height: 100%;\r\n          display: flex;\r\n          flex-direction: column;\r\n          align-items: center;\r\n          justify-content: center;\r\n\r\n          dd {\r\n            width: 80%;\r\n            flex: 1;\r\n            display: flex;\r\n            align-items: center;\r\n            color: #fff;\r\n\r\n            .iconfont {\r\n              font-size: 36px;\r\n              margin-right: 13px;\r\n            }\r\n\r\n            span {\r\n              flex: 1;\r\n              font-size: 16px;\r\n              font-family: Microsoft YaHei;\r\n              font-weight: 400;\r\n              line-height: 21px;\r\n            }\r\n          }\r\n        }\r\n\r\n        .qr-code-wrap {\r\n          width: 100%;\r\n          display: flex;\r\n          align-items: center;\r\n          justify-content: space-evenly;\r\n          flex-direction: row;\r\n\r\n          .img-wrap {\r\n            display: block;\r\n\r\n            i {\r\n              display: block;\r\n              width: 131px;\r\n              margin-bottom: 16px;\r\n              position: relative;\r\n              font-size: 16px;\r\n              font-family: Microsoft YaHei;\r\n              font-weight: 400;\r\n              color: #ffffff;\r\n              padding-left: 40px;\r\n            }\r\n\r\n            i::before {\r\n              content: \"\";\r\n              display: block;\r\n              width: 36px;\r\n              height: 36px;\r\n              background: url(\"../../../../assets/imgs/wechat.png\") top center\r\n                no-repeat;\r\n              background-size: 100% 100%;\r\n              position: absolute;\r\n              left: 0;\r\n              top: 50%;\r\n              transform: translateY(-50%);\r\n            }\r\n\r\n            .qr-code {\r\n              display: block;\r\n              width: 131px;\r\n              height: 131px;\r\n            }\r\n          }\r\n\r\n          .img-wrap:first-child {\r\n            margin-right: 30px;\r\n\r\n            i::before {\r\n              content: \"\";\r\n              display: block;\r\n              width: 36px;\r\n              height: 36px;\r\n              background: url(\"../../../../assets/imgs/alibaba.png\") top center\r\n                no-repeat;\r\n              background-size: 100% 100%;\r\n              position: absolute;\r\n              left: 0;\r\n              top: 50%;\r\n              transform: translateY(-50%);\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\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!./ContactUs.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!./ContactUs.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ContactUs.vue?vue&type=template&id=15148aba&\"\nimport script from \"./ContactUs.vue?vue&type=script&lang=js&\"\nexport * from \"./ContactUs.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ContactUs.vue?vue&type=style&index=0&lang=less&\"\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  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}