{"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/interview.vue?9cce","webpack:///src/views/solutions/Qualitative/interview.vue","webpack:///./src/views/solutions/Qualitative/interview.vue?3cf9","webpack:///./src/views/solutions/Qualitative/interview.vue","webpack:///./src/views/solutions/Qualitative/interview.vue?9cc6","webpack:///./src/views/solutions/Qualitative/interview.vue?226f"],"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","components","CaseStudy","script","document","dataLayer","window","gtag","webinercookies","advertisementFlow","path","information","loading","lock","background","setTimeout"],"mappings":"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","file":"static/js/chunk-3b805524.ed6693c1.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',[_c('div',{staticClass:\"top\"},[_c('div',{staticClass:\"text\"},[_c('div',{staticClass:\"title\"},[_vm._v(\" In-Depth Interview (IDI) \")]),_vm._m(0),_c('div',[_c('button',{on:{\"click\":_vm.contact}},[_vm._v(\"REQUEST A BID\")])])])]),_vm._m(1),_c('div',{staticClass:\"cardtitle\"},[_vm._v(\" IDI conducted in \")]),_c('el-carousel',{attrs:{\"interval\":4000,\"type\":\"card\",\"autoplay\":false,\"indicator-position\":\"none\"}},[_c('el-carousel-item',[_c('div',{staticClass:\"medium\"},[_c('div',{staticClass:\"year\"},[_vm._v(\" 2021 \")]),_c('div',{staticClass:\"value\"},[_c('div',{staticClass:\"hcp\"},[_vm._v(\" 1069 Asia HCPs \")]),_c('div',{staticClass:\"patients\"},[_vm._v(\" 209 Asia patients \")]),_c('div',{staticClass:\"consumer\"},[_vm._v(\" 1008 Asia consumers \")])])])]),_c('el-carousel-item',[_c('div',{staticClass:\"medium\"},[_c('div',{staticClass:\"year\"},[_vm._v(\" 2022 \")]),_c('div',{staticClass:\"value\"},[_c('div',{staticClass:\"hcp\"},[_vm._v(\" 1071 Asia HCPs \")]),_c('div',{staticClass:\"patients\"},[_vm._v(\" 91 Asia patients \")]),_c('div',{staticClass:\"consumer\"},[_vm._v(\" 625 Asia consumers \")])])])]),_c('el-carousel-item',[_c('div',{staticClass:\"medium\"},[_c('div',{staticClass:\"year\"},[_vm._v(\" 2020 \")]),_c('div',{staticClass:\"value\"},[_c('div',{staticClass:\"hcp\"},[_vm._v(\" 981 Asia HCPs \")]),_c('div',{staticClass:\"patients\"},[_vm._v(\" 127 Asia patients \")]),_c('div',{staticClass:\"consumer\"},[_vm._v(\" 725 Asia consumers \")])])])])],1),_vm._m(2),_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(\" 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('br'),_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:\"recommended\"},[_c('div',{staticClass:\"title\"},[_vm._v(\" IDI is recommended when: \")]),_c('div',{staticClass:\"value\"},[_c('div',{staticClass:\"box\"},[_c('img',{attrs:{\"src\":\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/interview/interview1.png\"}}),_c('div',{staticClass:\"text\"},[_vm._v(\" Working with small target populations \")])]),_c('div',{staticClass:\"box\"},[_c('img',{attrs:{\"src\":\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/interview/interview2.png\"}}),_c('div',{staticClass:\"text\"},[_vm._v(\" Geographically-dispersed study area \")])]),_c('div',{staticClass:\"box\"},[_c('img',{attrs:{\"src\":\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/interview/interview3.png\"}}),_c('div',{staticClass:\"text\"},[_vm._v(\" Deep layers of information from probing are required \")])]),_c('div',{staticClass:\"box\"},[_c('img',{attrs:{\"src\":\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/interview/interview4.png\"}}),_c('div',{staticClass:\"text\"},[_vm._v(\" Require a quick, easy to manage general understanding of the market \")])])])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"Consultants\"},[_c('div',{staticClass:\"title\"},[_vm._v(\" Strengths of our Qualitative research consultants \")]),_c('div',{staticClass:\"value\"},[_c('div',{staticClass:\"box\"},[_c('img',{attrs:{\"src\":\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/interview/interview5.png\"}}),_c('div',{staticClass:\"text\"},[_vm._v(\" Local Expertise \")])]),_c('div',{staticClass:\"box\"},[_c('img',{attrs:{\"src\":\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/interview/interview6.png\"}}),_c('div',{staticClass:\"text\"},[_vm._v(\" Industry Knowledge \")])]),_c('div',{staticClass:\"box\"},[_c('img',{attrs:{\"src\":\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/interview/interview7.png\"}}),_c('div',{staticClass:\"text\"},[_vm._v(\" Trained & Experienced \")])]),_c('div',{staticClass:\"box\"},[_c('img',{attrs:{\"src\":\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/interview/interview8.png\"}}),_c('div',{staticClass:\"text\"},[_vm._v(\" Transcription/Summary to Reporting \")])])])])}]\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          In-Depth Interview (IDI)\r\n        </div>\r\n        <div class=\"value\">\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          </br>\r\n\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\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=\"recommended\">\r\n      <div class=\"title\">\r\n        IDI is recommended when:\r\n      </div>\r\n      <div class=\"value\">\r\n        <div class=\"box\">\r\n          <img src=\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/interview/interview1.png\">\r\n          <div class=\"text\">\r\n            Working with small target populations\r\n          </div>\r\n        </div>\r\n        <div class=\"box\">\r\n          <img src=\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/interview/interview2.png\">\r\n          <div class=\"text\">\r\n            Geographically-dispersed study area\r\n\r\n          </div>\r\n        </div>\r\n        <div class=\"box\">\r\n          <img src=\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/interview/interview3.png\">\r\n          <div class=\"text\">\r\n            Deep layers of information from probing are required\r\n\r\n          </div>\r\n        </div>\r\n        <div class=\"box\">\r\n          <img src=\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/interview/interview4.png\">\r\n          <div class=\"text\">\r\n            Require a quick, easy to manage general understanding of the market\r\n\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n    <!-- 卡片 -->\r\n    <div class=\"cardtitle\">\r\n      IDI conducted in\r\n    </div>\r\n    <el-carousel :interval=\"4000\" type=\"card\" :autoplay=\"false\" indicator-position=\"none\">\r\n      <el-carousel-item>\r\n        <div class=\"medium\">\r\n          <div class=\"year\">\r\n            2021\r\n          </div>\r\n          <div class=\"value\">\r\n            <div class=\"hcp\">\r\n              1069 Asia HCPs\r\n            </div>\r\n            <div class=\"patients\">\r\n              209 Asia patients\r\n            </div>\r\n            <div class=\"consumer\">\r\n              1008 Asia consumers\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </el-carousel-item>\r\n      <el-carousel-item>\r\n        <div class=\"medium\">\r\n          <div class=\"year\">\r\n            2022\r\n          </div>\r\n          <div class=\"value\">\r\n            <div class=\"hcp\">\r\n              1071 Asia HCPs\r\n            </div>\r\n            <div class=\"patients\">\r\n              91 Asia patients\r\n            </div>\r\n            <div class=\"consumer\">\r\n              625 Asia consumers\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </el-carousel-item>\r\n      <el-carousel-item>\r\n        <div class=\"medium\">\r\n          <div class=\"year\">\r\n            2020\r\n          </div>\r\n          <div class=\"value\">\r\n            <div class=\"hcp\">\r\n              981 Asia HCPs\r\n            </div>\r\n            <div class=\"patients\">\r\n              127 Asia patients\r\n            </div>\r\n            <div class=\"consumer\">\r\n              725 Asia consumers\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </el-carousel-item>\r\n    </el-carousel>\r\n\r\n    <div class=\"Consultants\">\r\n      <div class=\"title\">\r\n        Strengths of our Qualitative research consultants\r\n\r\n      </div>\r\n      <div class=\"value\">\r\n        <div class=\"box\">\r\n          <img src=\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/interview/interview5.png\">\r\n          <div class=\"text\">\r\n            Local Expertise\r\n          </div>\r\n        </div>\r\n        <div class=\"box\">\r\n          <img src=\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/interview/interview6.png\">\r\n          <div class=\"text\">\r\n            Industry Knowledge\r\n          </div>\r\n        </div>\r\n        <div class=\"box\">\r\n          <img src=\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/interview/interview7.png\">\r\n          <div class=\"text\">\r\n            Trained & Experienced\r\n          </div>\r\n        </div>\r\n        <div class=\"box\">\r\n          <img src=\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/interview/interview8.png\">\r\n          <div class=\"text\">\r\n            Transcription/Summary to Reporting\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n    <case-study />\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  components: {\r\n    CaseStudy\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: \"interview\",\r\n          source: \"\",\r\n          information: \"Solutions_interview\"\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: \"interview\",\r\n          source: this.$route.query.source,\r\n          information: \"Solutions_interview\"\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: 90px 200px;\r\n  // height: 600px;\r\n  background-image: url(\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/interview/interviewbg.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.recommended,\r\n.Consultants {\r\n  padding: 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.cardtitle {\r\n  color: #2cb1e9;\r\n  padding: 80px 120px 30px 120px;\r\n  text-align: center;\r\n  font-weight: 700;\r\n  font-size: 45px;\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: 20px;\r\n      }\r\n    }\r\n  }\r\n  .recommended,\r\n  .Consultants {\r\n    .title {\r\n      font-size: 80px;\r\n      margin-bottom: 100px;\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: 150px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .cardtitle {\r\n    font-size: 80px;\r\n  }\r\n}\r\n</style>\r\n<style lang=\"scss\">\r\n.el-carousel__container {\r\n  margin-bottom: 60px;\r\n  height: 350px;\r\n}\r\n.el-carousel__item {\r\n  .medium {\r\n    padding: 50px;\r\n    text-align: center;\r\n    font-size: 35px;\r\n    font-weight: 700;\r\n    color: #fff;\r\n    .year {\r\n      font-size: 40px;\r\n      margin-bottom: 60px;\r\n    }\r\n  }\r\n  .el-carousel__mask {\r\n    opacity: 0.4;\r\n  }\r\n}\r\n\r\n.el-carousel__item:nth-child(2n) {\r\n  background-color: #2cb1e9;\r\n}\r\n\r\n.el-carousel__item:nth-child(2n + 1) {\r\n  background-color: #2cb1e9;\r\n}\r\n\r\n@media screen and (max-width: 576px) {\r\n  .el-carousel__item {\r\n    width: 60%;\r\n    .medium {\r\n      font-size: 65px;\r\n      .year {\r\n        font-size: 80px;\r\n      }\r\n    }\r\n  }\r\n  .el-carousel {\r\n    // height: 600px;\r\n    .el-carousel__container {\r\n      height: 600px !important;\r\n      .el-carousel__arrow {\r\n        width: 100px;\r\n        height: 100px;\r\n        i {\r\n          font-size: 40px;\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!./interview.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!./interview.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./interview.vue?vue&type=template&id=51e09976&scoped=true&\"\nimport script from \"./interview.vue?vue&type=script&lang=js&\"\nexport * from \"./interview.vue?vue&type=script&lang=js&\"\nimport style0 from \"./interview.vue?vue&type=style&index=0&id=51e09976&lang=scss&scoped=true&\"\nimport style1 from \"./interview.vue?vue&type=style&index=1&lang=scss&\"\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  \"51e09976\",\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!./interview.vue?vue&type=style&index=0&id=51e09976&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!./interview.vue?vue&type=style&index=0&id=51e09976&lang=scss&scoped=true&\"","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!./interview.vue?vue&type=style&index=1&lang=scss&\"; 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!./interview.vue?vue&type=style&index=1&lang=scss&\""],"sourceRoot":""}