{"version":3,"sources":["webpack:///./src/views/cn/solutions/Solutions/research.vue?bfb1","webpack:///src/views/cn/solutions/Solutions/research.vue","webpack:///./src/views/cn/solutions/Solutions/research.vue?768b","webpack:///./src/views/cn/solutions/Solutions/research.vue","webpack:///./src/views/cn/solutions/Solutions/research.vue?1056"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","on","contact","_m","staticRenderFns","attrs","data","created","script","document","dataLayer","window","gtag","methods","webinercookies","localStorage","advertisementFlow","path","source","information","then","res","loading","lock","background","setTimeout","component"],"mappings":"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","file":"static/js/chunk-4b6943e2.0b3e22f7.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"top\"},[_c('div',{staticClass:\"text\"},[_c('div',{staticClass:\"title\"},[_vm._v(\" 定制研究社区 \")]),_c('div',{staticClass:\"value\"},[_vm._v(\" 我们为客户设计、招募和管理定制的研究社区。通过社区研究，我们将一群热心的用户(或潜在用户)聚集在一起，为产品开发和产品体验改进提供及时、高质量的建议。 \")]),_c('div',[_c('button',{on:{\"click\":_vm.contact}},[_vm._v(\"联系我们\")])])])]),_vm._m(0),_vm._m(1)])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{},[_c('div',{staticClass:\"bigtitle\"},[_vm._v(\"为什么要使用研究社区?有很多好的理由，但仅举几例:\")]),_c('div',{staticClass:\"Creation\"},[_c('div',{staticClass:\"text\"},[_c('div',{staticClass:\"title\"},[_vm._v(\" 共同创造 \")]),_c('div',{staticClass:\"value\"},[_vm._v(\" 这是在创新过程中从头到尾与社区成员互动的理想方法。它为参与者创造了一种主人翁感。研究人员经常发现社区产生的产出和见解非常有价值，超出了他们的预期。 \")])]),_c('div',{staticClass:\"img\"},[_c('img',{attrs:{\"src\":\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/research/research1.jpg\"}}),_c('div',{staticClass:\"color\"})])]),_c('div',{staticClass:\"Continuous\"},[_c('div',{staticClass:\"text\"},[_c('div',{staticClass:\"title\"},[_vm._v(\" 持续的反馈 \")]),_c('div',{staticClass:\"value\"},[_vm._v(\" 因为它不是一次性的练习，洞察和反馈是不断更及时的。一个好的做法是将复杂的业务问题分解成更小的主题，并安排几次讨论。作为回报，你会得到更多更深入的反馈。 \")])]),_c('div',{staticClass:\"img\"},[_c('img',{attrs:{\"src\":\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/research/research2.jpg\",\"alt\":\"\"}}),_c('div',{staticClass:\"color\"})])]),_c('div',{staticClass:\"Convenient\"},[_c('div',{staticClass:\"img\"},[_c('img',{attrs:{\"src\":\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/research/research3.jpg\",\"alt\":\"\"}}),_c('div',{staticClass:\"color\"})]),_c('div',{staticClass:\"text\"},[_c('div',{staticClass:\"title\"},[_vm._v(\" 方便和简单 \")]),_c('div',{staticClass:\"value\"},[_vm._v(\" 你不需要像小组座谈会那样亲自把人们聚集在一起。利用我们的专有技术-eGroup，会员可以通过我们的在线平台讨论和提供他们的意见，定性或定量皆可。此外，如果你愿意，你可以同时与多达100人交流。 \")])])]),_c('div',{staticClass:\"Loyalty\"},[_c('div',{staticClass:\"text\"},[_c('div',{staticClass:\"title\"},[_vm._v(\" 忠诚 \")]),_c('div',{staticClass:\"img\"},[_c('img',{attrs:{\"src\":\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/research/research4.jpg\",\"alt\":\"\"}}),_c('div',{staticClass:\"color\"})])]),_c('div',{staticClass:\"value\"},[_vm._v(\" 衡量一家公司成功与否的一个简单方法就是看他们的客户有多忠诚。了解他们的好恶是至关重要的。社区小组是一个奖励忠实客户的渠道。 \")])])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"last\"},[_c('div',{staticClass:\"text\"},[_vm._v(\" 浩顿的集成电子社区平台可以很容易地吸引成员，交换意见，并支持研究活动，如发起调查，小组座谈会讨论，上传视频和照片，投票，产品测试，访问特定地点等… \")]),_c('div',{staticClass:\"value\"},[_c('div',{staticClass:\"img\"},[_c('img',{attrs:{\"src\":\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/research/DPD.png\"}})]),_c('div',{staticClass:\"img\"},[_c('img',{attrs:{\"src\":\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/research/surveyPanda.png\"}})]),_c('div',{staticClass:\"img\"},[_c('img',{attrs:{\"src\":\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/research/eGroup.png\"}})]),_c('div',{staticClass:\"img four\"},[_c('img',{attrs:{\"src\":\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/research/LY.png\"}})])])])}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <div class=\"top\">\r\n      <div class=\"text\">\r\n        <div class=\"title\">\r\n          定制研究社区\r\n        </div>\r\n        <div class=\"value\">\r\n          我们为客户设计、招募和管理定制的研究社区。通过社区研究，我们将一群热心的用户(或潜在用户)聚集在一起，为产品开发和产品体验改进提供及时、高质量的建议。\r\n\r\n        </div>\r\n        <div><button @click=\"contact\">联系我们</button></div>\r\n      </div>\r\n    </div>\r\n\r\n    <div class=\"\">\r\n      <div class=\"bigtitle\">为什么要使用研究社区?有很多好的理由，但仅举几例:</div>\r\n      <!-- Co-Creation -->\r\n      <div class=\"Creation\">\r\n        <div class=\"text\">\r\n          <div class=\"title\">\r\n            共同创造\r\n          </div>\r\n          <div class=\"value\">\r\n            这是在创新过程中从头到尾与社区成员互动的理想方法。它为参与者创造了一种主人翁感。研究人员经常发现社区产生的产出和见解非常有价值，超出了他们的预期。\r\n\r\n          </div>\r\n        </div>\r\n        <div class=\"img\"><img src=\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/research/research1.jpg\">\r\n          <div class=\"color\"></div>\r\n        </div>\r\n      </div>\r\n\r\n      <!-- Continuous Feedback -->\r\n      <div class=\"Continuous\">\r\n        <div class=\"text\">\r\n          <div class=\"title\">\r\n            持续的反馈\r\n          </div>\r\n          <div class=\"value\">\r\n            因为它不是一次性的练习，洞察和反馈是不断更及时的。一个好的做法是将复杂的业务问题分解成更小的主题，并安排几次讨论。作为回报，你会得到更多更深入的反馈。\r\n\r\n          </div>\r\n        </div>\r\n        <div class=\"img\"><img src=\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/research/research2.jpg\" alt=\"\">\r\n          <div class=\"color\"></div>\r\n        </div>\r\n      </div>\r\n\r\n      <!--Convenient and Easy -->\r\n      <div class=\"Convenient\">\r\n        <div class=\"img\"><img src=\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/research/research3.jpg\" alt=\"\">\r\n          <div class=\"color\"></div>\r\n        </div>\r\n        <div class=\"text\">\r\n          <div class=\"title\">\r\n            方便和简单\r\n\r\n          </div>\r\n          <div class=\"value\">\r\n            你不需要像小组座谈会那样亲自把人们聚集在一起。利用我们的专有技术-eGroup，会员可以通过我们的在线平台讨论和提供他们的意见，定性或定量皆可。此外，如果你愿意，你可以同时与多达100人交流。\r\n\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n      <!--Loyalty-->\r\n      <div class=\"Loyalty\">\r\n        <div class=\"text\">\r\n          <div class=\"title\">\r\n            忠诚\r\n\r\n          </div>\r\n          <div class=\"img\"><img src=\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/research/research4.jpg\" alt=\"\">\r\n            <div class=\"color\"></div>\r\n          </div>\r\n        </div>\r\n        <div class=\"value\">\r\n          衡量一家公司成功与否的一个简单方法就是看他们的客户有多忠诚。了解他们的好恶是至关重要的。社区小组是一个奖励忠实客户的渠道。\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n    <div class=\"last\">\r\n      <div class=\"text\">\r\n        浩顿的集成电子社区平台可以很容易地吸引成员，交换意见，并支持研究活动，如发起调查，小组座谈会讨论，上传视频和照片，投票，产品测试，访问特定地点等…\r\n\r\n      </div>\r\n      <div class=\"value\">\r\n        <div class=\"img\">\r\n          <img src=\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/research/DPD.png\">\r\n        </div>\r\n        <div class=\"img\">\r\n          <img src=\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/research/surveyPanda.png\">\r\n        </div>\r\n        <div class=\"img\">\r\n          <img src=\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/research/eGroup.png\">\r\n        </div>\r\n        <div class=\"img four\">\r\n          <img src=\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/research/LY.png\">\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { advertisementFlow } from \"@/api/api\";\r\n\r\nexport default {\r\n  data() {\r\n    return {};\r\n  },\r\n  created() {\r\n    this.loading();\r\n    this.advertisementFlow(); // 在组件创建时加载Google代码\r\n    const script = document.createElement(\"script\");\r\n    script.async = true;\r\n    script.src = \"https://www.googletagmanager.com/gtag/js?id=AW-11335422054\";\r\n    document.head.appendChild(script);\r\n    script.onload = () => {\r\n      window.dataLayer = window.dataLayer || [];\r\n      function gtag() {\r\n        dataLayer.push(arguments);\r\n      }\r\n      gtag(\"js\", new Date());\r\n      gtag(\"config\", \"AW-11335422054\");\r\n    };\r\n    this.webinercookies();\r\n  },\r\n  methods: {\r\n    webinercookies() {\r\n      // 如果没有记录cookie\r\n      if (!localStorage.getItem(\"webinersource\")) {\r\n        // 就不重新赋值\r\n        let webinersource = this.$route.query.source;\r\n\r\n        if (webinersource == undefined) {\r\n          localStorage.setItem(\"webinersource\", \"www\");\r\n        } else {\r\n          localStorage.setItem(\"webinersource\", webinersource);\r\n        }\r\n        // console.log(1);\r\n      } else {\r\n        // 如果没有cookie就设置cookie\r\n      }\r\n    },\r\n    advertisementFlow() {\r\n      // 如果没有source\r\n      if (this.$route.query.source == undefined) {\r\n        // console.log(1);\r\n        // 就把source拼接\r\n        advertisementFlow({\r\n          path: \"research\",\r\n          source: \"\",\r\n          information: \"Solutions_research\"\r\n        }).then(res => {\r\n          if (res.code == 10000) {\r\n            // console.log(res);\r\n          }\r\n        });\r\n        // 如果有source\r\n      } else {\r\n        advertisementFlow({\r\n          path: \"research\",\r\n          source: this.$route.query.source,\r\n          information: \"Solutions_research\"\r\n        }).then(res => {\r\n          if (res.code == 10000) {\r\n            // console.log(res);\r\n          }\r\n        });\r\n      }\r\n    },\r\n    contact() {\r\n      let routeData = this.$router.resolve({ path: \"/cn/contact?source=bid\" });\r\n      window.open(routeData.href, \"_blank\");\r\n    },\r\n    loading() {\r\n      this.$loading({\r\n        lock: true,\r\n        background: \"rgba(255, 255, 255,1)\"\r\n      });\r\n      setTimeout(() => {\r\n        this.$loading().close();\r\n      }, 700);\r\n    }\r\n  }\r\n};\r\n</script>\r\n\r\n<style  lang=\"scss\" scoped>\r\n.top {\r\n  padding: 80px 200px;\r\n  // height: 600px;\r\n  background-image: url(\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/research/researchbg.png\");\r\n  background-size: cover;\r\n  .text {\r\n    color: #fff;\r\n    width: 60%;\r\n    .title {\r\n      width: 70%;\r\n      font-size: 50px;\r\n      font-weight: 700;\r\n      margin-bottom: 25px;\r\n    }\r\n    .value {\r\n      font-size: 20px;\r\n    }\r\n    button {\r\n      border: none;\r\n      background-color: #2cb1e9;\r\n      color: #fff;\r\n      font-size: 20px;\r\n      border-radius: 10px;\r\n      margin-top: 20px;\r\n      padding: 10px;\r\n    }\r\n  }\r\n}\r\n.bigtitle {\r\n  padding: 80px 120px 0 120px;\r\n  font-size: 40px;\r\n  font-weight: 700;\r\n  color: #2cb1e9;\r\n}\r\n.Creation {\r\n  display: flex;\r\n  padding: 50px 120px;\r\n  height: 700px;\r\n  position: relative;\r\n\r\n  .text {\r\n    position: absolute;\r\n    left: 240px;\r\n    top: 180px;\r\n    // width: 55%;\r\n    // color: #fff;\r\n    padding: 50px 50px 50px 400px;\r\n    background-color: #d0e3ea;\r\n    z-index: 0;\r\n\r\n    .title {\r\n      font-weight: 700;\r\n      font-size: 40px;\r\n      color: #2cb1e9;\r\n      text-shadow: 1px 1px #000;\r\n    }\r\n    .value {\r\n      font-size: 23px;\r\n      padding-top: 50px;\r\n    }\r\n  }\r\n  .img {\r\n    width: 35%;\r\n    position: absolute;\r\n    top: 100px;\r\n    img {\r\n      width: 95%;\r\n      z-index: 2;\r\n    }\r\n  }\r\n}\r\n.Continuous {\r\n  display: flex;\r\n  padding: 80px 120px;\r\n  .text {\r\n    width: 45%;\r\n    // color: #fff;\r\n    padding: 50px;\r\n    .title {\r\n      font-weight: 700;\r\n      font-size: 40px;\r\n      color: #2cb1e9;\r\n      text-shadow: 1px 1px #000;\r\n    }\r\n    .value {\r\n      padding: 50px 0;\r\n      font-size: 23px;\r\n    }\r\n  }\r\n  .img {\r\n    width: 55%;\r\n    position: relative;\r\n    img {\r\n      width: 95%;\r\n      position: absolute;\r\n      right: 0;\r\n      z-index: 2;\r\n    }\r\n    .color {\r\n      width: 600px;\r\n      height: 300px;\r\n      background-color: #d0e3ea;\r\n      position: absolute;\r\n      left: -20px;\r\n      top: 90px;\r\n    }\r\n  }\r\n}\r\n.Convenient {\r\n  display: flex;\r\n  padding: 50px 120px;\r\n  // height: 1000px;\r\n\r\n  .text {\r\n    width: 60%;\r\n    padding: 50px;\r\n    .title {\r\n      font-weight: 700;\r\n      font-size: 40px;\r\n      color: #2cb1e9;\r\n      text-shadow: 1px 1px #000;\r\n    }\r\n    .value {\r\n      font-size: 23px;\r\n      margin-top: 50px;\r\n    }\r\n    .advantage {\r\n      .title {\r\n        font-size: 30px;\r\n        color: #000;\r\n      }\r\n      .value {\r\n        margin-top: 0;\r\n      }\r\n    }\r\n  }\r\n  .img {\r\n    width: 40%;\r\n    position: relative;\r\n    img {\r\n      width: 90%;\r\n      position: absolute;\r\n      z-index: 2;\r\n    }\r\n    .color {\r\n      width: 350px;\r\n      height: 200px;\r\n      background-color: #d0e3ea;\r\n      position: absolute;\r\n      top: 150px;\r\n      left: 150px;\r\n    }\r\n  }\r\n}\r\n\r\n.Loyalty {\r\n  display: flex;\r\n  padding: 50px 120px;\r\n  flex-direction: column;\r\n  height: 650px;\r\n  .text {\r\n    // width: 45%;\r\n    display: flex;\r\n    position: relative;\r\n    // padding: 50px;\r\n    .title {\r\n      position: absolute;\r\n      bottom: 0;\r\n      width: 45%;\r\n      // height: 45%;\r\n      padding: 50px;\r\n      font-size: 40px;\r\n      font-weight: 700;\r\n      color: #2cb1e9;\r\n      text-shadow: 1px 1px #000;\r\n      background-color: #d0e3ea;\r\n    }\r\n    .img {\r\n      // width: 55%;\r\n      // text-align: right;\r\n      // position: absolute;\r\n      // right: 0;\r\n      // top: 0;\r\n      img {\r\n        width: 55%;\r\n        float: right;\r\n      }\r\n    }\r\n  }\r\n  .value {\r\n    width: 90%;\r\n    font-size: 23px;\r\n    background-color: #d0e3ea;\r\n    padding: 50px;\r\n  }\r\n}\r\n.last {\r\n  padding: 50px 120px;\r\n  .text {\r\n    font-size: 25px;\r\n  }\r\n  .value {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    flex-wrap: wrap;\r\n    text-align: center;\r\n    .img {\r\n      // width: 22%;\r\n    }\r\n    img {\r\n      height: 100px;\r\n    }\r\n    .four {\r\n      margin-top: 10px;\r\n      img {\r\n        height: 80px;\r\n      }\r\n    }\r\n  }\r\n}\r\n@media screen and (max-width: 576px) {\r\n  .top {\r\n    .text {\r\n      width: 90%;\r\n      .title {\r\n        width: 80%;\r\n        font-size: 80px;\r\n      }\r\n      .value {\r\n        font-size: 70px;\r\n      }\r\n      button {\r\n        font-size: 70px;\r\n        padding: 10px 20px;\r\n      }\r\n    }\r\n  }\r\n  .bigtitle {\r\n    font-size: 80px;\r\n  }\r\n  .Creation {\r\n    height: 2000px;\r\n    .text {\r\n      .title {\r\n        font-size: 80px;\r\n      }\r\n      .value {\r\n        font-size: 70px;\r\n      }\r\n    }\r\n  }\r\n  .Continuous {\r\n    display: block;\r\n    position: relative;\r\n    padding-top: 1000px;\r\n    .text {\r\n      width: 100%;\r\n      .title {\r\n        font-size: 80px;\r\n      }\r\n      .value {\r\n        font-size: 70px;\r\n      }\r\n    }\r\n    .img {\r\n      width: 80%;\r\n      position: absolute;\r\n      top: 200px;\r\n      .color {\r\n        height: 700px;\r\n      }\r\n    }\r\n  }\r\n  .Convenient {\r\n    height: 2200px;\r\n    padding-top: 800px;\r\n    display: block;\r\n    position: relative;\r\n    .img {\r\n      position: absolute;\r\n      width: 90%;\r\n      top: 0;\r\n      .color {\r\n        width: 700px;\r\n        height: 700px;\r\n        top: 100px;\r\n        left: 600px;\r\n      }\r\n    }\r\n    .text {\r\n      width: 100%;\r\n      .title {\r\n        font-size: 80px;\r\n      }\r\n      .value {\r\n        font-size: 70px;\r\n      }\r\n    }\r\n  }\r\n  .Loyalty {\r\n    height: 1300px;\r\n    .text {\r\n      .title {\r\n        font-size: 80px;\r\n      }\r\n    }\r\n    .value {\r\n      font-size: 70px;\r\n    }\r\n  }\r\n  .last {\r\n    .text {\r\n      font-size: 70px;\r\n    }\r\n    .value {\r\n      .img {\r\n        width: 45%;\r\n      }\r\n      img {\r\n        height: 150px;\r\n        margin-bottom: 100px;\r\n      }\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!./research.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!./research.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./research.vue?vue&type=template&id=7d8e3b33&scoped=true&\"\nimport script from \"./research.vue?vue&type=script&lang=js&\"\nexport * from \"./research.vue?vue&type=script&lang=js&\"\nimport style0 from \"./research.vue?vue&type=style&index=0&id=7d8e3b33&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  \"7d8e3b33\",\n  null\n  \n)\n\nexport default component.exports","import mod 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!./research.vue?vue&type=style&index=0&id=7d8e3b33&lang=scss&scoped=true&\"; export default mod; 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!./research.vue?vue&type=style&index=0&id=7d8e3b33&lang=scss&scoped=true&\""],"sourceRoot":""}