{"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/views/products/toolbox.vue?6f14","webpack:///./src/views/products/toolbox.vue?1bd4","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","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","_m","$router","push","toPath","script","document","dataLayer","window","gtag","watch","$route","mounted","components","CaseStudy","products","webinercookies","advertisementFlow","information","loading","lock","background","setTimeout","toLocal","toElement","destroyed"],"mappings":"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","file":"static/js/chunk-5d1d7141.e136146c.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","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=9d3521dc&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=9d3521dc&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"backGround\",staticStyle:{}},[_c('div',{staticClass:\"productsValue\"},[_c('div',{staticClass:\"eQuote\",attrs:{\"id\":\"eQuote\"}},[_vm._m(0),_vm._m(1),_c('div',{staticClass:\"text\"},[_vm._m(2),_c('div',{staticClass:\"value\"},[_vm._v(\" It is an Al tool used to get a quick ballpark quotation to check the cost of conducting fieldwork \")]),_vm._m(3),_c('div',{staticClass:\"value\"},[_vm._v(\" Anyone, once you register with us, Register with us \"),_c('span',{staticClass:\"redHighLight here\",on:{\"click\":function($event){return _vm.$router.push('/equote?source=index')}}},[_vm._v(\"HERE\")])])])]),_c('div',{staticClass:\"online\"},[_vm._m(4),_c('div',{staticClass:\"toolBox\",attrs:{\"id\":\"HoldenAnswer\"}},[_c('div',{staticClass:\"introduce\"},[_vm._m(5),_c('div',{staticClass:\"introduceBox\"},[_c('div',{staticStyle:{\"position\":\"relative\"}},[_vm._m(6),_vm._m(7),_c('div',{staticClass:\"details\"},[_c('div',{staticClass:\"holdenAnswerValue\"},[_vm._m(8),_c('div',{staticClass:\"holdenAnswerTwo\"},[_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. \")]),_c('div',{staticClass:\"holdenAnswerThree\"},[_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.Whether you need help with healthcare, research, want to brainstorm ideas, or simply engage in a friendly conversation, Holden Answer is here to provide you with intelligent and interactive assistance. \")]),_c('div',{staticClass:\"holdenAnswerButton\"},[_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)])])])])])]),_c('div',{staticClass:\"toolBox\",attrs:{\"id\":\"API\"}},[_c('div',{staticClass:\"introduce\"},[_vm._m(9),_c('div',{staticClass:\"introduceBox\"},[_c('div',{staticStyle:{\"position\":\"relative\"}},[_vm._m(10),_vm._m(11),_c('div',{staticClass:\"details\"},[_c('div',{staticClass:\"APIvalue\"},[_vm._m(12),_vm._m(13),_vm._m(14),_vm._m(15),_vm._m(16),_c('div',{staticClass:\"apibutton\"},[_c('el-button',{attrs:{\"type\":\"primary\"},on:{\"click\":function($event){return _vm.toPath('/contact?source=products')}}},[_vm._v(\"Contact Us\")])],1)])])])])])]),_vm._m(17)])])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"bigTitle\"},[_vm._v(\" Holden's Instant \"),_c('span',{staticClass:\"redHighLight\"},[_vm._v(\"Quotation\")]),_vm._v(\" System \")])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"logo\"},[_c('img',{attrs:{\"src\":\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/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:\"blueHighLight\"},[_vm._v(\"What\")]),_vm._v(\" is eQuote? \")])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"title\"},[_c('span',{staticClass:\"blueHighLight\"},[_vm._v(\"Who\")]),_vm._v(\" can use eQuote? \")])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"bigTitle\"},[_vm._v(\" Holden Online \"),_c('span',{staticClass:\"blueHighLight\"},[_vm._v(\"Toolbox\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"introduceBG\"},[_c('img',{attrs:{\"src\":\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/products/introduceBG.png\",\"alt\":\"\"}})])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"introduceIMG\"},[_c('img',{attrs:{\"src\":\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/products/holdenAnswer.png\",\"alt\":\"\"}})])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"summary\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"Holden Answer\")]),_c('div',{staticClass:\"value\"},[_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:\"holdenAnswerOne\"},[_c('span',{staticClass:\"redHighLight\"},[_vm._v(\"Holden Answer\")]),_vm._v(\" is an \"),_c('span',{staticClass:\"blueHighLight\"},[_vm._v(\"interactive, Al-enabled interface\")]),_vm._v(\" for market researchers in the healthcare industry. \")])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"introduceBG\"},[_c('img',{attrs:{\"src\":\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/products/introduceBG.png\",\"alt\":\"\"}})])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"introduceIMG\"},[_c('img',{attrs:{\"src\":\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/products/API.png\",\"alt\":\"\"}})])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"summary\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"API\")]),_c('div',{staticClass:\"value\"},[_vm._v(\"Unlock the full potential of our proprietary products by seamlessly integrating with our custom-developed API.\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"apitop\"},[_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',{staticClass:\"apibottom\"},[_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:\"toolBox\",attrs:{\"id\":\"SurveyPanda\"}},[_c('div',{staticClass:\"introduce\"},[_c('div',{staticClass:\"introduceBG\"},[_c('img',{attrs:{\"src\":\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/products/introduceBG.png\",\"alt\":\"\"}})]),_c('div',{staticClass:\"introduceBox\"},[_c('div',{staticStyle:{\"position\":\"relative\"}},[_c('div',{staticClass:\"introduceIMG\"},[_c('img',{attrs:{\"src\":\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/products/surveyPanda.png\",\"alt\":\"\"}})]),_c('div',{staticClass:\"summary\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"Survey Panda\")]),_c('div',{staticClass:\"value\"},[_vm._v(\"Self-developed online data collection platform and reporting system\")])]),_c('div',{staticClass:\"details\"},[_c('div',{staticClass:\"surveyPandaValue\"},[_vm._v(\" Survey Panda is our self-developed online data collection platform and reporting system. SurveyPanda is user friendly and allows for DlY research solutions. At the same time, it is designed to cater for complicated market research requirement. \")])])])])])])}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div style=\"backgroundColor:\" class=\"backGround\">\r\n\r\n    <div class=\"productsValue\">\r\n      <div class=\"eQuote\" id=\"eQuote\">\r\n        <div class=\"bigTitle\">\r\n          Holden's Instant <span class=\"redHighLight\">Quotation</span> System\r\n        </div>\r\n        <div class=\"logo\">\r\n          <img src=\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/equote.png\" alt=\"\">\r\n        </div>\r\n        <div class=\"text\">\r\n          <div class=\"title\">\r\n            <span class=\"blueHighLight\">What</span> is eQuote?\r\n          </div>\r\n          <div class=\"value\">\r\n            It is an Al tool used to get a quick ballpark quotation to check the cost of conducting fieldwork\r\n          </div>\r\n          <div class=\"title\">\r\n            <span class=\"blueHighLight\">Who</span> can use eQuote?\r\n          </div>\r\n          <div class=\"value\">\r\n            Anyone, once you register with us, Register with us <span class=\"redHighLight here\" @click=\"$router.push('/equote?source=index')\">HERE</span>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class=\"online\">\r\n        <div class=\"bigTitle\">\r\n          Holden Online <span class=\"blueHighLight\">Toolbox</span>\r\n        </div>\r\n        <div class=\"toolBox\" id=\"HoldenAnswer\">\r\n          <div class=\"introduce\">\r\n            <div class=\"introduceBG\"><img src=\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/products/introduceBG.png\" alt=\"\"></div>\r\n            <div class=\"introduceBox\">\r\n              <div style=\"position: relative;\">\r\n                <div class=\"introduceIMG\"><img src=\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/products/holdenAnswer.png\" alt=\"\"></div>\r\n                <div class=\"summary\">\r\n                  <div class=\"title\">Holden Answer</div>\r\n                  <div class=\"value\">Innovate, Interact, Insight:</br>\r\n                    AME - Your Gateway to Smart Healthcare Research</div>\r\n                </div>\r\n                <div class=\"details\">\r\n                  <div class=\"holdenAnswerValue\">\r\n                    <div class=\"holdenAnswerOne\">\r\n                      <span class=\"redHighLight\">Holden Answer</span> is an <span class=\"blueHighLight\">interactive, Al-enabled interface</span> for market researchers in the healthcare industry.\r\n                    </div>\r\n                    <div class=\"holdenAnswerTwo\">\r\n                      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.\r\n                    </div>\r\n                    <div class=\"holdenAnswerThree\">\r\n                      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.Whether you need help with healthcare, research, want to brainstorm ideas, or simply engage in a friendly conversation, Holden Answer is here to provide you with intelligent and interactive assistance.\r\n                    </div>\r\n                    <div class=\"holdenAnswerButton\">\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\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n\r\n          </div>\r\n        </div>\r\n        <div class=\"toolBox\" id=\"API\">\r\n          <div class=\"introduce\">\r\n            <div class=\"introduceBG\"><img src=\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/products/introduceBG.png\" alt=\"\"></div>\r\n            <div class=\"introduceBox\">\r\n              <div style=\"position: relative;\">\r\n                <div class=\"introduceIMG\"><img src=\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/products/API.png\" alt=\"\"></div>\r\n                <div class=\"summary\">\r\n                  <div class=\"title\">API</div>\r\n                  <div class=\"value\">Unlock the full potential of our proprietary products by seamlessly integrating with our custom-developed API.</div>\r\n                </div>\r\n                <div class=\"details\">\r\n                  <div class=\"APIvalue\">\r\n                    <div class=\"apitop\">\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 class=\"apibottom\">\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=\"apibutton\">\r\n                      <el-button type=\"primary\" @click=\"toPath('/contact?source=products')\">Contact Us</el-button>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n\r\n          </div>\r\n        </div>\r\n        <div class=\"toolBox\" id=\"SurveyPanda\">\r\n          <div class=\"introduce\">\r\n            <div class=\"introduceBG\"><img src=\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/products/introduceBG.png\" alt=\"\"></div>\r\n            <div class=\"introduceBox\">\r\n              <div style=\"position: relative;\">\r\n                <div class=\"introduceIMG\"><img src=\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/products/surveyPanda.png\" alt=\"\"></div>\r\n                <div class=\"summary\">\r\n                  <div class=\"title\">Survey Panda</div>\r\n                  <div class=\"value\">Self-developed online data collection platform and reporting system</div>\r\n                </div>\r\n                <div class=\"details\">\r\n                  <div class=\"surveyPandaValue\">\r\n                    Survey Panda is our self-developed online data collection platform and reporting system. SurveyPanda is user friendly and allows for DlY research solutions. At the same time, it is designed to cater for complicated market research requirement.\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n\r\n          </div>\r\n        </div>\r\n      </div>\r\n  \r\n\r\n    </div>\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    };\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* {\r\n  font-family: \"Nunito\";\r\n  color: #1e364e;\r\n}\r\n.backGround {\r\n  background-image: url(https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/products/backGround.png);\r\n  background-size: cover;\r\n}\r\n.here{\r\n  cursor: pointer;\r\n  text-decoration: underline;\r\n}\r\n.productsValue {\r\n  .redHighLight{\r\n        color: #e73323;\r\n\r\n  }\r\n  .blueHighLight{\r\n          color: #4c8fd5;\r\n\r\n  }\r\n  .eQuote {\r\n    text-align: center;\r\n    .bigTitle {\r\n      font-size: 60px;\r\n      font-weight: 700;\r\n      text-align: center;\r\n      padding-top: 120px;\r\n \r\n    }\r\n    .logo {\r\n      text-align: center;\r\n      padding-top: 120px;\r\n    }\r\n    .text {\r\n      .title {\r\n        font-size: 40px;\r\n        font-weight: 700;\r\n        padding-top: 50px;\r\n    \r\n      }\r\n      .value {\r\n        font-size: 22px;\r\n        padding-top: 30px;\r\n      }\r\n    }\r\n  }\r\n  .online {\r\n    padding-top: 180px;\r\n    .bigTitle {\r\n      font-size: 60px;\r\n      text-align: center;\r\n      font-weight: 700;\r\n      padding-bottom: 100px;\r\n   \r\n    }\r\n    .toolBox {\r\n      .introduce {\r\n        position: relative;\r\n        height: 600px;\r\n        margin: 0 200px;\r\n        .introduceBG {\r\n          position: absolute;\r\n          right: 6%;\r\n          img {\r\n            width: 100%;\r\n          }\r\n        }\r\n        .introduceBox {\r\n          position: absolute;\r\n          left: 6%;\r\n          // width: 100%;\r\n          .introduceIMG {\r\n            img {\r\n              width: 100%;\r\n            }\r\n          }\r\n          .summary {\r\n            position: absolute;\r\n            top: 0;\r\n            padding: 0px 120px;\r\n            .title {\r\n              font-size: 40px;\r\n              font-weight: 700;\r\n              margin: 90px 0;\r\n            }\r\n            .value {\r\n              font-size: 22px;\r\n            }\r\n          }\r\n          .details {\r\n            position: absolute;\r\n            top: 0;\r\n            background-color: #fff;\r\n            position: absolute;\r\n            display: flex;\r\n            align-items: center;\r\n            height: 100%;\r\n            width: 100%;\r\n            opacity: 0;\r\n            transition: all 0.5s;\r\n          }\r\n          .details:hover {\r\n            opacity: 1;\r\n            transform: scale(1.05);\r\n          }\r\n          .holdenAnswerValue {\r\n            text-align: center;\r\n            padding: 50px;\r\n            .holdenAnswerTwo,\r\n            .holdenAnswerThree {\r\n              margin-bottom: 20px;\r\n            }\r\n            .holdenAnswerButton {\r\n              button {\r\n                color: #fff;\r\n                     background-color: #90bef9;\r\n                border: none;\r\n              }\r\n              a {\r\n                color: #fff;\r\n                width: 100%;\r\n                height: 100%;\r\n              }\r\n            }\r\n          }\r\n          .APIvalue {\r\n            padding: 20px 40px;\r\n            .apitop {\r\n              margin-bottom: 20px;\r\n              padding: 0 15px;\r\n            }\r\n            .apileft {\r\n              width: 35%;\r\n            }\r\n            .apiright {\r\n              width: 65%;\r\n            }\r\n            .apibottom {\r\n              margin-top: 20px;\r\n            }\r\n            .apibutton {\r\n              text-align: center;\r\n              button {\r\n                color: #fff;\r\n                background-color: #90bef9;\r\n                border: none;\r\n              }\r\n            }\r\n          }\r\n          .surveyPandaValue {\r\n            text-align: center;\r\n            margin: 0 100px;\r\n          }\r\n        }\r\n      }\r\n    }\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\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=9d3521dc&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=9d3521dc&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  \"9d3521dc\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}