{"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/assets/img/holdenanswer.png","webpack:///./src/views/products/toolbox.vue?47dc","webpack:///./src/assets/img/api.png","webpack:///./src/views/products/toolbox.vue?6b9b","webpack:///src/views/products/toolbox.vue","webpack:///./src/views/products/toolbox.vue?63b2","webpack:///./src/views/products/toolbox.vue"],"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","module","exports","class","bg","products","_m","_e","toPath","script","document","dataLayer","window","gtag","watch","$route","mounted","components","CaseStudy","path","webinercookies","advertisementFlow","information","loading","lock","background","setTimeout","toLocal","toElement","destroyed"],"mappings":"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","file":"static/js/chunk-0e16c852.9f4ce952.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","module.exports = __webpack_public_path__ + \"static/img/holdenanswer.bb29c9a0.png\";","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!./toolbox.vue?vue&type=style&index=0&id=7a9b2830&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!./toolbox.vue?vue&type=style&index=0&id=7a9b2830&lang=scss&scoped=true&\"","module.exports = __webpack_public_path__ + \"static/img/api.19955323.png\";","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticStyle:{}},[_c('div',{staticClass:\"bigtitle\"},[_vm._v(\" Holden Online Toolbox \")]),_c('div',{staticClass:\"menu\"},[_c('div',{staticClass:\"icon equote\",class:{bg:_vm.products==1},on:{\"mouseover\":function($event){_vm.products=1}}},[_c('i',{staticClass:\"el-icon-s-opportunity\"}),_c('div',[_vm._v(\"eQuote\")])]),_c('div',{staticClass:\"icon\",class:{bg:_vm.products==2},on:{\"mouseover\":function($event){_vm.products=2}}},[_c('i',{staticClass:\"el-icon-question\"}),_c('div',[_vm._v(\"Holden Answer\")])]),_c('div',{staticClass:\"icon\",class:{bg:_vm.products==3},on:{\"mouseover\":function($event){_vm.products=3}}},[_c('i',{staticClass:\"el-icon-s-promotion\"}),_c('div',[_vm._v(\"API\")])]),_c('div',{staticClass:\"icon\",class:{bg:_vm.products==5},on:{\"mouseover\":function($event){_vm.products=5}}},[_c('i',{staticClass:\"el-icon-s-order\"}),_c('div',[_vm._v(\"Survey Panda\")])])]),_c('div',{staticClass:\"productsValue\"},[(_vm.products==1)?_c('div',{staticClass:\"one\"},[_vm._m(0),_vm._m(1),_vm._m(2)]):_vm._e(),(_vm.products==2)?_c('div',{staticClass:\"two\"},[_vm._m(3),_c('div',{staticClass:\"holdenanswer\"},[_vm._m(4),_c('div',{staticClass:\"value\"},[_vm._m(5),_vm._m(6),_vm._m(7),_vm._m(8),_c('div',{staticClass:\"button\"},[_c('el-button',{attrs:{\"type\":\"primary\"},on:{\"click\":function($event){return _vm.toPath('/contact?source=products')}}},[_vm._v(\"Request a demo\")]),_c('el-button',{attrs:{\"type\":\"primary\"}},[_c('a',{attrs:{\"href\":\"https://www.asiamedeyes.com/#/login\",\"target\":\"_blank\"}},[_vm._v(\"Try it!\")])])],1)]),_vm._m(9)])]):_vm._e(),(_vm.products==3)?_c('div',{staticClass:\"three\"},[_c('div',{staticClass:\"title\"},[_vm._v(\" API \")]),_c('div',{staticClass:\"apiimg\"},[_vm._m(10),_c('div',{staticClass:\"value\"},[_vm._m(11),_vm._m(12),_vm._m(13),_vm._m(14),_vm._m(15),_c('div',{staticClass:\"button\"},[_c('el-button',{attrs:{\"type\":\"primary\"},on:{\"click\":function($event){return _vm.toPath('/contact?source=products')}}},[_vm._v(\"Contact us\")])],1)]),_vm._m(16)])]):_vm._e(),(_vm.products==5)?_c('div',{staticClass:\"five\"},[_vm._m(17)]):_vm._e()]),_c('case-study')],1)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"logo\"},[_c('img',{attrs:{\"src\":require(\"@/assets/img/equote.png\"),\"alt\":\"\"}})])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"title\"},[_c('span',{staticClass:\"big\"},[_vm._v(\"H\")]),_vm._v(\" o l d e n ' s \"),_c('span',{staticClass:\"big space\"},[_vm._v(\"I\")]),_vm._v(\" n s t a n t \"),_c('span',{staticClass:\"big space\"},[_vm._v(\"Q\")]),_vm._v(\" u o t a t i o n \"),_c('span',{staticClass:\"big space\"},[_vm._v(\"S\")]),_vm._v(\" y s t e m \")])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"AllValue\"},[_c('div',{staticClass:\"left\"},[_c('div',{staticClass:\"leftVale\"},[_c('div',{staticClass:\"title\"},[_c('span',{staticClass:\"big\"},[_vm._v(\"W\")]),_vm._v(\"hat is eQuote?\")]),_c('div',{},[_vm._v(\"It is an AI tool used to get a quick ballpark quotation to check the cost of conducting fieldwork\")])]),_c('div',{staticClass:\"leftVale\"},[_c('div',{staticClass:\"title\"},[_c('span',{staticClass:\"big\"},[_vm._v(\"W\")]),_vm._v(\"Who can use eQuote?\")]),_c('div',{},[_vm._v(\"Anyone, once you register with us. Register with us HERE\")])])]),_c('div',{staticClass:\"right\"},[_c('div',{staticClass:\"rightValue\"},[_c('div',{staticClass:\"rightTitle\"},[_c('div',[_vm._v(\"√\")]),_vm._v(\"Instant Quotations: \")]),_c('div',{staticClass:\"rightText\"},[_vm._v(\"Get quick, comprehensive quotes with just a few clicks, eliminating waiting times.\")])]),_c('div',{staticClass:\"rightValue\"},[_c('div',{staticClass:\"rightTitle\"},[_c('div',[_vm._v(\"√\")]),_vm._v(\"Wide Coverage: \")]),_c('div',{staticClass:\"rightText\"},[_vm._v(\"Coverage of different levels of physicians in Asian markets for comprehensive data support.\")])]),_c('div',{staticClass:\"rightValue\"},[_c('div',{staticClass:\"rightTitle\"},[_c('div',[_vm._v(\"√\")]),_vm._v(\"Accurate and Reliable: \")]),_c('div',{staticClass:\"rightText\"},[_vm._v(\"Built on extensive data analysis and precise market intelligence for informed decisions.\")])]),_c('div',{staticClass:\"rightValue\"},[_c('div',{staticClass:\"rightTitle\"},[_c('div',[_vm._v(\"√\")]),_vm._v(\"User-Friendly: \")]),_c('div',{staticClass:\"rightText\"},[_vm._v(\"Intuitive interface suitable for all experience levels.\")])])])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"title\"},[_vm._v(\" Innovate, Interact, Insight: \"),_c('br'),_vm._v(\"AME - Your Gateway to Smart Healthcare Research \")])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"holderanswerimg d-block d-sm-none\"},[_c('img',{attrs:{\"src\":require(\"@/assets/img/holdenanswer.png\"),\"alt\":\"\"}})])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticStyle:{\"display\":\"flex\",\"margin-bottom\":\"20px\"}},[_c('div',[_c('span',{staticStyle:{\"color\":\"#2cb1e9\",\"font-weight\":\"700\"}},[_vm._v(\"Holden Answer\")]),_vm._v(\" is an interactive, Al-enabled interface for market researchers in the healthcare industry.\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticStyle:{\"display\":\"flex\",\"margin-bottom\":\"20px\"}},[_c('div',[_vm._v(\"In additional to web trawling functions, and its advanced language model, Holden has built upon it to with its database of both primary and secondary research data to provide both researchers up-to-date and useful market information.\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticStyle:{\"display\":\"flex\",\"margin-bottom\":\"20px\"}},[_c('div',[_vm._v(\"Friends and clients of Holden can take advantage of non-sensitive primary and secondary research data to supplement their research or simply get to know more about their target markets.\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticStyle:{\"display\":\"flex\",\"margin-bottom\":\"20px\"}},[_c('div',[_vm._v(\"Whether you need help with healthcare, research, want to brainstorm ideas, or simply engage in a friendly conversation, \"),_c('span',{staticStyle:{\"color\":\"#2cb1e9\",\"font-weight\":\"700\"}},[_vm._v(\"Holden Answer\")]),_vm._v(\" is here to provide you with intelligent and interactive assistance.\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"holderanswerimg d-none d-sm-block\"},[_c('img',{attrs:{\"src\":require(\"@/assets/img/holdenanswer.png\"),\"alt\":\"\"}})])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"holderanswerimg d-block d-sm-none\"},[_c('img',{attrs:{\"src\":require(\"@/assets/img/api.png\"),\"alt\":\"\"}})])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticStyle:{\"display\":\"flex\",\"margin-bottom\":\"20px\"}},[_c('div',[_vm._v(\"Unlock the full potential of our proprietary products by seamlessly integrating with our custom-developed API. Empower partners to harness the capabilities of our cutting-edge solutions and enhance their applications with ease.\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"api\",staticStyle:{\"display\":\"flex\"}},[_c('div',{staticClass:\"apileft\"},[_vm._v(\"● Seamless Integration:\")]),_c('div',{staticClass:\"apiright\"},[_vm._v(\" Our API is designed for effortless integration, ensuring a smooth and efficient collaboration between our products and your applications.\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"api\",staticStyle:{\"display\":\"flex\"}},[_c('div',{staticClass:\"apileft\"},[_vm._v(\"● Customization:\")]),_c('div',{staticClass:\"apiright\"},[_vm._v(\" Tailor our solutions to meet your specific needs. Our API allows for flexible customization, enabling partners to adapt and optimize functionality according to their unique requirements.\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"api\",staticStyle:{\"display\":\"flex\"}},[_c('div',{staticClass:\"apileft\"},[_vm._v(\"● Efficiency and Productivity:\")]),_c('div',{staticClass:\"apiright\"},[_vm._v(\" Streamline workflows and boost productivity with the seamless connectivity facilitated by our API, allowing for quick data exchange and real-time updates.\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticStyle:{\"display\":\"flex\"}},[_c('div',[_vm._v(\"Partner with us to take advantage of these benefits and elevate your applications to new heights with our powerful API integration.\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"holderanswerimg d-none d-sm-block\"},[_c('img',{attrs:{\"src\":require(\"@/assets/img/api.png\"),\"alt\":\"\"}})])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"SurveyPanda\",attrs:{\"id\":\"SurveyPanda\"}},[_c('div',{staticClass:\"text\"},[_c('div',{staticClass:\"title\"},[_vm._v(\" SurveyPanda \")]),_c('div',{staticClass:\"value\"},[_vm._v(\" Is our self-developed online data collection platform and reporting system. SurveyPanda is user friendly and allows for DIY research solutions. At the same time, it is designed to cater for complicated market research requirement. \")])]),_c('div',{staticClass:\"img\"},[_c('img',{attrs:{\"src\":\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/programming/surveyPanda.jpg\",\"alt\":\"\"}}),_c('div',{staticClass:\"color\"})])])}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div style=\"backgroundColor:\">\r\n    <div class=\"bigtitle\">\r\n      Holden Online Toolbox\r\n    </div>\r\n    <div class=\"menu\">\r\n      <div class=\"icon equote\" @mouseover=\"products=1\" :class=\"{bg:products==1}\">\r\n        <i class=\"el-icon-s-opportunity\"></i>\r\n        <div>eQuote</div>\r\n      </div>\r\n      <div class=\"icon\" @mouseover=\"products=2\" :class=\"{bg:products==2}\">\r\n        <i class=\"el-icon-question\"></i>\r\n        <div>Holden Answer</div>\r\n      </div>\r\n      <div class=\"icon\" @mouseover=\"products=3\" :class=\"{bg:products==3}\">\r\n        <i class=\"el-icon-s-promotion\"></i>\r\n        <div>API</div>\r\n      </div>\r\n\r\n      <div class=\"icon\" @mouseover=\"products=5\" :class=\"{bg:products==5}\">\r\n        <i class=\"el-icon-s-order\"></i>\r\n        <div>Survey Panda</div>\r\n      </div>\r\n    </div>\r\n    <div class=\"productsValue\">\r\n      <div v-if=\"products==1\" class=\"one\">\r\n        <div class=\"logo\">\r\n          <img src=\"@/assets/img/equote.png\" alt=\"\">\r\n        </div>\r\n        <div class=\"title\">\r\n          <span class=\"big\">H</span> o l d e n ' s <span class=\"big space\">I</span> n s t a n t <span class=\"big space\">Q</span> u o t a t i o n <span class=\"big space\">S</span> y s t e m\r\n        </div>\r\n        <div class=\"AllValue\">\r\n          <div class=\"left\">\r\n            <div class=\"leftVale\">\r\n              <div class=\"title\"><span class=\"big\">W</span>hat is eQuote?</div>\r\n              <div class=\"\">It is an AI tool used to get a quick ballpark quotation to check the cost of conducting fieldwork</div>\r\n            </div>\r\n            <div class=\"leftVale\">\r\n              <div class=\"title\"> <span class=\"big\">W</span>Who can use eQuote?</div>\r\n              <div class=\"\">Anyone, once you register with us. Register with us HERE</div>\r\n            </div>\r\n          </div>\r\n          <div class=\"right\">\r\n            <div class=\"rightValue\">\r\n              <div class=\"rightTitle\">\r\n                <div>√</div>Instant Quotations:\r\n              </div>\r\n              <div class=\"rightText\">Get quick, comprehensive quotes with just a few clicks, eliminating waiting times.</div>\r\n            </div>\r\n            <div class=\"rightValue\">\r\n              <div class=\"rightTitle\">\r\n                <div>√</div>Wide Coverage:\r\n              </div>\r\n              <div class=\"rightText\">Coverage of different levels of physicians in Asian markets for comprehensive data support.</div>\r\n            </div>\r\n            <div class=\"rightValue\">\r\n              <div class=\"rightTitle\">\r\n                <div>√</div>Accurate and Reliable:\r\n              </div>\r\n              <div class=\"rightText\">Built on extensive data analysis and precise market intelligence for informed decisions.</div>\r\n            </div>\r\n            <div class=\"rightValue\">\r\n              <div class=\"rightTitle\">\r\n                <div>√</div>User-Friendly:\r\n              </div>\r\n              <div class=\"rightText\">Intuitive interface suitable for all experience levels.</div>\r\n            </div>\r\n\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div v-if=\"products==2\" class=\"two\">\r\n        <div class=\"title\">\r\n          Innovate, Interact, Insight: </br>AME - Your Gateway to Smart Healthcare Research\r\n        </div>\r\n        <div class=\"holdenanswer\">\r\n          <div class=\"holderanswerimg d-block d-sm-none\"><img src=\"@/assets/img/holdenanswer.png\" alt=\"\"></div>\r\n          <div class=\"value\">\r\n            <div style=\"display:flex;margin-bottom:20px\">\r\n              <!-- <div>1.</div> -->\r\n              <div><span style=\"color:#2cb1e9;font-weight:700\">Holden Answer</span> is an interactive, Al-enabled interface for market researchers in the healthcare industry.</div>\r\n\r\n            </div>\r\n            <div style=\"display:flex;margin-bottom:20px\">\r\n              <!-- <div>2.</div> -->\r\n              <div>In additional to web trawling functions, and its advanced language model, Holden has built upon it to with its database of both primary and secondary research data to provide both researchers up-to-date and useful market information.</div>\r\n            </div>\r\n            <div style=\"display:flex;margin-bottom:20px\">\r\n              <!-- <div>3.</div> -->\r\n              <div>Friends and clients of Holden can take advantage of non-sensitive primary and secondary research data to supplement their research or simply get to know more about their target markets.</div>\r\n            </div>\r\n            <div style=\"display:flex;margin-bottom:20px\">\r\n              <!-- <div>4.</div> -->\r\n              <div>Whether you need help with healthcare, research, want to brainstorm ideas, or simply engage in a friendly conversation, <span style=\"color:#2cb1e9;font-weight:700\">Holden Answer</span> is here to provide you with intelligent and interactive assistance.</div>\r\n            </div>\r\n            <!-- <div style=\"display:flex\">\r\n              <div>5.</div>\r\n              <div>Whether you need help with healthcare, research, want to brainstorm ideas, or simply engage in a friendly conversation, Holden Knowledge Platform is here to provide you with intelligent and interactive assistance.</div>\r\n            </div> -->\r\n            <div class=\"button\">\r\n              <el-button type=\"primary\" @click=\"toPath('/contact?source=products')\">Request a demo</el-button>\r\n              <el-button type=\"primary\"><a href=\"https://www.asiamedeyes.com/#/login\" target=\"_blank\">Try it!</a></el-button>\r\n            </div>\r\n          </div>\r\n          <div class=\"holderanswerimg d-none d-sm-block\"><img src=\"@/assets/img/holdenanswer.png\" alt=\"\"></div>\r\n        </div>\r\n      </div>\r\n      <div v-if=\"products==3\" class=\"three\">\r\n        <div class=\"title\">\r\n          API\r\n        </div>\r\n        <div class=\"apiimg\">\r\n          <div class=\"holderanswerimg d-block d-sm-none\"><img src=\"@/assets/img/api.png\" alt=\"\"></div>\r\n          <div class=\"value\">\r\n            <div style=\"display:flex;margin-bottom:20px\">\r\n              <!-- <div>1.</div> -->\r\n              <div>Unlock the full potential of our proprietary products by seamlessly integrating with our custom-developed API. Empower partners to harness the capabilities of our cutting-edge solutions and enhance their applications with ease.</div>\r\n            </div>\r\n            <div style=\"display:flex\" class=\"api\">\r\n              <div class=\"apileft\">● Seamless Integration:</div>\r\n              <div class=\"apiright\"> Our API is designed for effortless integration, ensuring a smooth and efficient collaboration between our products and your applications.</div>\r\n            </div>\r\n            <div style=\"display:flex\" class=\"api\">\r\n              <div class=\"apileft\">● Customization:</div>\r\n              <div class=\"apiright\"> Tailor our solutions to meet your specific needs. Our API allows for flexible customization, enabling partners to adapt and optimize functionality according to their unique requirements.</div>\r\n            </div>\r\n            <div style=\"display:flex\" class=\"api\">\r\n              <div class=\"apileft\">● Efficiency and Productivity:</div>\r\n              <div class=\"apiright\"> Streamline workflows and boost productivity with the seamless connectivity facilitated by our API, allowing for quick data exchange and real-time updates.</div>\r\n            </div>\r\n            <div style=\"display:flex\">\r\n              <!-- <div>5.</div> -->\r\n              <div>Partner with us to take advantage of these benefits and elevate your applications to new heights with our powerful API integration.</div>\r\n            </div>\r\n            <div class=\"button\">\r\n              <el-button type=\"primary\" @click=\"toPath('/contact?source=products')\">Contact us</el-button>\r\n\r\n            </div>\r\n\r\n          </div>\r\n          <div class=\"holderanswerimg d-none d-sm-block\"><img src=\"@/assets/img/api.png\" alt=\"\"></div>\r\n        </div>\r\n      </div>\r\n\r\n      <div v-if=\"products==5\" class=\"five\">\r\n        <!-- SurveyPanda -->\r\n        <div class=\"SurveyPanda\" id=\"SurveyPanda\">\r\n\r\n          <div class=\"text\">\r\n            <div class=\"title\">\r\n              SurveyPanda\r\n            </div>\r\n            <div class=\"value\">\r\n              Is our self-developed online data collection platform and reporting system. SurveyPanda is user friendly and allows for DIY research solutions. At the same time, it is designed to cater for complicated market research requirement.\r\n\r\n            </div>\r\n          </div>\r\n          <div class=\"img\"><img src=\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/programming/surveyPanda.jpg\" alt=\"\">\r\n            <div class=\"color\"></div>\r\n          </div>\r\n\r\n        </div>\r\n      </div>\r\n\r\n    </div>\r\n\r\n    <!-- eCommunity -->\r\n    <!-- <div class=\"eCommunity\" id=\"eCommunity\">\r\n      <div class=\"text\">\r\n        <div class=\"title\">\r\n          eCommunity Platform\r\n        </div>\r\n        <div class=\"value\">\r\n          - Full of exciting community discussion features<br />\r\n          - Mobile/H5 Interface<br />\r\n          - Convenient incentive / Bonus Point Management<br />\r\n          - Compatible with Holden online research tools<br />\r\n        </div>\r\n      </div>\r\n      <div class=\"img\"><img src=\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/onlineToolbox/eCommunity.jpg\">\r\n        <div class=\"color\"></div>\r\n      </div>\r\n\r\n    </div> -->\r\n    <!-- <div class=\"provide\">\r\n      <div class=\"title\">\r\n        To meet your research needs and objectives, we provide full support in building custom-made online communities to address your research questions.\r\n\r\n      </div>\r\n      <div class=\"value\">\r\n        <div class=\"box\">\r\n\r\n          <img src=\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/onlineToolbox/eCommunity1.png\">\r\n          <div>\r\n            recruiting target members\r\n          </div>\r\n        </div>\r\n        <div class=\"box\">\r\n          <div class=\"img\">\r\n            <img src=\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/onlineToolbox/eCommunity2.png\">\r\n          </div>managing the community\r\n        </div>\r\n        <div class=\"box\">\r\n          <div class=\"img\">\r\n            <img src=\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/onlineToolbox/eCommunity3.png\">\r\n          </div>conducting research tasks\r\n        </div>\r\n        <div class=\"box\">\r\n          <div class=\"img\">\r\n            <img src=\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/onlineToolbox/eCommunity4.png\">\r\n          </div>deriving and delivering insight\r\n        </div>\r\n\r\n      </div>\r\n    </div> -->\r\n\r\n    <!-- eGroup -->\r\n    <!-- <div class=\"eGroup\" id=\"eGroup\">\r\n      <div class=\"img\"><img src=\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/onlineToolbox/eGroup.jpg\" alt=\"\">\r\n        <div class=\"color\"></div>\r\n      </div>\r\n      <div class=\"text\">\r\n        <div class=\"title\">\r\n          eGroup\r\n        </div>\r\n        <div class=\"value\">\r\n          Online qualitative surveys are very common in our industry and a proven method to gaining quick insight on the opinions and attitudes of a certain target population. By using our online panels for recruitment as well as our home - grown community research platform, we can offer advantages including a lower cost, speedy set-up and a thorough coverage of the market!\r\n        </div>\r\n        <div class=\"advantage\">\r\n          <div class=\"title\">eGroup advantage includes: </div>\r\n          <div class=\"value\">\r\n            <div>- Lower cost : Just 50% of traditional way !</div>\r\n            <div>- Speed : Groups happening at the same time ; real time data exporting</div>\r\n            <div>- Coverage : from large city to 3rd or 4th tier cities , without travel trouble</div>\r\n\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div> -->\r\n\r\n    <!-- AI Assisted Transcription & Summary -->\r\n    <!-- <div class=\"Summary\" id=\"summary\">\r\n      <div class=\"text\">\r\n        <div class=\"title\">\r\n          AI Assisted Transcription & Summary\r\n        </div>\r\n        <div class=\"img\"><img src=\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/onlineToolbox/summary.jpg\" alt=\"\">\r\n          <div class=\"color\"></div>\r\n\r\n        </div>\r\n      </div>\r\n      <div class=\"value\">\r\n        There are many languages and dialects in Asia. For your multi-market study, we organize the research transcript in 1 language for you.\r\n\r\n        <div>&nbsp</div>\r\n        A.I. technology helps to speed up the translation process. All results will be quality checked by experienced researchers to insure correct translation and consistency.\r\n\r\n        <div>&nbsp</div>\r\n        Our qualitative consultant can analyze respondents’ feedback and provide summary with highlighted key messages.\r\n\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\nexport default {\r\n  data() {\r\n    return {\r\n      caseList: [],\r\n      products: this.$route.query.product || 2\r\n    };\r\n  },\r\n  created() {\r\n    this.$nextTick(() => {\r\n      this.toLocal();\r\n    });\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  watch: {\r\n    $route(to, from) {\r\n      window.location.reload(); // 刷新页面\r\n    }\r\n  },\r\n  mounted() {\r\n    let _this = this;\r\n    _this.$nextTick(function() {\r\n      window.addEventListener(\"scroll\", _this.handleScroll);\r\n    });\r\n  },\r\n  components: {\r\n    CaseStudy\r\n  },\r\n  methods: {\r\n    toPath(path) {\r\n      this.$router.push({\r\n        path\r\n      });\r\n    },\r\n    products() {},\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: \"toolbox\",\r\n          source: \"\",\r\n          information: \"\"\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: \"toolbox\",\r\n          source: this.$route.query.source,\r\n          information: \"\"\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    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    toLocal() {\r\n      //查找存储的锚点id\r\n      let Id = localStorage.getItem(\"toId\");\r\n      let toElement = document.getElementById(Id);\r\n      //锚点存在跳转\r\n      if (Id) {\r\n        toElement.scrollIntoView();\r\n      }\r\n    }\r\n  },\r\n  //用完后记得将存储的锚点置空，否则会影响其他页面跳转到当前页面\r\n  destroyed() {\r\n    localStorage.setItem(\"toId\", \"\");\r\n  }\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.bigtitle {\r\n  background-color: #2cb1e9;\r\n  padding: 50px 120px;\r\n  color: #fff;\r\n  text-shadow: 1px 1px #000;\r\n  font-size: 40px;\r\n  font-weight: 700;\r\n}\r\n// .eCommunity,\r\n// // .SurveyPanda,\r\n// .eGroup,\r\n// {\r\n//   // box-shadow: 10px 10px 7px 5px #8ca7b1;\r\n//   background-color: #d0e3ea;\r\n//   display: flex;\r\n//   justify-content: space-between;\r\n//   margin: 80px 120px;\r\n//   .text {\r\n//     width: 55%;\r\n//     padding: 80px;\r\n//     .title {\r\n//       font-weight: 700;\r\n//       font-size: 40px;\r\n//       color: #2cb1e9;\r\n//       text-shadow: 1px 1px #000;\r\n//     }\r\n//     .value {\r\n//       padding: 50px 0;\r\n//       font-size: 23px;\r\n//     }\r\n//   }\r\n//   .img {\r\n//     // margin-top: 70px;\r\n//     width: 45%;\r\n//     img {\r\n//       width: 100%;\r\n//     }\r\n//   }\r\n// }\r\n.eCommunity {\r\n  // display: flex;\r\n  padding: 50px 120px;\r\n  // height: 530px;\r\n  position: relative;\r\n\r\n  .text {\r\n    // position: absolute;\r\n    // left: 240px;\r\n    // top: 180px;\r\n    margin-top: 180px;\r\n    margin-left: 200px;\r\n    // width: 55%;\r\n    // color: #fff;\r\n    padding: 50px 50px 50px 400px;\r\n    background-color: #d0e3ea;\r\n    z-index: 0;\r\n\r\n    .title {\r\n      font-weight: 700;\r\n      font-size: 40px;\r\n      color: #2cb1e9;\r\n      text-shadow: 1px 1px #000;\r\n    }\r\n    .value {\r\n      font-size: 23px;\r\n      padding-top: 50px;\r\n    }\r\n  }\r\n  .img {\r\n    width: 35%;\r\n    position: absolute;\r\n    top: 100px;\r\n    img {\r\n      width: 95%;\r\n      z-index: 2;\r\n    }\r\n  }\r\n}\r\n.provide {\r\n  padding: 50px 120px;\r\n  .title {\r\n    font-weight: 700;\r\n    font-size: 30px;\r\n  }\r\n  .value {\r\n    font-size: 23px;\r\n    margin-top: 50px;\r\n    display: flex;\r\n    // text-align: center;\r\n    flex-wrap: wrap;\r\n    justify-content: space-around;\r\n    // .box{\r\n    //   // text-align: center;\r\n    //   .img{\r\n    //   width: 100px;\r\n    //   img{\r\n    //     width: 100%;\r\n    //   }\r\n    // }\r\n    // }\r\n    img {\r\n      width: 100px;\r\n    }\r\n\r\n    & > * {\r\n      width: 22%;\r\n      text-align: center;\r\n    }\r\n  }\r\n}\r\n\r\n.SurveyPanda {\r\n  display: flex;\r\n  padding: 80px 120px;\r\n  .text {\r\n    width: 45%;\r\n    // color: #fff;\r\n    padding: 50px;\r\n    .title {\r\n      font-weight: 700;\r\n      font-size: 40px;\r\n      color: #2cb1e9;\r\n      text-shadow: 1px 1px #000;\r\n    }\r\n    .value {\r\n      padding: 50px 0;\r\n      font-size: 18px;\r\n    }\r\n  }\r\n  .img {\r\n    width: 55%;\r\n    position: relative;\r\n    img {\r\n      width: 95%;\r\n      position: absolute;\r\n      right: 0;\r\n      z-index: 2;\r\n    }\r\n    .color {\r\n      width: 600px;\r\n      height: 300px;\r\n      background-color: #d0e3ea;\r\n      position: absolute;\r\n      left: -20px;\r\n      top: 90px;\r\n    }\r\n  }\r\n}\r\n.Summary {\r\n  display: flex;\r\n  padding: 50px 120px;\r\n  flex-direction: column;\r\n  height: 900px;\r\n  .text {\r\n    // width: 45%;\r\n    display: flex;\r\n    position: relative;\r\n    // padding: 50px;\r\n    .title {\r\n      position: absolute;\r\n      bottom: 0;\r\n      width: 45%;\r\n      // height: 45%;\r\n      padding: 50px;\r\n      font-size: 40px;\r\n      font-weight: 700;\r\n      color: #2cb1e9;\r\n      text-shadow: 1px 1px #000;\r\n      background-color: #d0e3ea;\r\n    }\r\n    .img {\r\n      // width: 55%;\r\n      // text-align: right;\r\n      // position: absolute;\r\n      // right: 0;\r\n      // top: 0;\r\n      img {\r\n        width: 55%;\r\n        float: right;\r\n      }\r\n    }\r\n  }\r\n  .value {\r\n    width: 90%;\r\n    font-size: 23px;\r\n    background-color: #d0e3ea;\r\n    padding: 50px;\r\n  }\r\n}\r\n.eGroup {\r\n  display: flex;\r\n  padding: 50px 120px;\r\n  // height: 1000px;\r\n\r\n  .text {\r\n    width: 60%;\r\n    padding: 50px;\r\n    .title {\r\n      font-weight: 700;\r\n      font-size: 40px;\r\n      color: #2cb1e9;\r\n      text-shadow: 1px 1px #000;\r\n    }\r\n    .value {\r\n      font-size: 23px;\r\n      margin-top: 50px;\r\n    }\r\n    .advantage {\r\n      .title {\r\n        font-size: 30px;\r\n        color: #000;\r\n      }\r\n      .value {\r\n        margin-top: 0;\r\n      }\r\n    }\r\n  }\r\n  .img {\r\n    width: 40%;\r\n    position: relative;\r\n    img {\r\n      width: 90%;\r\n      position: absolute;\r\n      z-index: 2;\r\n    }\r\n    .color {\r\n      width: 350px;\r\n      height: 350px;\r\n      background-color: #d0e3ea;\r\n      position: absolute;\r\n      top: 150px;\r\n      left: 150px;\r\n    }\r\n  }\r\n}\r\n// .advantage{\r\n//   // display: flex;\r\n//   // padding: 0 120px;\r\n//   .title{\r\n//     font-size: 30px;\r\n//     font-weight: 700;\r\n//   }\r\n// }\r\n.casetitle {\r\n  font-size: 40px;\r\n  font-weight: 700;\r\n  padding: 50px 120px 0 120px;\r\n}\r\n.menu {\r\n  display: flex;\r\n  justify-content: center;\r\n  border-bottom: 1px solid #bebebe;\r\n  .icon {\r\n    width: 150px;\r\n    height: 120px;\r\n    text-align: center;\r\n    // line-height: 90px;\r\n    // border: 1px solid #000;\r\n    i {\r\n      font-size: 40px;\r\n      margin-top: 25px;\r\n    }\r\n  }\r\n  .bg {\r\n    color: #fff;\r\n    background-color: #2cb1e9;\r\n  }\r\n}\r\n.productsValue {\r\n  // background-image: url(\"~@/assets/img/holdenanswer.png\");\r\n  // background-size: cover;\r\n  .holdenanswer {\r\n    display: flex;\r\n    // align-items: center;\r\n    img {\r\n      width: 500px;\r\n      margin-left: 10px;\r\n      margin-top: 50px;\r\n    }\r\n  }\r\n  .apiimg {\r\n    display: flex;\r\n    // align-items: center;\r\n    img {\r\n      width: 400px;\r\n      margin-left: 20px;\r\n      margin-top: 40px;\r\n    }\r\n  }\r\n  .api {\r\n    margin-bottom: 20px;\r\n    justify-content: space-between;\r\n    .apileft {\r\n      width: 35%;\r\n    }\r\n    .apiright {\r\n      width: 65%;\r\n    }\r\n  }\r\n  .one {\r\n    font-family: \"Nunito\";\r\n    padding: 30px 120px;\r\n    .logo {\r\n      img {\r\n        width: 300px;\r\n      }\r\n    }\r\n    .title {\r\n      font-size: 20px;\r\n      .big {\r\n        font-size: 30px;\r\n        font-weight: 700;\r\n      }\r\n      .space {\r\n        margin-left: 10px;\r\n      }\r\n    }\r\n    .AllValue {\r\n      display: flex;\r\n      .left {\r\n        width: 50%;\r\n        .leftVale {\r\n          margin-top: 30px;\r\n          .title {\r\n            font-size: 18px;\r\n            margin-bottom: 10px;\r\n          }\r\n        }\r\n      }\r\n      .right {\r\n        width: 50%;\r\n        .rightValue {\r\n          display: flex;\r\n          margin-top: 30px;\r\n          .rightTitle {\r\n            width: 30%;\r\n            font-size: 18px;\r\n            font-weight: 700;\r\n            display: flex;\r\n          }\r\n          .rightText {\r\n            width: 70%;\r\n            // font-size: 18px;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .two,\r\n  .three,\r\n  .four {\r\n    padding: 30px 120px;\r\n    .title {\r\n      margin-bottom: 20px;\r\n      font-size: 25px;\r\n      font-weight: 700;\r\n      text-align: center;\r\n      color: #86898d;\r\n      // text-shadow: 1px 1px #000;\r\n    }\r\n    .value {\r\n      font-size: 18px;\r\n    }\r\n    .button {\r\n      text-align: center;\r\n      margin-top: 20px;\r\n\r\n      .el-button {\r\n        font-size: 20px;\r\n        background-color: #2cb1e9;\r\n        border: 1px solid #2cb1e9;\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  .eCommunity {\r\n    padding-top: 200px;\r\n    .text {\r\n      padding: 50px;\r\n      padding-top: 100px;\r\n      .title {\r\n        font-size: 80px;\r\n      }\r\n      .value {\r\n        font-size: 70px;\r\n      }\r\n    }\r\n  }\r\n\r\n  .menu {\r\n    .icon {\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      align-items: center;\r\n      justify-content: center;\r\n      width: 350px;\r\n      height: 230px;\r\n      font-size: 40px;\r\n      i {\r\n        font-size: 80px;\r\n        width: 100%;\r\n      }\r\n    }\r\n  }\r\n  .productsValue {\r\n    .holdenanswer {\r\n      flex-wrap: wrap;\r\n      img {\r\n        width: 100%;\r\n        margin-bottom: 30px;\r\n      }\r\n    }\r\n    .apiimg {\r\n      flex-wrap: wrap;\r\n      img {\r\n        width: 100%;\r\n      }\r\n    }\r\n    .api {\r\n      flex-wrap: wrap;\r\n      .apileft {\r\n        width: 100%;\r\n      }\r\n      .apiright {\r\n        width: 100%;\r\n      }\r\n    }\r\n    .two,\r\n    .three,\r\n    .four {\r\n      .title {\r\n        font-size: 80px;\r\n      }\r\n      .value {\r\n        font-size: 70px;\r\n      }\r\n      .button {\r\n        .el-button {\r\n          font-size: 70px;\r\n          padding: 30px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .SurveyPanda {\r\n    display: block;\r\n    position: relative;\r\n    padding-top: 600px;\r\n    .img {\r\n      position: absolute;\r\n      top: 100px;\r\n      width: 80%;\r\n    }\r\n    .text {\r\n      width: 90%;\r\n      .title {\r\n        font-size: 80px;\r\n      }\r\n      .value {\r\n        font-size: 70px;\r\n      }\r\n    }\r\n  }\r\n  .eGroup {\r\n    display: block;\r\n\r\n    .text {\r\n      width: 100%;\r\n      padding-top: 1100px;\r\n      .title {\r\n        font-size: 80px;\r\n      }\r\n      .value {\r\n        font-size: 70px;\r\n      }\r\n      .advantage {\r\n        .title {\r\n          font-size: 70px;\r\n        }\r\n      }\r\n    }\r\n    .img {\r\n      width: 80%;\r\n      .color {\r\n        width: 700px;\r\n        height: 700px;\r\n        top: 300px;\r\n        left: 300px;\r\n      }\r\n    }\r\n  }\r\n  .Summary {\r\n    height: 3000px;\r\n    .text {\r\n      .title {\r\n        font-size: 70px;\r\n      }\r\n    }\r\n    .value {\r\n      font-size: 70px;\r\n    }\r\n  }\r\n  .casetitle {\r\n    font-size: 60px;\r\n  }\r\n  .eCommunity {\r\n    // height: 750px;\r\n  }\r\n  .eGroup {\r\n    .advantage {\r\n      .title {\r\n        font-size: 40px;\r\n      }\r\n    }\r\n  }\r\n  .provide {\r\n    // padding-top: 800px;\r\n    .title {\r\n      font-size: 80px;\r\n    }\r\n    .value {\r\n      font-size: 70px;\r\n      img {\r\n        width: 400px;\r\n      }\r\n      & > * {\r\n        width: 90%;\r\n        margin-bottom: 50px;\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!./toolbox.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!./toolbox.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./toolbox.vue?vue&type=template&id=7a9b2830&scoped=true&\"\nimport script from \"./toolbox.vue?vue&type=script&lang=js&\"\nexport * from \"./toolbox.vue?vue&type=script&lang=js&\"\nimport style0 from \"./toolbox.vue?vue&type=style&index=0&id=7a9b2830&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  \"7a9b2830\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}