{"version":3,"sources":["webpack:///./src/views/solutions/menu/qual.vue?76bd","webpack:///src/views/solutions/menu/qual.vue","webpack:///./src/views/solutions/menu/qual.vue?559e","webpack:///./src/views/solutions/menu/qual.vue","webpack:///./src/views/solutions/menu/qual.vue?7025"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","_m","on","$event","toPath","staticRenderFns","attrs","data","methods","path","component"],"mappings":"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","file":"static/js/chunk-7b8991b7.5a522eaa.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"bigTitle\"},[_vm._v(\"Qualitative\")]),_c('div',{staticClass:\"box\"},[_c('div',{staticClass:\"value physicians\"},[_vm._m(0),_c('div',{staticClass:\"title\"},[_vm._v(\"In-Depth Interview (IDI)\")]),_vm._m(1),_c('div',{staticClass:\"more\",on:{\"click\":function($event){return _vm.toPath('/interview?source=webtable')}}},[_vm._v(\" Find out more ＞ \")])]),_c('div',{staticClass:\"value patient\"},[_vm._m(2),_c('div',{staticClass:\"title\"},[_vm._v(\"Focus Group / Traid / Duos\")]),_vm._m(3),_c('div',{staticClass:\"more\",on:{\"click\":function($event){return _vm.toPath('/focus?source=webtable')}}},[_vm._v(\" Find out more ＞ \")])]),_c('div',{staticClass:\"value consumer\"},[_vm._m(4),_c('div',{staticClass:\"title\"},[_vm._v(\"Ethnography\")]),_vm._m(5),_c('div',{staticClass:\"more\",on:{\"click\":function($event){return _vm.toPath('/ethnography?source=webtable')}}},[_vm._v(\" Find out more ＞ \")])]),_c('div',{staticClass:\"value consumer\"},[_vm._m(6),_c('div',{staticClass:\"title\"},[_vm._v(\"Gang Survey\")]),_vm._m(7),_c('div',{staticClass:\"more\",on:{\"click\":function($event){return _vm.toPath('/gangsurvey?source=webtable')}}},[_vm._v(\" Find out more ＞ \")])])])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"img\"},[_c('img',{attrs:{\"src\":\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/interview/interviewbg.png\",\"alt\":\"\"}})])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"text\"},[_c('div',{staticClass:\"one\"},[_vm._v(\" In depth interviews (IDI) are conducted on a 1-on-1 bases. Participants in an IDI have more time to speak and react to questions and that helps acquire a deeper insight into the research subject. \")]),_c('div',{staticClass:\"two\"},[_vm._v(\" An in-depth interview also allows the interviewer to give the participant full attention and our consultant can also adjust the interviewing style in order to get the most out of the interview. \")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"img\"},[_c('img',{attrs:{\"src\":\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/focusGroup/focuebg.png\",\"alt\":\"\"}})])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"text\"},[_c('div',{staticClass:\"one\"},[_vm._v(\" These methodologies bring a small group of target people together to answer designed questions. As a group, respondents can provide more nuanced and natural feedback. Group dynamics is powerful in the discovery process and leads to new ideas & new findings. \")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"img\"},[_c('img',{attrs:{\"src\":\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/ethnography/ethnographybg.png\",\"alt\":\"\"}})])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"text\"},[_c('div',{staticClass:\"one\"},[_vm._v(\" A qualitative approach that involves relative submersion into a particular community or organization to observe their behavior and interactions up close \")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"img\"},[_c('img',{attrs:{\"src\":\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/gangSurvey/surveybg.png\",\"alt\":\"\"}})])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"text\"},[_c('div',{staticClass:\"one\"},[_vm._v(\" A hybrid methodology of qualitative and quantitative research methodologies. Part 1: a self-completed, standardized questionnaire is administered under moderator supervision. Every participant receives same instructions and information. \")]),_c('div',{staticClass:\"two\"},[_vm._v(\" Part 2: A group discussion is held on the most important qualitative questions--based on their quantitative answers in Part 1. \")])])}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <div class=\"bigTitle\">Qualitative</div>\r\n    <div class=\"box\">\r\n      <div class=\"value physicians\">\r\n        <div class=\"img\">\r\n          <img src=\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/interview/interviewbg.png\" alt=\"\">\r\n\r\n        </div>\r\n        <div class=\"title\">In-Depth Interview (IDI)</div>\r\n        <div class=\"text\">\r\n          <div class=\"one\">\r\n            In depth interviews (IDI) are conducted on a 1-on-1 bases. Participants in an IDI have more time to speak and react to questions and that helps acquire a deeper insight into the research subject.\r\n          </div>\r\n          <div class=\"two\">\r\n            An in-depth interview also allows the interviewer to give the participant full attention and our consultant can also adjust the interviewing style in order to get the most out of the interview.\r\n          </div>\r\n        </div>\r\n        <div class=\"more\" @click=\"toPath('/interview?source=webtable')\">\r\n          Find out more ＞\r\n        </div>\r\n      </div>\r\n      <div class=\"value patient\">\r\n        <div class=\"img\">\r\n          <img src=\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/focusGroup/focuebg.png\" alt=\"\">\r\n\r\n        </div>\r\n        <div class=\"title\">Focus Group / Traid / Duos</div>\r\n        <div class=\"text\">\r\n          <div class=\"one\">\r\n            These methodologies bring a small group of target people together to answer designed questions. As a group, respondents can provide more nuanced and natural feedback. Group dynamics is powerful in the discovery process and leads to new ideas & new findings.\r\n\r\n          </div>\r\n          <!-- <div class=\"two\">\r\n            While we recommend that focus groups consist of eight respondents or less, Triads and Duos may be suggested as alternatives for generating ideas while allowing more time each respondent for in-depth questioning.\r\n          </div> -->\r\n        </div>\r\n        <div class=\"more\" @click=\"toPath('/focus?source=webtable')\">\r\n          Find out more ＞\r\n        </div>\r\n      </div>\r\n      <div class=\"value consumer\">\r\n        <div class=\"img\">\r\n          <img src=\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/ethnography/ethnographybg.png\" alt=\"\">\r\n\r\n        </div>\r\n        <div class=\"title\">Ethnography</div>\r\n        <div class=\"text\">\r\n          <div class=\"one\">\r\n            A qualitative approach that involves relative submersion into a particular community or organization to observe their behavior and interactions up close\r\n          </div>\r\n        </div>\r\n        <div class=\"more\" @click=\"toPath('/ethnography?source=webtable')\">\r\n          Find out more ＞\r\n        </div>\r\n      </div>\r\n      <div class=\"value consumer\">\r\n        <div class=\"img\">\r\n          <img src=\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/gangSurvey/surveybg.png\" alt=\"\">\r\n\r\n        </div>\r\n        <div class=\"title\">Gang Survey</div>\r\n        <div class=\"text\">\r\n          <div class=\"one\">\r\n            A hybrid methodology of qualitative and quantitative research methodologies. Part 1: a self-completed, standardized questionnaire is administered under moderator supervision. Every participant receives same instructions and information.\r\n          </div>\r\n          <div class=\"two\">\r\n             Part 2: A group discussion is held on the most important qualitative questions--based on their quantitative answers in Part 1.\r\n\r\n          </div>\r\n        </div>\r\n        <div class=\"more\" @click=\"toPath('/gangsurvey?source=webtable')\">\r\n          Find out more ＞\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  data() {\r\n    return {};\r\n  },\r\n  methods: {\r\n    toPath(path) {\r\n      this.$router.push({\r\n        path\r\n      });\r\n    }\r\n  }\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.bigTitle {\r\n  font-size: 40px;\r\n  padding: 10px 120px 0;\r\n  font-weight: 700;\r\n}\r\n.box {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  margin: 20px 120px;\r\n  .value {\r\n    width: 24%;\r\n  position: relative;\r\n\r\n    // border: 1px solid #000;\r\n    background-color: #2cb1e9;\r\n    padding: 20px 20px 50px;\r\n    color: #fff;\r\n    .title {\r\n      font-size: 20px;\r\n      font-weight: 700;\r\n    }\r\n    .img {\r\n      width: 150px;\r\n      overflow: hidden;\r\n      img {\r\n        width: 300px;\r\n        transform: translateX(-50%); /* 向左平移50%以显示右半边 */\r\n      }\r\n    }\r\n\r\n    .text {\r\n      .one,\r\n      .two {\r\n        margin-top: 10px;\r\n      }\r\n    }\r\n    .more {\r\n      // margin-top: 15px;\r\n      position: absolute;\r\n      bottom: 15px;\r\n      cursor: pointer;\r\n      &:hover {\r\n        text-decoration: underline;\r\n      }\r\n    }\r\n  }\r\n}\r\n@media screen and (max-width: 576px) {\r\n  .bigTitle{\r\n    font-size: 80px;\r\n  }\r\n  .box{\r\n    flex-wrap: wrap;\r\n    .value{\r\n      width: 100%;\r\n      padding: 30px;\r\n      margin-bottom: 20px;\r\n      padding-bottom: 150px;\r\n      .title{\r\n        font-size: 75px;\r\n      }\r\n      .img{\r\n        width: 500px;\r\n        img{\r\n          width: 1000px;\r\n        }\r\n      }\r\n      .text{\r\n        font-size: 70px;\r\n      }\r\n      .more{\r\n        font-size: 70px;\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!./qual.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!./qual.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./qual.vue?vue&type=template&id=7d2ec2b8&scoped=true&\"\nimport script from \"./qual.vue?vue&type=script&lang=js&\"\nexport * from \"./qual.vue?vue&type=script&lang=js&\"\nimport style0 from \"./qual.vue?vue&type=style&index=0&id=7d2ec2b8&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  \"7d2ec2b8\",\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!./qual.vue?vue&type=style&index=0&id=7d2ec2b8&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!./qual.vue?vue&type=style&index=0&id=7d2ec2b8&lang=scss&scoped=true&\""],"sourceRoot":""}