{"version":3,"sources":["webpack:///./src/components/caseStudy.vue?3969","webpack:///./src/components/caseStudy.vue?0217","webpack:///src/components/caseStudy.vue","webpack:///./src/components/caseStudy.vue?5522","webpack:///./src/components/caseStudy.vue","webpack:///./src/components/downLoad.vue?2921","webpack:///src/components/downLoad.vue","webpack:///./src/components/downLoad.vue?89f5","webpack:///./src/components/downLoad.vue","webpack:///./src/views/solutions/Industry/healthcare.vue?1b95","webpack:///./src/views/solutions/Industry/healthcare.vue?ca07","webpack:///./src/components/downLoad.vue?7d5f","webpack:///./src/components/downLoad.vue?5f7c","webpack:///./src/views/solutions/Industry/healthcare.vue?64c3","webpack:///src/views/solutions/Industry/healthcare.vue","webpack:///./src/views/solutions/Industry/healthcare.vue?86eb","webpack:///./src/views/solutions/Industry/healthcare.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","on","$event","btn","attrs","_l","caseList","slice","item","index","key","toDetail","id","subscribe","newsTitle","logo","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","path","component","downloadid","download","_m","url","a","contact","$router","push","script","document","dataLayer","window","gtag","components","DownLoad","CaseStudy","webinercookies","advertisementFlow","information","loading","lock","background","setTimeout"],"mappings":"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","file":"static/js/chunk-63fb40df.8ba241bf.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=04e15e44&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=04e15e44&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('img',{staticClass:\"backbase\",attrs:{\"src\":\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/Case Study/CaseStudy_backbase.png\",\"alt\":\"\"}}),_c('div',{staticClass:\"newsList\"},_vm._l((_vm.caseList.slice(0,3)),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\":\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/Case Study/CaseStudy_midshadow.png\",\"alt\":\"\"}}),_c('img',{staticClass:\"newsLogo\",attrs:{\"src\":item.logo}})])}),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      <img src=\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/Case Study/CaseStudy_backbase.png\" alt=\"\" class=\"backbase\">\r\n      <div class=\"newsList\">\r\n        <div class=\"one\" v-for=\"(item,index) in caseList.slice(0,3)\" :key=\"index\" @click=\"toDetail(item.id,item.subscribe,item.newsTitle)\">\r\n          <img src=\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/Case Study/CaseStudy_midshadow.png\" alt=\"\">\r\n          <img :src=\"item.logo\" class=\"newsLogo\">\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              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    btn(path) {\r\n      // 跳转页面\r\n      this.$router.push({\r\n        path\r\n      });\r\n    }\r\n  }\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.casetitle {\r\n  // background-color: #fff;\r\n  font-size: 40px;\r\n  font-weight: 700;\r\n  text-align: center;\r\n  padding: 50px 120px 0 120px;\r\n}\r\n.news {\r\n  margin: 0px 120px;\r\n  font-size: 18px;\r\n  position: relative;\r\n  padding-bottom: 30px;\r\n  img {\r\n    width: 100%;\r\n  }\r\n  .backbase {\r\n    margin-top: 50px;\r\n  }\r\n  // background-color: #fff;\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    position: absolute;\r\n    width: 100%;\r\n    top: 40px;\r\n    left: 30px;\r\n    .one {\r\n      cursor: pointer;\r\n      width: 32%;\r\n      // margin: 40px auto;\r\n      position: relative;\r\n\r\n      .newsLogo {\r\n        width: 100%;\r\n        position: absolute;\r\n        left: 10px;\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=04e15e44&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=04e15e44&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  \"04e15e44\",\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('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(\"Download Panel Book\")]),_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',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.downloadid=='physician'),expression:\"downloadid=='physician'\"}],attrs:{\"type\":\"primary\"},on:{\"click\":function($event){return _vm.submitForm('ruleForm','physician')}}},[_vm._v(\"Download physician Panel Book\")]),_c('el-button',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.downloadid=='patient'),expression:\"downloadid=='patient'\"}],attrs:{\"type\":\"primary\"},on:{\"click\":function($event){return _vm.submitForm('ruleForm','patient')}}},[_vm._v(\"Download Patient Panel Book\")]),_c('el-button',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.downloadid=='consumer'),expression:\"downloadid=='consumer'\"}],attrs:{\"type\":\"primary\"},on:{\"click\":function($event){return _vm.submitForm('ruleForm','consumer')}}},[_vm._v(\"Download Consumer Panel Book\")])],1)]),_c('a',{directives:[{name:\"show\",rawName:\"v-show\",value:(false),expression:\"false\"}],attrs:{\"href\":\"/Holden APAC consumer panel book 2022.pdf\",\"download\":\"/Holden APAC consumer panel book 2022.pdf\",\"id\":\"consumer\"}}),_c('a',{directives:[{name:\"show\",rawName:\"v-show\",value:(false),expression:\"false\"}],attrs:{\"href\":\"/Holden Panel book (Healthcare) 2022.pdf\",\"download\":\"/Holden Panel book (Healthcare) 2022.pdf\",\"id\":\"physician\"}}),_c('a',{directives:[{name:\"show\",rawName:\"v-show\",value:(false),expression:\"false\"}],attrs:{\"href\":\"/Holden APAC Patient panel book 2022.pdf\",\"download\":\"/Holden Patient Panel Book 2024.pdf\",\"id\":\"patient\"}}),_c('div',{staticClass:\"download\"},[_c('div',{staticClass:\"title\"},[_vm._v(\" Download our Panel Booklet \")]),_c('div',{staticClass:\"value\"},[_c('div',{staticClass:\"physician box\",on:{\"click\":function($event){return _vm.download('physician')}}},[_vm._m(0)]),_c('div',{staticClass:\"patient box\",on:{\"click\":function($event){return _vm.download('patient')}}},[_vm._m(1)]),_c('div',{staticClass:\"consumer box\",on:{\"click\":function($event){return _vm.download('consumer')}}},[_vm._m(2)])])])],1)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"img\"},[_vm._v(\" Physician \"),_c('img',{attrs:{\"src\":\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/Asia Panels/Physician.png\",\"alt\":\"\"}})])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"img\"},[_vm._v(\" Patient \"),_c('img',{attrs:{\"src\":\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/Asia Panels/Patient.png\",\"alt\":\"\"}})])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"img\"},[_vm._v(\" Consumer \"),_c('img',{attrs:{\"src\":\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/Asia Panels/Consumer.png\",\"alt\":\"\"}})])}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <!-- 弹框 -->\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\">Download Panel Book</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','physician')\" v-show=\"downloadid=='physician'\">Download physician Panel Book</el-button>\r\n        <el-button type=\"primary\" @click=\"submitForm('ruleForm','patient')\" v-show=\"downloadid=='patient'\">Download Patient Panel Book</el-button>\r\n        <el-button type=\"primary\" @click=\"submitForm('ruleForm','consumer')\" v-show=\"downloadid=='consumer'\">Download Consumer Panel Book</el-button>\r\n\r\n      </span>\r\n    </el-dialog>\r\n\r\n    <!-- <a :href=\"url\" :download=\"url\" v-show=\"false\" id=\"download\"></a> -->\r\n    <a href=\"/Holden APAC consumer panel book 2022.pdf\" download=\"/Holden APAC consumer panel book 2022.pdf\" v-show=\"false\" id=\"consumer\"></a>\r\n    <a href=\"/Holden Panel book (Healthcare) 2022.pdf\" download=\"/Holden Panel book (Healthcare) 2022.pdf\" v-show=\"false\" id=\"physician\"></a>\r\n    <a href=\"/Holden APAC Patient panel book 2022.pdf\" download=\"/Holden Patient Panel Book 2024.pdf\" v-show=\"false\" id=\"patient\"></a>\r\n\r\n    <!-- Download our Panel Book -->\r\n    <div class=\"download\">\r\n      <div class=\"title\">\r\n        Download our Panel Booklet\r\n      </div>\r\n      <div class=\"value\">\r\n        <div class=\"physician box\" @click=\"download('physician')\">\r\n          <div class=\"img\">\r\n            Physician\r\n            <img src=\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/Asia Panels/Physician.png\" alt=\"\">\r\n          </div>\r\n        </div>\r\n        <div class=\"patient box\" @click=\"download('patient')\">\r\n          <div class=\"img\">\r\n            Patient\r\n            <img src=\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/Asia Panels/Patient.png\" alt=\"\">\r\n          </div>\r\n        </div>\r\n        <div class=\"consumer box\" @click=\"download('consumer')\">\r\n          <div class=\"img\">\r\n            Consumer\r\n            <img src=\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/Asia Panels/Consumer.png\" alt=\"\">\r\n          </div>\r\n        </div>\r\n\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nconst defaultForm = {\r\n  action: \"Panel\",\r\n  actionCase: \"DownLoad\",\r\n  targetName: \"\",\r\n  mail: \"\",\r\n  firstname: \"\",\r\n  lastname: \"\",\r\n  company: \"\",\r\n  check: true\r\n};\r\nimport { panelDownloads, 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      url: \"\",\r\n      DialogShow: false,\r\n      downloadid: \"\",\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    };\r\n  },\r\n  methods: {\r\n    // 点击提交\r\n    submitForm(formName, id) {\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: \"Panel\",\r\n            actionCase: \"DownLoad\",\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 = id;\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              // 下载pannel\r\n              // 将id赋值给downloadid\r\n              this.downloadid = id;\r\n              console.log(2);\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              // 点击id为id的下载标签\r\n              var a = document.getElementById(id);\r\n              console.log(a);\r\n              a.click();\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\r\n    download(id) {\r\n      // 如果有cookie\r\n      if (this.$cookies.isKey(\"HoldenCookies\")) {\r\n        // console.log(3);\r\n        this.DialogShow = false;\r\n        // 直接下载\r\n        var a = document.getElementById(id);\r\n        // console.log(a);\r\n        a.click();\r\n        var form = JSON.parse(localStorage.getItem(\"form\"));\r\n        // console.log(form);\r\n        form.targetName = id;\r\n        actionRecords(form).then(res => {\r\n          console.log(form);\r\n        });\r\n      } else {\r\n        console.log(1);\r\n        this.DialogShow = true;\r\n        this.downloadid = id;\r\n      }\r\n    },\r\n    btn(path) {\r\n      // 跳转页面\r\n      this.$router.push({\r\n        path\r\n      });\r\n    }\r\n  }\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.download {\r\n  padding: 50px 200px;\r\n  text-align: center;\r\n  .title {\r\n    font-size: 40px;\r\n    font-weight: 700;\r\n  }\r\n  .value {\r\n    display: flex;\r\n    justify-content: space-around;\r\n    flex-wrap: wrap;\r\n    .box {\r\n      margin-top: 30px;\r\n      width: 25%;\r\n      background-color: #f4f4f4;\r\n      padding: 10px 40px 0;\r\n      .img {\r\n        font-size: 25px;\r\n        text-align: center;\r\n\r\n        img {\r\n          margin-top: 14px;\r\n          width: 100%;\r\n          border-radius: 10px;\r\n        }\r\n      }\r\n      button {\r\n        width: 100%;\r\n        height: 50px;\r\n        font-size: 25px;\r\n        margin-top: 20px;\r\n        border: none;\r\n        border-radius: 10px;\r\n        background-color: #6cdf89;\r\n        color: #fff;\r\n        font-weight: 700;\r\n      }\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  .download {\r\n    .title {\r\n      font-size: 80px;\r\n    }\r\n    .value {\r\n      .box {\r\n        width: 80%;\r\n        margin-bottom: 100px;\r\n        .img {\r\n          font-size: 70px;\r\n          padding: 60px;\r\n        }\r\n        button {\r\n          font-size: 60px;\r\n          height: 120px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n</style>\r\n<style lang=\"scss\" scoped>\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}\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!./downLoad.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!./downLoad.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./downLoad.vue?vue&type=template&id=65aa6dc6&scoped=true&\"\nimport script from \"./downLoad.vue?vue&type=script&lang=js&\"\nexport * from \"./downLoad.vue?vue&type=script&lang=js&\"\nimport style0 from \"./downLoad.vue?vue&type=style&index=0&id=65aa6dc6&lang=scss&scoped=true&\"\nimport style1 from \"./downLoad.vue?vue&type=style&index=1&id=65aa6dc6&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  \"65aa6dc6\",\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!./healthcare.vue?vue&type=style&index=0&id=11ca7f28&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!./healthcare.vue?vue&type=style&index=0&id=11ca7f28&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!./healthcare.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!./healthcare.vue?vue&type=style&index=1&lang=scss&\"","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!./downLoad.vue?vue&type=style&index=0&id=65aa6dc6&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!./downLoad.vue?vue&type=style&index=0&id=65aa6dc6&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!./downLoad.vue?vue&type=style&index=1&id=65aa6dc6&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!./downLoad.vue?vue&type=style&index=1&id=65aa6dc6&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"bg\"},[_c('div',{staticClass:\"top\"},[_c('div',{staticClass:\"text\"},[_c('div',{staticClass:\"title\"},[_vm._v(\" Healthcare \")]),_c('div',{staticClass:\"value\"},[_vm._v(\" For nearly 10 years，Holden Healthcare has been a leader in Healthcare market research in Asia. Holden works directly with market research agencies and consultancies outside Asia, to support pharmaceutical and medical device companies in making decisions that affect healthcare outcomes around the region. \")]),_c('div',[_c('button',{on:{\"click\":_vm.contact}},[_vm._v(\"REQUEST A BID\")])])])]),_vm._m(0),_c('div',{staticClass:\"banner\"},[_c('el-carousel',[_c('el-carousel-item',[_c('div',{staticClass:\"text\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"Cardiovascular\")]),_c('div',{staticClass:\"value\"},[_c('span',{staticStyle:{\"color\":\"#2cb1e9\"}},[_vm._v(\"198\")]),_vm._v(\" Cardiovascular projects , delivering \"),_c('span',{staticStyle:{\"color\":\"#2cb1e9\"}},[_vm._v(\"11759\")]),_vm._v(\" completes for Our clients .\")])])]),_c('el-carousel-item',[_c('div',{staticClass:\"text\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"Dermatology\")]),_c('div',{staticClass:\"value\"},[_vm._v(\"Over \"),_c('span',{staticStyle:{\"color\":\"#2cb1e9\"}},[_vm._v(\"185\")]),_vm._v(\" Dermatology projects , delivering \"),_c('span',{staticStyle:{\"color\":\"#2cb1e9\"}},[_vm._v(\"10406\")]),_vm._v(\" completes for our clients .\")])])]),_c('el-carousel-item',[_c('div',{staticClass:\"text\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"Endocrinology\")]),_c('div',{staticClass:\"value\"},[_vm._v(\"Over \"),_c('span',{staticStyle:{\"color\":\"#2cb1e9\"}},[_vm._v(\"177\")]),_vm._v(\" Endocrinology projects , delivering more than \"),_c('span',{staticStyle:{\"color\":\"#2cb1e9\"}},[_vm._v(\"10422\")]),_vm._v(\" completes for our clients .\")])])]),_c('el-carousel-item',[_c('div',{staticClass:\"text\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"Eye Care\")]),_c('div',{staticClass:\"value\"},[_vm._v(\"Over \"),_c('span',{staticStyle:{\"color\":\"#2cb1e9\"}},[_vm._v(\"153\")]),_vm._v(\" projects surrounding eye care , delivering close to \"),_c('span',{staticStyle:{\"color\":\"#2cb1e9\"}},[_vm._v(\"7038\")]),_vm._v(\" completes for our clients .\")])])]),_c('el-carousel-item',[_c('div',{staticClass:\"text\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"Gastroenterology\")]),_c('div',{staticClass:\"value\"},[_vm._v(\"Over \"),_c('span',{staticStyle:{\"color\":\"#2cb1e9\"}},[_vm._v(\"195\")]),_vm._v(\" Gastroenterology projects , delivering \"),_c('span',{staticStyle:{\"color\":\"#2cb1e9\"}},[_vm._v(\"10678\")]),_vm._v(\" completes for our clients ,\")])])]),_c('el-carousel-item',[_c('div',{staticClass:\"text\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"Infectious Diseases\")]),_c('div',{staticClass:\"value\"},[_vm._v(\"Over \"),_c('span',{staticStyle:{\"color\":\"#2cb1e9\"}},[_vm._v(\"154\")]),_vm._v(\" Infectious Diseases projects , delivering close to \"),_c('span',{staticStyle:{\"color\":\"#2cb1e9\"}},[_vm._v(\"7390\")]),_vm._v(\" completes for our clients .\")])])]),_c('el-carousel-item',[_c('div',{staticClass:\"text\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"Nephrology\")]),_c('div',{staticClass:\"value\"},[_c('span',{staticStyle:{\"color\":\"#2cb1e9\"}},[_vm._v(\"187\")]),_vm._v(\" Nephrology projects , delivering more than \"),_c('span',{staticStyle:{\"color\":\"#2cb1e9\"}},[_vm._v(\"9729\")]),_vm._v(\" completes for our clients .\")])])]),_c('el-carousel-item',[_c('div',{staticClass:\"text\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"Neurology\")]),_c('div',{staticClass:\"value\"},[_c('span',{staticStyle:{\"color\":\"#2cb1e9\"}},[_vm._v(\"173\")]),_vm._v(\" Neurology projects , delivering more than \"),_c('span',{staticStyle:{\"color\":\"#2cb1e9\"}},[_vm._v(\"9925\")]),_vm._v(\" completes for our clients .\")])])]),_c('el-carousel-item',[_c('div',{staticClass:\"text\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"Oncology\")]),_c('div',{staticClass:\"value\"},[_vm._v(\"More than \"),_c('span',{staticStyle:{\"color\":\"#2cb1e9\"}},[_vm._v(\"320\")]),_vm._v(\" Oncology projects , delivering \"),_c('span',{staticStyle:{\"color\":\"#2cb1e9\"}},[_vm._v(\"16130\")]),_vm._v(\" completes for our clients .\")])])]),_c('el-carousel-item',[_c('div',{staticClass:\"text\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"Pulmonary\")]),_c('div',{staticClass:\"value\"},[_vm._v(\"Over \"),_c('span',{staticStyle:{\"color\":\"#2cb1e9\"}},[_vm._v(\"143\")]),_vm._v(\" Pulmonary projects , delivering \"),_c('span',{staticStyle:{\"color\":\"#2cb1e9\"}},[_vm._v(\"6864\")]),_vm._v(\" completes for our clients .\")])])]),_c('el-carousel-item',[_c('div',{staticClass:\"text\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"Rheumatology\")]),_c('div',{staticClass:\"value\"},[_c('span',{staticStyle:{\"color\":\"#2cb1e9\"}},[_vm._v(\"182\")]),_vm._v(\" Rheumatology projects , delivering \"),_c('span',{staticStyle:{\"color\":\"#2cb1e9\"}},[_vm._v(\"10197\")]),_vm._v(\" completes for our clients .\")])])]),_c('el-carousel-item',[_c('div',{staticClass:\"text\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"Surgery\")]),_c('div',{staticClass:\"value\"},[_vm._v(\"Over \"),_c('span',{staticStyle:{\"color\":\"#2cb1e9\"}},[_vm._v(\"181\")]),_vm._v(\" Surgery projects , delivering \"),_c('span',{staticStyle:{\"color\":\"#2cb1e9\"}},[_vm._v(\"10045\")]),_vm._v(\" completes for our clients .\")])])]),_c('el-carousel-item',[_c('div',{staticClass:\"text\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"Women‘s Health / OВGYN\")]),_c('div',{staticClass:\"value\"},[_vm._v(\"Over \"),_c('span',{staticStyle:{\"color\":\"#2cb1e9\"}},[_vm._v(\"169\")]),_vm._v(\" Women‘s Health / OВGYN projects , delivering \"),_c('span',{staticStyle:{\"color\":\"#2cb1e9\"}},[_vm._v(\"9117\")]),_vm._v(\" completes for our clients .\")])])]),_c('el-carousel-item',[_c('div',{staticClass:\"text\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"Other\")]),_c('div',{staticClass:\"value\"},[_c('span',{staticStyle:{\"color\":\"#2cb1e9\"}},[_vm._v(\"135\")]),_vm._v(\" other projects, delivering \"),_c('span',{staticStyle:{\"color\":\"#2cb1e9\"}},[_vm._v(\"7158\")]),_vm._v(\" completes for our clients.\")])])])],1)],1),_c('down-load'),_c('div',{staticClass:\"Consultants\"},[_vm._m(1),_c('div',{staticClass:\"text\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"Research Consultants\")]),_c('div',{staticClass:\"value\"},[_vm._v(\"Meet \"),_c('a',{on:{\"click\":function($event){return _vm.$router.push('/team?source=healthcare')}}},[_vm._v(\"our consultants\")]),_vm._v(\" who can give you our advices on design and execution about your study in local market\")])])]),_c('case-study')],1)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"words\"},[_c('div',{},[_vm._v(\"Holden has extensive experience in both online and off-line research practices. We support our clients in project and fieldwork management, survey data collection services, respondent recruitment, programming, as well as data processing and analysis. \")]),_c('div'),_c('div',{},[_vm._v(\"Holden maintains physician panels – over 1 million HCP strong – which includes: physicians, nurses, payors, technicians etc. with a solid reach all the way up to key opinion leaders (KOLs) in a myriad of healthcare specialties around the Asian region. In addition, we also have access to patients and caregivers \")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"img\"},[_c('img',{staticClass:\"one\",attrs:{\"src\":\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/others/consultants.jpg\"}}),_c('img',{staticClass:\"two\",attrs:{\"src\":\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/others/consultants2.jpg\"}})])}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"bg\">\r\n    <div class=\"top\">\r\n      <div class=\"text\">\r\n        <div class=\"title\">\r\n          Healthcare\r\n        </div>\r\n        <div class=\"value\">\r\n          For nearly 10 years，Holden Healthcare has been a leader in Healthcare market research in Asia. Holden works directly with market research agencies and consultancies outside Asia, to support pharmaceutical and medical device companies in making decisions that affect healthcare outcomes around the region.\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=\"words\">\r\n      <div class=\"\">Holden has extensive experience in both online and off-line research practices. We support our clients in project and fieldwork management, survey data collection services, respondent recruitment, programming, as well as data processing and analysis.\r\n\r\n      </div>\r\n      <div>&nbsp</div>\r\n      <div class=\"\">Holden maintains physician panels – over 1 million HCP strong – which includes: physicians, nurses, payors, technicians etc. with a solid reach all the way up to key opinion leaders (KOLs) in a myriad of healthcare specialties around the Asian region. In addition, we also have access to patients and caregivers\r\n      </div>\r\n    </div>\r\n\r\n    <div class=\"banner\">\r\n      <el-carousel>\r\n        <el-carousel-item>\r\n          <div class=\"text\">\r\n            <div class=\"title\">Cardiovascular</div>\r\n            <div class=\"value\"><span style=\"color:#2cb1e9\">198</span> Cardiovascular projects , delivering <span style=\"color:#2cb1e9\">11759</span> completes for Our clients .</div>\r\n          </div>\r\n        </el-carousel-item>\r\n        <el-carousel-item>\r\n          <div class=\"text\">\r\n            <div class=\"title\">Dermatology</div>\r\n            <div class=\"value\">Over <span style=\"color:#2cb1e9\">185</span> Dermatology projects , delivering <span style=\"color:#2cb1e9\">10406</span> completes for our clients .</div>\r\n          </div>\r\n        </el-carousel-item>\r\n        <el-carousel-item>\r\n          <div class=\"text\">\r\n            <div class=\"title\">Endocrinology</div>\r\n            <div class=\"value\">Over <span style=\"color:#2cb1e9\">177</span> Endocrinology projects , delivering more than <span style=\"color:#2cb1e9\">10422</span> completes for our clients .</div>\r\n          </div>\r\n        </el-carousel-item>\r\n        <el-carousel-item>\r\n          <div class=\"text\">\r\n            <div class=\"title\">Eye Care</div>\r\n            <div class=\"value\">Over <span style=\"color:#2cb1e9\">153</span> projects surrounding eye care , delivering close to <span style=\"color:#2cb1e9\">7038</span> completes for our clients .</div>\r\n          </div>\r\n        </el-carousel-item>\r\n        <el-carousel-item>\r\n          <div class=\"text\">\r\n            <div class=\"title\">Gastroenterology</div>\r\n            <div class=\"value\">Over <span style=\"color:#2cb1e9\">195</span> Gastroenterology projects , delivering <span style=\"color:#2cb1e9\">10678</span> completes for our clients ,</div>\r\n          </div>\r\n        </el-carousel-item>\r\n        <el-carousel-item>\r\n          <div class=\"text\">\r\n            <div class=\"title\">Infectious Diseases</div>\r\n            <div class=\"value\">Over <span style=\"color:#2cb1e9\">154</span> Infectious Diseases projects , delivering close to <span style=\"color:#2cb1e9\">7390</span> completes for our clients .</div>\r\n          </div>\r\n        </el-carousel-item>\r\n        <el-carousel-item>\r\n          <div class=\"text\">\r\n            <div class=\"title\">Nephrology</div>\r\n            <div class=\"value\"><span style=\"color:#2cb1e9\">187</span> Nephrology projects , delivering more than <span style=\"color:#2cb1e9\">9729</span> completes for our clients .</div>\r\n          </div>\r\n        </el-carousel-item>\r\n        <el-carousel-item>\r\n          <div class=\"text\">\r\n            <div class=\"title\">Neurology</div>\r\n            <div class=\"value\"><span style=\"color:#2cb1e9\">173</span> Neurology projects , delivering more than <span style=\"color:#2cb1e9\">9925</span> completes for our clients .</div>\r\n          </div>\r\n        </el-carousel-item>\r\n        <el-carousel-item>\r\n          <div class=\"text\">\r\n            <div class=\"title\">Oncology</div>\r\n            <div class=\"value\">More than <span style=\"color:#2cb1e9\">320</span> Oncology projects , delivering <span style=\"color:#2cb1e9\">16130</span> completes for our clients .</div>\r\n          </div>\r\n        </el-carousel-item>\r\n        <el-carousel-item>\r\n          <div class=\"text\">\r\n            <div class=\"title\">Pulmonary</div>\r\n            <div class=\"value\">Over <span style=\"color:#2cb1e9\">143</span> Pulmonary projects , delivering <span style=\"color:#2cb1e9\">6864</span> completes for our clients .</div>\r\n          </div>\r\n        </el-carousel-item>\r\n        <el-carousel-item>\r\n          <div class=\"text\">\r\n            <div class=\"title\">Rheumatology</div>\r\n            <div class=\"value\"><span style=\"color:#2cb1e9\">182</span> Rheumatology projects , delivering <span style=\"color:#2cb1e9\">10197</span> completes for our clients .</div>\r\n          </div>\r\n        </el-carousel-item>\r\n        <el-carousel-item>\r\n          <div class=\"text\">\r\n            <div class=\"title\">Surgery</div>\r\n            <div class=\"value\">Over <span style=\"color:#2cb1e9\">181</span> Surgery projects , delivering <span style=\"color:#2cb1e9\">10045</span> completes for our clients .</div>\r\n          </div>\r\n        </el-carousel-item>\r\n        <el-carousel-item>\r\n          <div class=\"text\">\r\n            <div class=\"title\">Women‘s Health / OВGYN</div>\r\n            <div class=\"value\">Over <span style=\"color:#2cb1e9\">169</span> Women‘s Health / OВGYN projects , delivering <span style=\"color:#2cb1e9\">9117</span> completes for our clients .</div>\r\n          </div>\r\n        </el-carousel-item>\r\n        <el-carousel-item>\r\n          <div class=\"text\">\r\n            <div class=\"title\">Other</div>\r\n            <div class=\"value\"><span style=\"color:#2cb1e9\">135</span> other projects, delivering <span style=\"color:#2cb1e9\">7158</span> completes for our clients.</div>\r\n          </div>\r\n        </el-carousel-item>\r\n      </el-carousel>\r\n    </div>\r\n\r\n    <!-- Download our Panel Book -->\r\n    <down-load />\r\n\r\n    <!-- Qualitative Consultants -->\r\n    <div class=\"Consultants\">\r\n      <div class=\"img\">\r\n        <img src=\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/others/consultants.jpg\" class=\"one\">\r\n        <img src=\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/others/consultants2.jpg\" class=\"two\">\r\n\r\n      </div>\r\n      <div class=\"text\">\r\n        <div class=\"title\">Research Consultants</div>\r\n        <div class=\"value\">Meet <a @click=\"$router.push('/team?source=healthcare')\">our consultants</a> who can give you our advices on design and execution about your study in local market</div>\r\n      </div>\r\n    </div>\r\n\r\n    <!-- case study -->\r\n    <case-study />\r\n\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport DownLoad from \"@/components/downLoad\";\r\nimport CaseStudy from \"@/components/caseStudy\";\r\nimport { advertisementFlow } from \"@/api/api\";\r\nexport default {\r\n  data() {\r\n    return {};\r\n  },\r\n  created() {\r\n    this.loading();\r\n    this.advertisementFlow(); // 在组件创建时加载Google代码\r\n    const script = document.createElement(\"script\");\r\n    script.async = true;\r\n    script.src = \"https://www.googletagmanager.com/gtag/js?id=AW-11335422054\";\r\n    document.head.appendChild(script);\r\n    script.onload = () => {\r\n      window.dataLayer = window.dataLayer || [];\r\n      function gtag() {\r\n        dataLayer.push(arguments);\r\n      }\r\n      gtag(\"js\", new Date());\r\n      gtag(\"config\", \"AW-11335422054\");\r\n    };\r\n    this.webinercookies();\r\n  },\r\n  components: { DownLoad, CaseStudy },\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: \"healthcare\",\r\n          source: \"\",\r\n          information: \"Solutions_healthcare\"\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: \"healthcare\",\r\n          source: this.$route.query.source,\r\n          information: \"Solutions_healthcare\"\r\n        }).then(res => {\r\n          if (res.code == 10000) {\r\n            // console.log(res);\r\n          }\r\n        });\r\n      }\r\n    },\r\n    contact() {\r\n      let routeData = this.$router.resolve({ path: \"/contact?source=bid\" });\r\n      window.open(routeData.href, \"_blank\");\r\n    },\r\n    loading() {\r\n      this.$loading({\r\n        lock: true,\r\n        background: \"rgba(255, 255, 255,1)\"\r\n      });\r\n      setTimeout(() => {\r\n        this.$loading().close();\r\n      }, 700);\r\n    }\r\n  }\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.bg {\r\n  background-image: url(\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/healthCare/health.png\");\r\n  background-size: cover;\r\n  background-attachment: fixed;\r\n}\r\n.top {\r\n  background-color: #fff;\r\n  padding: 140px 200px;\r\n  // height: 600px;\r\n  background-image: url(\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/healthCare/healthcarebg.png\");\r\n\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.words {\r\n  background-color: #fff;\r\n  padding: 80px 120px;\r\n  font-size: 23px;\r\n}\r\n.banner {\r\n  background-color: rgba(255, 255, 255, 0.6);\r\n  .text {\r\n    padding: 80px 150px;\r\n    .title {\r\n      font-size: 40px;\r\n      color: #2cb1e9;\r\n      font-weight: 700;\r\n    }\r\n    .value {\r\n      font-size: 23px;\r\n      font-weight: 700;\r\n      padding: 50px;\r\n    }\r\n  }\r\n}\r\n\r\n.Consultants {\r\n  display: flex;\r\n  padding: 80px 120px 120px;\r\n  position: relative;\r\n  overflow: hidden;\r\n  background-color: #e8eaed;\r\n  .img {\r\n    width: 50%;\r\n\r\n    .one {\r\n      position: absolute;\r\n      left: 0;\r\n      top: -40px;\r\n      width: 400px;\r\n      border-radius: 50%;\r\n      border: 6px dotted #f56c6c;\r\n    }\r\n    .two {\r\n      position: absolute;\r\n      top: 230px;\r\n      left: 350px;\r\n      width: 350px;\r\n      border-radius: 20%;\r\n      border: 6px dotted #f56c6c;\r\n    }\r\n  }\r\n  .text {\r\n    width: 50%;\r\n    .title {\r\n      font-size: 40px;\r\n      font-weight: 700;\r\n      color: #f56c6c;\r\n    }\r\n    .value {\r\n      font-size: 23px;\r\n      font-weight: 700;\r\n      // text-align: center;\r\n      padding: 50px;\r\n      color: #003c50;\r\n      a {\r\n        font-size: 30px;\r\n        color: #f56c6c;\r\n        text-decoration: underline;\r\n        &:hover {\r\n          color: #ff0000;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n@media screen and (max-width: 576px) {\r\n  .top {\r\n    padding: 90px 100px;\r\n    .text {\r\n      width: 100%;\r\n      .title {\r\n        width: 80%;\r\n        font-size: 110px;\r\n      }\r\n      .value {\r\n        font-size: 70px;\r\n      }\r\n      button {\r\n        font-size: 70px;\r\n        padding: 10px 20px;\r\n      }\r\n    }\r\n  }\r\n  .words {\r\n    font-size: 70px;\r\n  }\r\n  .banner {\r\n    .text {\r\n      padding: 120px;\r\n      .title {\r\n        font-size: 80px;\r\n      }\r\n      .value {\r\n        font-size: 60px;\r\n      }\r\n    }\r\n  }\r\n  .Consultants {\r\n    display: block;\r\n    .img {\r\n      width: 100%;\r\n      .one {\r\n        width: 800px;\r\n      }\r\n      .two {\r\n        width: 700px;\r\n        top: 500px;\r\n        left: 700px;\r\n      }\r\n    }\r\n    .text {\r\n      width: 100%;\r\n      padding-top: 1000px;\r\n      .title {\r\n        font-size: 80px;\r\n      }\r\n      .value {\r\n        font-size: 70px;\r\n        a {\r\n          font-size: 75px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n</style>\r\n<style lang=\"scss\">\r\n@media screen and (max-width: 576px) {\r\n  .el-carousel {\r\n    // height: 800px;\r\n    .el-carousel__container {\r\n      height: 700px !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!./healthcare.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!./healthcare.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./healthcare.vue?vue&type=template&id=11ca7f28&scoped=true&\"\nimport script from \"./healthcare.vue?vue&type=script&lang=js&\"\nexport * from \"./healthcare.vue?vue&type=script&lang=js&\"\nimport style0 from \"./healthcare.vue?vue&type=style&index=0&id=11ca7f28&lang=scss&scoped=true&\"\nimport style1 from \"./healthcare.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  \"11ca7f28\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}