{"version":3,"sources":["webpack:///./src/views/cn/solutions/menu/qual.vue?c068","webpack:///./src/views/cn/solutions/menu/qual.vue?632f","webpack:///src/views/cn/solutions/menu/qual.vue","webpack:///./src/views/cn/solutions/menu/qual.vue?d180","webpack:///./src/views/cn/solutions/menu/qual.vue"],"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-5fb55d58.482953e5.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!./qual.vue?vue&type=style&index=0&id=10c15c24&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=10c15c24&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:\"bigTitle\"},[_vm._v(\"定性\")]),_c('div',{staticClass:\"box\"},[_c('div',{staticClass:\"value physicians\"},[_vm._m(0),_c('div',{staticClass:\"title\"},[_vm._v(\"深度访谈（IDI）\")]),_vm._m(1),_c('div',{staticClass:\"more\",on:{\"click\":function($event){return _vm.toPath('/cn//interview?source=webtable')}}},[_vm._v(\" 了解更多 ＞ \")])]),_c('div',{staticClass:\"value patient\"},[_vm._m(2),_c('div',{staticClass:\"title\"},[_vm._v(\"小组座谈会 / 一对一 / 一对二\")]),_vm._m(3),_c('div',{staticClass:\"more\",on:{\"click\":function($event){return _vm.toPath('/cn/focus?source=webtable')}}},[_vm._v(\" 了解更多 ＞ \")])]),_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('/cn/ethnography?source=webtable')}}},[_vm._v(\" 了解更多 ＞ \")])]),_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('/cn/gangsurvey?source=webtable')}}},[_vm._v(\" 了解更多 ＞ \")])])])])}\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(\" 深入访谈 (IDI) 以1对1的方式进行。IDI的参与者有更多的时间发言和回答问题，这有助于对研究主题有更深入的了解。 \")]),_c('div',{staticClass:\"two\"},[_vm._v(\" 深度访谈还可以让主持人给予受访者充分的关注，我们的主持人也可以调整访谈风格，以便从访谈中获得最大的收获。 \")])])},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(\" 这些方法将一小群目标人群聚集在一起，回答设计好的问题。作为一个群体，受访者可以提供更细致、更自然的反馈。团队动态在发现过程中是强大的，并导致新的想法和新的发现。 \")])])},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(\" 一种定性的方法，涉及到相对深入到一个特定的社区或情境中，近距离观察他们的行为和相互作用 \")])])},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(\" 定性和定量研究方法的混合方法。 第一部分:在主持人的监督下，自行完成标准化问卷。每个参与者都收到相同的指示和信息。 \")]),_c('div',{staticClass:\"two\"},[_vm._v(\" 第二部分:小组讨论最重要的定性问题——基于他们在第一部分中的定量答案。 \")])])}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <div class=\"bigTitle\">定性</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\">深度访谈（IDI）</div>\r\n        <div class=\"text\">\r\n          <div class=\"one\">\r\n           深入访谈 (IDI) 以1对1的方式进行。IDI的参与者有更多的时间发言和回答问题，这有助于对研究主题有更深入的了解。\r\n          </div>\r\n          <div class=\"two\">\r\n             深度访谈还可以让主持人给予受访者充分的关注，我们的主持人也可以调整访谈风格，以便从访谈中获得最大的收获。\r\n          </div>\r\n        </div>\r\n        <div class=\"more\" @click=\"toPath('/cn//interview?source=webtable')\">\r\n          了解更多 ＞\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\">小组座谈会 / 一对一 / 一对二</div>\r\n        <div class=\"text\">\r\n          <div class=\"one\">\r\n           这些方法将一小群目标人群聚集在一起，回答设计好的问题。作为一个群体，受访者可以提供更细致、更自然的反馈。团队动态在发现过程中是强大的，并导致新的想法和新的发现。\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('/cn/focus?source=webtable')\">\r\n         了解更多 ＞\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           一种定性的方法，涉及到相对深入到一个特定的社区或情境中，近距离观察他们的行为和相互作用\r\n          </div>\r\n        </div>\r\n        <div class=\"more\" @click=\"toPath('/cn/ethnography?source=webtable')\">\r\n          了解更多 ＞\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           定性和定量研究方法的混合方法。 第一部分:在主持人的监督下，自行完成标准化问卷。每个参与者都收到相同的指示和信息。\r\n          </div>\r\n           <div class=\"two\">\r\n             第二部分:小组讨论最重要的定性问题——基于他们在第一部分中的定量答案。\r\n          </div>\r\n        </div>\r\n        <div class=\"more\" @click=\"toPath('/cn/gangsurvey?source=webtable')\">\r\n          了解更多 ＞\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=10c15c24&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=10c15c24&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  \"10c15c24\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}