{"version":3,"sources":["webpack:///./src/components/caseStudy.vue?4a20","webpack:///./src/components/caseStudy.vue?6d74","webpack:///src/components/caseStudy.vue","webpack:///./src/components/caseStudy.vue?5522","webpack:///./src/components/caseStudy.vue","webpack:///./src/views/solutions/Qualitative/focus.vue?28ba","webpack:///src/views/solutions/Qualitative/focus.vue","webpack:///./src/views/solutions/Qualitative/focus.vue?7507","webpack:///./src/views/solutions/Qualitative/focus.vue","webpack:///./src/views/solutions/Qualitative/focus.vue?fcd6"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","on","$event","btn","_l","caseList","slice","item","index","key","toDetail","id","subscribe","newsTitle","attrs","logo","_s","firstLabel","DialogShow","ref","ruleForm","rules","model","value","callback","$$v","$set","expression","staticStyle","directives","name","rawName","domProps","Array","isArray","check","_i","$$a","$$el","target","$$c","checked","$$i","concat","slot","submitForm","staticRenderFns","defaultForm","action","actionCase","targetName","mail","firstname","lastname","company","data","required","message","trigger","type","created","methods","_this","console","firstName","fullName","localStorage","form","actionRecords","query","source","getNewsList","pageSize","pageIndex","status","origin","firstLabelIds","then","res","component","_m","contact","toguid","$router","push","script","document","dataLayer","window","gtag","components","CaseStudy","webinercookies","path","advertisementFlow","information","loading","lock","background","setTimeout"],"mappings":"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","file":"static/js/chunk-372a8a65.41d57cda.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!./caseStudy.vue?vue&type=style&index=0&id=4637329d&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!./caseStudy.vue?vue&type=style&index=0&id=4637329d&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:\"casetitle\"},[_vm._v(\"Case Study\")]),_c('div',{staticClass:\"news\"},[_c('div',{staticClass:\"more\",on:{\"click\":function($event){return _vm.btn('/media?source=caseStudy')}}},[_vm._v(\"read more\")]),_c('div',{staticClass:\"newsList\"},_vm._l((_vm.caseList.slice(0,4)),function(item,index){return _c('div',{key:index,staticClass:\"one\",on:{\"click\":function($event){return _vm.toDetail(item.id,item.subscribe,item.newsTitle)}}},[_c('img',{attrs:{\"src\":item.logo}}),_c('div',{staticClass:\"title\"},[_vm._v(\" \"+_vm._s(item.firstLabel)+\"-\"+_vm._s(item.newsTitle)+\" \")])])}),0)]),_c('el-dialog',{attrs:{\"title\":\"\",\"visible\":_vm.DialogShow,\"width\":\"45%\"},on:{\"close\":function($event){_vm.DialogShow=false}}},[_c('span',[_c('div',{staticClass:\"from\"},[_c('div',{staticClass:\"formtitle\"},[_vm._v(\"Please fill in your information\")]),_c('el-form',{ref:\"ruleForm\",attrs:{\"model\":_vm.ruleForm,\"rules\":_vm.rules}},[_c('el-form-item',{attrs:{\"label\":\"First Name\",\"prop\":\"firstname\"}},[_c('el-input',{model:{value:(_vm.ruleForm.firstname),callback:function ($$v) {_vm.$set(_vm.ruleForm, \"firstname\", $$v)},expression:\"ruleForm.firstname\"}})],1),_c('el-form-item',{attrs:{\"label\":\"Last Name\",\"prop\":\"lastname\"}},[_c('el-input',{model:{value:(_vm.ruleForm.lastname),callback:function ($$v) {_vm.$set(_vm.ruleForm, \"lastname\", $$v)},expression:\"ruleForm.lastname\"}})],1),_c('el-form-item',{attrs:{\"label\":\"Email\",\"prop\":\"mail\"}},[_c('el-input',{model:{value:(_vm.ruleForm.mail),callback:function ($$v) {_vm.$set(_vm.ruleForm, \"mail\", $$v)},expression:\"ruleForm.mail\"}})],1),_c('el-form-item',{attrs:{\"label\":\"Company\",\"prop\":\"company\"}},[_c('el-input',{model:{value:(_vm.ruleForm.company),callback:function ($$v) {_vm.$set(_vm.ruleForm, \"company\", $$v)},expression:\"ruleForm.company\"}})],1),_c('el-form-item',{staticStyle:{\"width\":\"100%\"},attrs:{\"prop\":\"check\"}},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.ruleForm.check),expression:\"ruleForm.check\"}],staticClass:\"check\",attrs:{\"type\":\"checkbox\"},domProps:{\"checked\":Array.isArray(_vm.ruleForm.check)?_vm._i(_vm.ruleForm.check,null)>-1:(_vm.ruleForm.check)},on:{\"change\":function($event){var $$a=_vm.ruleForm.check,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.$set(_vm.ruleForm, \"check\", $$a.concat([$$v])))}else{$$i>-1&&(_vm.$set(_vm.ruleForm, \"check\", $$a.slice(0,$$i).concat($$a.slice($$i+1))))}}else{_vm.$set(_vm.ruleForm, \"check\", $$c)}}}}),_c('span',{staticStyle:{\"word-break\":\"break-word\"}},[_vm._v(\"Yes, I would like to receive digital communications from Holden brands. I may opt-out of communications at any time using the unsubscribe link at the bottom of any email communication.\")])])],1)],1)]),_c('span',{staticClass:\"dialog-footer\",attrs:{\"slot\":\"footer\"},slot:\"footer\"},[_c('el-button',{on:{\"click\":function($event){_vm.DialogShow = false}}},[_vm._v(\"cancel\")]),_c('el-button',{attrs:{\"type\":\"primary\"},on:{\"click\":function($event){return _vm.submitForm('ruleForm')}}},[_vm._v(\"submit\")])],1)])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <!-- case study -->\r\n    <div class=\"casetitle\">Case Study</div>\r\n    <div class=\"news\">\r\n      <div @click=\"btn('/media?source=caseStudy')\" class=\"more\">read more</div>\r\n      <div class=\"newsList\">\r\n        <div class=\"one\" v-for=\"(item,index) in caseList.slice(0,4)\" :key=\"index\" @click=\"toDetail(item.id,item.subscribe,item.newsTitle)\">\r\n          <img :src=\"item.logo\">\r\n          <div class=\"title\">\r\n            {{item.firstLabel}}-{{item.newsTitle}}\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <el-dialog title=\"\" :visible=\"DialogShow\" width=\"45%\" @close=\"DialogShow=false\">\r\n      <span>\r\n        <div class=\"from\">\r\n          <div class=\"formtitle\">Please fill in your information</div>\r\n          <el-form :model=\"ruleForm\" :rules=\"rules\" ref=\"ruleForm\">\r\n            <el-form-item label=\"First Name\" prop=\"firstname\">\r\n              <el-input v-model=\"ruleForm.firstname\" />\r\n            </el-form-item>\r\n            <el-form-item label=\"Last Name\" prop=\"lastname\">\r\n              <el-input v-model=\"ruleForm.lastname\" />\r\n            </el-form-item>\r\n            <el-form-item label=\"Email\" prop=\"mail\">\r\n              <el-input v-model=\"ruleForm.mail\" />\r\n            </el-form-item>\r\n            <el-form-item label=\"Company\" prop=\"company\">\r\n              <el-input v-model=\"ruleForm.company\" />\r\n            </el-form-item>\r\n            <!-- <div>We need your permission to stay in touch.</div> -->\r\n            <el-form-item prop=\"check\" style=\"width:100%\">\r\n\r\n              <input class=\"check\" type=\"checkbox\" v-model=\"ruleForm.check\"><span style=\"word-break: break-word;\">Yes, I would like to receive digital communications from Holden brands. I may opt-out of communications at any time using the unsubscribe link at the bottom of any email communication.</span>\r\n            </el-form-item>\r\n          </el-form>\r\n\r\n        </div>\r\n      </span>\r\n      <span slot=\"footer\" class=\"dialog-footer\">\r\n        <el-button @click=\"DialogShow = false\">cancel</el-button>\r\n        <el-button type=\"primary\" @click=\"submitForm('ruleForm')\">submit</el-button>\r\n\r\n      </span>\r\n    </el-dialog>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nconst defaultForm = {\r\n  action: \"News\",\r\n  actionCase: \"Readnews\",\r\n  targetName: \"\",\r\n  mail: \"\",\r\n  firstname: \"\",\r\n  lastname: \"\",\r\n  company: \"\",\r\n  check: true\r\n};\r\nimport { getNewsList, actionRecords } from \"@/api/api\";\r\n\r\nexport default {\r\n  data() {\r\n    const check = (rule, value, callback) => {\r\n      if (value == false) {\r\n        return callback(new Error(\"Please complete this required field\"));\r\n      } else {\r\n        callback();\r\n      }\r\n    };\r\n    return {\r\n      ruleForm: JSON.parse(JSON.stringify(defaultForm)),\r\n      rules: {\r\n        firstname: [{ required: true, message: \"Please complete this required field\", trigger: \"blur\" }],\r\n        lastname: [{ required: true, message: \"Please complete this required field\", trigger: \"blur\" }],\r\n        company: [{ required: true, message: \"Please complete this required field\", trigger: \"blur\" }],\r\n        mail: [\r\n          { required: true, message: \"Please complete this required field\", trigger: \"blur\" },\r\n          { type: \"email\", message: \"Email must be formatted correctly.\", trigger: [\"blur\"] }\r\n        ],\r\n        // check: [{ required: true, message: \"Please complete this required field\", trigger: \"blur\" }, { validator: check }]\r\n      },\r\n      DialogShow: false,\r\n      caseList: []\r\n    };\r\n  },\r\n  created() {\r\n    this.getNewsList();\r\n  },\r\n  methods: {\r\n    submitForm(formName) {\r\n      let _this = this;\r\n      // 数据写入表单\r\n      _this.$refs[formName].validate(valid => {\r\n        if (valid) {\r\n          _this.ruleForm.fullName = _this.ruleForm.firstname + \" \" + _this.ruleForm.lastname;\r\n          let ruleForm = {\r\n            action: \"News\",\r\n            actionCase: \"Readnews\",\r\n            firstName: _this.ruleForm.firstname,\r\n            fullName: _this.ruleForm.fullName,\r\n            mail: _this.ruleForm.mail,\r\n            company: _this.ruleForm.company\r\n          };\r\n          //   console.log(this.ruleForm);\r\n          localStorage.setItem(\"form\", JSON.stringify(this.ruleForm));\r\n          var form = JSON.parse(localStorage.getItem(\"form\"));\r\n          form.targetName = this.submitTitle;\r\n          console.log(form);\r\n          // 提交表单数据\r\n          actionRecords(form).then(res => {\r\n            // console.log(form);\r\n            // 如果没有cookie\r\n            // 提交成功\r\n            if (res.code == 10000) {\r\n              // 关闭弹框\r\n              this.DialogShow = false;\r\n              // 如果是同意或者没点，存入cookie\r\n              if (localStorage.getItem(\"agreeCookies\")) {\r\n                var val = localStorage.getItem(\"agreeCookies\");\r\n                var dataobj = JSON.parse(val);\r\n                if (dataobj.val == \"agree\") {\r\n                  this.$cookies.set(\"HoldenCookies\", \"panelDownloads\");\r\n                }\r\n              }else if(this.$cookies.isKey(\"defaultcookies\")){\r\n                  this.$cookies.set(\"HoldenCookies\", \"panelDownloads\");\r\n\r\n              }\r\n\r\n              // 跳转查看详情\r\n              this.$router.push({ name: \"newsDetail\", query: { id: this.submitId, source: \"casrStudy\" } });\r\n            }\r\n          });\r\n        } else {\r\n          console.log(\"error submit!!\");\r\n          return false;\r\n        }\r\n      });\r\n    },\r\n    getNewsList() {\r\n      getNewsList({\r\n        pageSize: 4,\r\n        pageIndex: 1,\r\n        status: 1, //启用\r\n        origin: 1, //前台\r\n        firstLabelIds: [1, 7]\r\n      }).then(res => {\r\n        if (res.code != 10000) {\r\n          this.$message.error(res.msg || \"查询案例分享失败\");\r\n          return;\r\n        }\r\n        this.caseList = res.datalist || [];\r\n        this.allCount = res.allCount;\r\n      });\r\n    },\r\n    toDetail(id, subscribe, newsTitle) {\r\n      // 如果需要权限但是没有cookies\r\n      if (subscribe == 1 && !this.$cookies.isKey(\"HoldenCookies\")) {\r\n        this.submitId = id;\r\n        this.DialogShow = true;\r\n        this.submitTitle = newsTitle;\r\n      }\r\n      // 如果需要权限并且没有cookie\r\n      else {\r\n        this.$router.push({ name: \"newsDetail\", query: { id: id, source: \"caseStudy\" } });\r\n      }\r\n    }\r\n  }\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.casetitle {\r\n  background-color: #fff;\r\n  font-size: 40px;\r\n  font-weight: 700;\r\n  padding: 50px 120px 0 120px;\r\n}\r\n.news {\r\n  padding: 0px 120px;\r\n  font-size: 18px;\r\n  position: relative;\r\n  background-color: #fff;\r\n\r\n  .bigtitle {\r\n    font-size: 40px;\r\n    font-weight: 700;\r\n    color: #ccc;\r\n  }\r\n  .more {\r\n    // width: 160px;\r\n    padding: 0 20px;\r\n    font-size: 16px;\r\n    color: #409eff;\r\n    background-color: #ecf5ff;\r\n    border: 1px solid #409eff;\r\n    border-radius: 8px;\r\n    text-align: center;\r\n    position: absolute;\r\n    right: 150px;\r\n    // top: -30px;\r\n  }\r\n  .more:hover {\r\n    cursor: pointer;\r\n    color: #2cb1e9;\r\n  }\r\n  .newsList {\r\n    // text-align: center;\r\n    display: flex;\r\n    justify-content: space-around;\r\n    flex-wrap: wrap;\r\n    .one {\r\n      cursor: pointer;\r\n      padding: 14px;\r\n      width: 21%;\r\n      margin: 40px auto;\r\n      border: 1px solid #d5dbe5;\r\n      border-radius: 8px;\r\n      box-shadow: 4px 4px 4px 0 #d5dbe5;\r\n      img {\r\n        width: 100%;\r\n        height: 170px;\r\n      }\r\n    }\r\n    .two {\r\n      width: 40%;\r\n    }\r\n  }\r\n}\r\n.check {\r\n  margin-right: 10px;\r\n}\r\n.from {\r\n  // width: 60%;\r\n  // margin: 80px auto;\r\n  // padding: 30px;\r\n  // transform: scale(1.3);\r\n  padding-top: 0px;\r\n  .formtitle {\r\n    text-align: center;\r\n    font-weight: 700;\r\n    font-size: 25px;\r\n    color: #ff0000;\r\n  }\r\n  @media screen and (max-width: 570px) {\r\n    .formtitle {\r\n      font-size: 45px;\r\n    }\r\n  }\r\n  .el-form {\r\n    // display: flex;\r\n    // flex-wrap: wrap;\r\n    // justify-content: space-between;\r\n    padding: 10px;\r\n    /deep/ .el-form-item {\r\n      display: inline-block;\r\n      display: flex;\r\n      // flex-wrap: wrap;\r\n      justify-content: start;\r\n      &:nth-child() {\r\n        .el-form-item__label {\r\n          // margin-left: 7px;\r\n        }\r\n      }\r\n      &:not(.text) {\r\n        // width: 50%;\r\n      }\r\n      &.text {\r\n        width: 100%;\r\n      }\r\n      .el-form-item__content {\r\n        font-size: 11px;\r\n        line-height: 20px;\r\n        flex: 1;\r\n        .el-input {\r\n          width: 238px !important;\r\n        }\r\n      }\r\n\r\n      .el-form-item__label {\r\n        width: 125px;\r\n        font-size: 15px;\r\n        display: block;\r\n        font-weight: normal;\r\n      }\r\n      .el-textarea__inner {\r\n        min-height: 104px !important;\r\n      }\r\n      .el-input__inner,\r\n      .el-textarea__inner {\r\n        background: #fafafa;\r\n        border: 1px solid #e6e6e6;\r\n        border-radius: 7px;\r\n        font-size: 15px;\r\n        width: 390px;\r\n      }\r\n      @media screen and (max-width: 576px) {\r\n        .el-input__inner {\r\n          font-size: 35px;\r\n          width: 700px;\r\n          height: 80px;\r\n        }\r\n        .el-form-item__label {\r\n          font-size: 35px;\r\n          width: 250px;\r\n        }\r\n        .el-form-item__content {\r\n          font-size: 30px;\r\n          line-height: 40px;\r\n        }\r\n      }\r\n      .el-form-item__error {\r\n        font-size: 12px !important;\r\n      }\r\n    }\r\n  }\r\n  & > * {\r\n    margin: 20px;\r\n  }\r\n  div {\r\n    margin-top: 12px;\r\n  }\r\n  .button {\r\n    margin: 0 auto;\r\n    margin-top: 20px;\r\n    background: #217df6;\r\n    font-size: 13px;\r\n    color: #fff;\r\n    border-radius: 7px;\r\n    text-align: center;\r\n    width: 150px;\r\n    padding: 10px;\r\n    // height: 34px;\r\n    // line-height: 34px;\r\n    cursor: pointer;\r\n  }\r\n  @media screen and (max-width: 576px) {\r\n    .button {\r\n      font-size: 35px;\r\n    }\r\n  }\r\n}\r\n@media screen and (max-width: 576px) {\r\n  /deep/ .el-dialog__wrapper {\r\n    .el-dialog {\r\n      width: 100% !important;\r\n      .el-dialog__footer {\r\n        .el-button {\r\n          font-size: 70px;\r\n          padding: 20px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .casetitle {\r\n    font-size: 80px;\r\n  }\r\n  .news {\r\n    .bigtitle {\r\n      font-size: 70px !important;\r\n    }\r\n    .more {\r\n      font-size: 70px;\r\n      // top: 130px;\r\n      // top: -30px;\r\n    }\r\n    .more {\r\n      top: -70px;\r\n    }\r\n    .casemore {\r\n      top: 80px;\r\n    }\r\n    .newsList {\r\n      padding-top: 30px;\r\n      .one {\r\n        width: 90%;\r\n        img {\r\n          height: auto;\r\n        }\r\n        .title {\r\n          font-size: 70px;\r\n        }\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!./caseStudy.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!./caseStudy.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./caseStudy.vue?vue&type=template&id=4637329d&scoped=true&\"\nimport script from \"./caseStudy.vue?vue&type=script&lang=js&\"\nexport * from \"./caseStudy.vue?vue&type=script&lang=js&\"\nimport style0 from \"./caseStudy.vue?vue&type=style&index=0&id=4637329d&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  \"4637329d\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"bg\"},[_c('div',{staticClass:\"top\"},[_c('div',{staticClass:\"text\"},[_c('div',{staticClass:\"title\"},[_vm._v(\" Focus Group / Traid / Duos \")]),_vm._m(0),_c('div',[_c('button',{on:{\"click\":_vm.contact}},[_vm._v(\"REQUEST A BID\")])])])]),_vm._m(1),_vm._m(2),_c('div',{staticClass:\"eGroup\"},[_c('div',{staticClass:\"value\"},[_vm._v(\"Our online-based \"),_c('span',{staticClass:\"egroup\",on:{\"click\":function($event){return _vm.toguid('/toolbox?source=focus','eGroup')}}},[_vm._v(\"eGroup\")]),_vm._v(\" tool helps you to speed up the fieldwork time, reduce travelling costs, and keep to the research scope. \")])]),_c('div',{staticClass:\"Consultants\"},[_vm._m(3),_c('div',{staticClass:\"text\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"Qualitative Consultants\")]),_c('div',{staticClass:\"value\"},[_vm._v(\"Meet \"),_c('a',{on:{\"click\":function($event){return _vm.$router.push('/team?source=focus')}}},[_vm._v(\"our consultants\")]),_vm._v(\" who can give you to the most relevant & local advice in carrying out your research study. \")])])]),_c('case-study')],1)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"value\"},[_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. \"),_c('br'),_vm._v(\" 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. \")])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"picture\"},[_c('img',{attrs:{\"src\":\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/focusGroup/focus1.jpg\"}}),_c('img',{attrs:{\"src\":\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/focusGroup/focus2.jpg\"}}),_c('img',{attrs:{\"src\":\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/focusGroup/focus3.jpg\"}})])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"recommended\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"Focus Groups are recommended when:\")]),_c('div',{staticClass:\"value\"},[_c('div',{staticClass:\"box\"},[_c('img',{attrs:{\"src\":\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/focusGroup/focusicon1.png\"}}),_c('div',{staticClass:\"text\"},[_vm._v(\"Consensus or debate is required to explore disparate views\")])]),_c('div',{staticClass:\"box\"},[_c('img',{attrs:{\"src\":\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/focusGroup/focusicon2.png\"}}),_c('div',{staticClass:\"text\"},[_vm._v(\"We want to generate opportunities for point-counterpoint discussion and resolution\")])]),_c('div',{staticClass:\"box\"},[_c('img',{attrs:{\"src\":\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/focusGroup/focusicon3.png\"}}),_c('div',{staticClass:\"text\"},[_vm._v(\"The interaction between the participants will likely spark a discussion that illuminates a topic and draws-out latent issues\")])]),_c('div',{staticClass:\"box\"},[_c('img',{attrs:{\"src\":\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/focusGroup/focusicon4.png\"}}),_c('div',{staticClass:\"text\"},[_vm._v(\"It is necessary to explore common trends\")])])])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"img\"},[_c('img',{staticClass:\"one\",attrs:{\"src\":\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/others/consultants.jpg\"}}),_c('img',{staticClass:\"two\",attrs:{\"src\":\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/others/consultants2.jpg\"}})])}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"bg\">\r\n    <div class=\"top\">\r\n      <div class=\"text\">\r\n        <div class=\"title\">\r\n          Focus Group / Traid / Duos\r\n        </div>\r\n        <div class=\"value\">\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          <br />\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\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=\"picture\">\r\n      <img src=\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/focusGroup/focus1.jpg\">\r\n      <img src=\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/focusGroup/focus2.jpg\">\r\n      <img src=\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/focusGroup/focus3.jpg\">\r\n    </div>\r\n\r\n    <div class=\"recommended\">\r\n      <div class=\"title\">Focus Groups are recommended when:</div>\r\n      <div class=\"value\">\r\n        <div class=\"box\">\r\n          <img src=\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/focusGroup/focusicon1.png\">\r\n          <div class=\"text\">Consensus or debate is required to explore disparate views</div>\r\n        </div>\r\n        <div class=\"box\">\r\n          <img src=\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/focusGroup/focusicon2.png\">\r\n          <div class=\"text\">We want to generate opportunities for point-counterpoint discussion and resolution</div>\r\n        </div>\r\n        <div class=\"box\">\r\n          <img src=\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/focusGroup/focusicon3.png\">\r\n          <div class=\"text\">The interaction between the participants will likely spark a discussion that illuminates a topic and draws-out latent issues</div>\r\n        </div>\r\n        <div class=\"box\">\r\n          <img src=\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/focusGroup/focusicon4.png\">\r\n          <div class=\"text\">It is necessary to explore common trends</div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n    <div class=\"eGroup\">\r\n      <div class=\"value\">Our online-based <span class=\"egroup\" @click=\"toguid('/toolbox?source=focus','eGroup')\">eGroup</span> tool helps you to speed up the fieldwork time, reduce travelling costs, and keep to the research scope.\r\n\r\n      </div>\r\n    </div>\r\n\r\n    <!-- Qualitative Consultants -->\r\n    <div class=\"Consultants\">\r\n      <div class=\"img\">\r\n        <img src=\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/others/consultants.jpg\" class=\"one\">\r\n        <img src=\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/others/consultants2.jpg\" class=\"two\">\r\n\r\n      </div>\r\n      <div class=\"text\">\r\n        <div class=\"title\">Qualitative Consultants</div>\r\n        <div class=\"value\">Meet <a @click=\"$router.push('/team?source=focus')\">our consultants</a> who can give you to the most relevant & local advice in carrying out your research study.\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n    <!-- Case Study -->\r\n    <case-study />\r\n\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport CaseStudy from \"@/components/caseStudy\";\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  components: {\r\n    CaseStudy\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    toguid(path, id) {\r\n      var Id = id;\r\n      localStorage.setItem(\"toId\", Id);\r\n      this.$router.push({ path });\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: \"focus\",\r\n          source: \"\",\r\n          information: \"Solutions_focus\"\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: \"focus\",\r\n          source: this.$route.query.source,\r\n          information: \"Solutions_focus\"\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.bg {\r\n  background-image: url(\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/focusGroup/focusbg2.png\");\r\n  background-attachment: fixed;\r\n  background-size: cover;\r\n}\r\n.top {\r\n  padding: 60px 200px;\r\n  background-image: url(\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/focusGroup/focuebg.png\");\r\n  background-size: cover;\r\n\r\n  // height: 600px;\r\n  .text {\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      color: #fff;\r\n    }\r\n    .value {\r\n      font-size: 20px;\r\n      color: #fff;\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.picture {\r\n  background-color: #fff;\r\n  padding: 120px 120px;\r\n  display: flex;\r\n  justify-content: space-between;\r\n  img {\r\n    width: 30%;\r\n  }\r\n}\r\n.recommended {\r\n  background-color: #fff;\r\n  padding: 80px 120px;\r\n  text-align: center;\r\n  .title {\r\n    font-size: 40px;\r\n    font-weight: 700;\r\n    padding-bottom: 60px;\r\n  }\r\n  .value {\r\n    display: flex;\r\n    justify-content: space-around;\r\n    flex-wrap: wrap;\r\n    // padding: 50px;\r\n    .box {\r\n      width: 20.5%;\r\n      img {\r\n        width: 100px;\r\n        margin-bottom: 30px;\r\n      }\r\n      .text {\r\n        font-size: 20px;\r\n        font-weight: 700;\r\n        margin-bottom: 20px;\r\n      }\r\n    }\r\n  }\r\n}\r\n.eGroup {\r\n  .egroup {\r\n    color: #f56c6c;\r\n    text-decoration: underline;\r\n    cursor: pointer;\r\n    &:hover {\r\n      color: #ff0000;\r\n    }\r\n  }\r\n  padding: 120px;\r\n  background-color: rgba(255, 255, 255, 0.5);\r\n  .value {\r\n    font-size: 35px;\r\n    color: #fff;\r\n    font-weight: 700;\r\n  }\r\n}\r\n.Consultants {\r\n  display: flex;\r\n  padding: 80px 120px;\r\n  position: relative;\r\n  overflow: hidden;\r\n  background-color: #e8eaed;\r\n  .img {\r\n    width: 50%;\r\n\r\n    .one {\r\n      position: absolute;\r\n      left: 0;\r\n      top: -40px;\r\n      width: 400px;\r\n      border-radius: 50%;\r\n      border: 6px dotted #f56c6c;\r\n    }\r\n    .two {\r\n      position: absolute;\r\n      top: 230px;\r\n      left: 350px;\r\n      width: 350px;\r\n      border-radius: 20%;\r\n      border: 6px dotted #f56c6c;\r\n    }\r\n  }\r\n  .text {\r\n    width: 50%;\r\n    .title {\r\n      font-size: 40px;\r\n      font-weight: 700;\r\n      color: #f56c6c;\r\n    }\r\n    .value {\r\n      font-size: 23px;\r\n      font-weight: 700;\r\n      // text-align: center;\r\n      padding: 50px;\r\n      color: #003c50;\r\n      a {\r\n        font-size: 30px;\r\n        color: #f56c6c;\r\n        text-decoration: underline;\r\n        &:hover {\r\n          color: #ff0000;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n@media screen and (max-width: 576px) {\r\n  .top {\r\n    padding: 90px 100px;\r\n    .text {\r\n      width: 100%;\r\n      .title {\r\n        width: 80%;\r\n        font-size: 110px;\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  .recommended {\r\n    .title {\r\n      font-size: 80px;\r\n    }\r\n    .value {\r\n      .box {\r\n        width: 90%;\r\n        img {\r\n          width: 400px;\r\n        }\r\n        .text {\r\n          font-size: 70px;\r\n          margin-bottom: 200px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .eGroup {\r\n    .value {\r\n      font-size: 80px;\r\n    }\r\n  }\r\n  .Consultants {\r\n    display: block;\r\n    .img {\r\n      width: 100%;\r\n      .one {\r\n        width: 800px;\r\n      }\r\n      .two {\r\n        width: 700px;\r\n        top: 500px;\r\n        left: 700px;\r\n      }\r\n    }\r\n    .text {\r\n      width: 100%;\r\n      padding-top: 1000px;\r\n      .title {\r\n        font-size: 80px;\r\n      }\r\n      .value {\r\n        font-size: 70px;\r\n        a {\r\n          font-size: 75px;\r\n        }\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!./focus.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!./focus.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./focus.vue?vue&type=template&id=44fb0a8d&scoped=true&\"\nimport script from \"./focus.vue?vue&type=script&lang=js&\"\nexport * from \"./focus.vue?vue&type=script&lang=js&\"\nimport style0 from \"./focus.vue?vue&type=style&index=0&id=44fb0a8d&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  \"44fb0a8d\",\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!./focus.vue?vue&type=style&index=0&id=44fb0a8d&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!./focus.vue?vue&type=style&index=0&id=44fb0a8d&lang=scss&scoped=true&\""],"sourceRoot":""}