{"version":3,"sources":["webpack:///./src/views/solutions/Solutions/research.vue?4d41","webpack:///./src/views/solutions/Solutions/research.vue?f864","webpack:///src/views/solutions/Solutions/research.vue","webpack:///./src/views/solutions/Solutions/research.vue?f62b","webpack:///./src/views/solutions/Solutions/research.vue"],"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-2698392e.1e796f58.js","sourcesContent":["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=dbe4784a&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=dbe4784a&lang=scss&scoped=true&\"","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(\" Bespoke research Community \")]),_c('div',{staticClass:\"value\"},[_vm._v(\" We design, recruit, and manage custom-made research communities for our clients. Through community studies, we bring a group of enthusiastic users (or potential users) together to provide prompt and high-quality input for product development and product experience improvement. \")]),_c('div',[_c('button',{on:{\"click\":_vm.contact}},[_vm._v(\"REQUEST A BID\")])])])]),_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(\"Why using research communities?There are many good reasons but to name a few:\")]),_c('div',{staticClass:\"Creation\"},[_c('div',{staticClass:\"text\"},[_c('div',{staticClass:\"title\"},[_vm._v(\" Co-Creation \")]),_c('div',{staticClass:\"value\"},[_vm._v(\" It is an ideal method to engage & interact with the community members in an innovation process, from beginning to the end. It creates a sense of ownership for participants. Researchers often find the output & insight generated from the community quite valuable and insightful beyond thier expectation. \")])]),_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(\" Continuous Feedback \")]),_c('div',{staticClass:\"value\"},[_vm._v(\" As it is not a one-off exercise, insight and feedback is drawn continuously and in a timelier basis. A good practice is to break complex business issues into smaller topics and arrange several discussions. In return, you will receive more and deeper feedbacks. \")])]),_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(\" Convenient and Easy \")]),_c('div',{staticClass:\"value\"},[_vm._v(\" You don’t have to physically gather the people together like in focus groups. Leveraging our proprietary technology – Holden e-Community Platform, members can discuss and provide their input, qualitative or quantitative via our online platform. In addition, you can engage with up to 100 people at a time if you want. \")])])]),_c('div',{staticClass:\"Loyalty\"},[_c('div',{staticClass:\"text\"},[_c('div',{staticClass:\"title\"},[_vm._v(\" Loyalty \")]),_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(\" A simple measurement of a company’s success is how loyal their customer is. It is crucial to understand their likes & dislikes. Community panel is a channel to reward your loyal customer. \")])])])},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(\" Holden’s integrated e-Community Platform can easily engage members, exchange ideas, and support research activities such as launching survey, focus group discussion, uploading videos and photos, polling, product testing, visiting a particular location etc… \")]),_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\"},[_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          Bespoke research Community\r\n        </div>\r\n        <div class=\"value\">\r\n          We design, recruit, and manage custom-made research communities for our clients. Through community studies, we bring a group of enthusiastic users (or potential users) together to provide prompt and high-quality input for product development and product experience improvement.\r\n\r\n        </div>\r\n        <div><button @click=\"contact\">REQUEST A BID</button></div>\r\n      </div>\r\n    </div>\r\n\r\n    <div class=\"\">\r\n      <div class=\"bigtitle\">Why using research communities?There are many good reasons but to name a few:</div>\r\n      <!-- Co-Creation -->\r\n      <div class=\"Creation\">\r\n        <div class=\"text\">\r\n          <div class=\"title\">\r\n            Co-Creation\r\n          </div>\r\n          <div class=\"value\">\r\n            It is an ideal method to engage & interact with the community members in an innovation process, from beginning to the end. It creates a sense of ownership for participants. Researchers often find the output & insight generated from the community quite valuable and insightful beyond thier expectation.\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            Continuous Feedback\r\n          </div>\r\n          <div class=\"value\">\r\n            As it is not a one-off exercise, insight and feedback is drawn continuously and in a timelier basis. A good practice is to break complex business issues into smaller topics and arrange several discussions. In return, you will receive more and deeper feedbacks.\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            Convenient and Easy\r\n\r\n          </div>\r\n          <div class=\"value\">\r\n            You don’t have to physically gather the people together like in focus groups. Leveraging our proprietary technology – Holden e-Community Platform, members can discuss and provide their input, qualitative or quantitative via our online platform. In addition, you can engage with up to 100 people at a time if you want.\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            Loyalty\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          A simple measurement of a company’s success is how loyal their customer is. It is crucial to understand their likes & dislikes. Community panel is a channel to reward your loyal customer.\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n    <div class=\"last\">\r\n      <div class=\"text\">\r\n        Holden’s integrated e-Community Platform can easily engage members, exchange ideas, and support research activities such as launching survey, focus group discussion, uploading videos and photos, polling, product testing, visiting a particular location etc…\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\">\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: \"/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  }\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=dbe4784a&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=dbe4784a&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  \"dbe4784a\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}