{"version":3,"sources":["webpack:///./src/components/caseStudy.vue?4a20","webpack:///./src/components/caseStudy.vue?6d74","webpack:///src/components/caseStudy.vue","webpack:///./src/components/caseStudy.vue?5522","webpack:///./src/components/caseStudy.vue","webpack:///./src/views/solutions/Qualitative/ethnography.vue?c503","webpack:///src/views/solutions/Qualitative/ethnography.vue","webpack:///./src/views/solutions/Qualitative/ethnography.vue?a1bf","webpack:///./src/views/solutions/Qualitative/ethnography.vue","webpack:///./src/views/solutions/Qualitative/ethnography.vue?5a55"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","on","$event","btn","_l","caseList","slice","item","index","key","toDetail","id","subscribe","newsTitle","attrs","logo","_s","firstLabel","DialogShow","ref","ruleForm","rules","model","value","callback","$$v","$set","expression","staticStyle","directives","name","rawName","domProps","Array","isArray","check","_i","$$a","$$el","target","$$c","checked","$$i","concat","slot","submitForm","staticRenderFns","defaultForm","action","actionCase","targetName","mail","firstname","lastname","company","data","required","message","trigger","type","created","methods","_this","console","firstName","fullName","localStorage","form","actionRecords","query","source","getNewsList","pageSize","pageIndex","status","origin","firstLabelIds","then","res","component","contact","_m","script","document","dataLayer","window","gtag","components","CaseStudy","webinercookies","advertisementFlow","path","information","loading","lock","background","setTimeout"],"mappings":"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","file":"static/js/chunk-7d0e7a56.87a99acf.js","sourcesContent":["import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./caseStudy.vue?vue&type=style&index=0&id=4637329d&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./caseStudy.vue?vue&type=style&index=0&id=4637329d&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"casetitle\"},[_vm._v(\"Case Study\")]),_c('div',{staticClass:\"news\"},[_c('div',{staticClass:\"more\",on:{\"click\":function($event){return _vm.btn('/media?source=caseStudy')}}},[_vm._v(\"read more\")]),_c('div',{staticClass:\"newsList\"},_vm._l((_vm.caseList.slice(0,4)),function(item,index){return _c('div',{key:index,staticClass:\"one\",on:{\"click\":function($event){return _vm.toDetail(item.id,item.subscribe,item.newsTitle)}}},[_c('img',{attrs:{\"src\":item.logo}}),_c('div',{staticClass:\"title\"},[_vm._v(\" \"+_vm._s(item.firstLabel)+\"-\"+_vm._s(item.newsTitle)+\" \")])])}),0)]),_c('el-dialog',{attrs:{\"title\":\"\",\"visible\":_vm.DialogShow,\"width\":\"45%\"},on:{\"close\":function($event){_vm.DialogShow=false}}},[_c('span',[_c('div',{staticClass:\"from\"},[_c('div',{staticClass:\"formtitle\"},[_vm._v(\"Please fill in your information\")]),_c('el-form',{ref:\"ruleForm\",attrs:{\"model\":_vm.ruleForm,\"rules\":_vm.rules}},[_c('el-form-item',{attrs:{\"label\":\"First Name\",\"prop\":\"firstname\"}},[_c('el-input',{model:{value:(_vm.ruleForm.firstname),callback:function ($$v) {_vm.$set(_vm.ruleForm, \"firstname\", $$v)},expression:\"ruleForm.firstname\"}})],1),_c('el-form-item',{attrs:{\"label\":\"Last Name\",\"prop\":\"lastname\"}},[_c('el-input',{model:{value:(_vm.ruleForm.lastname),callback:function ($$v) {_vm.$set(_vm.ruleForm, \"lastname\", $$v)},expression:\"ruleForm.lastname\"}})],1),_c('el-form-item',{attrs:{\"label\":\"Email\",\"prop\":\"mail\"}},[_c('el-input',{model:{value:(_vm.ruleForm.mail),callback:function ($$v) {_vm.$set(_vm.ruleForm, \"mail\", $$v)},expression:\"ruleForm.mail\"}})],1),_c('el-form-item',{attrs:{\"label\":\"Company\",\"prop\":\"company\"}},[_c('el-input',{model:{value:(_vm.ruleForm.company),callback:function ($$v) {_vm.$set(_vm.ruleForm, \"company\", $$v)},expression:\"ruleForm.company\"}})],1),_c('el-form-item',{staticStyle:{\"width\":\"100%\"},attrs:{\"prop\":\"check\"}},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.ruleForm.check),expression:\"ruleForm.check\"}],staticClass:\"check\",attrs:{\"type\":\"checkbox\"},domProps:{\"checked\":Array.isArray(_vm.ruleForm.check)?_vm._i(_vm.ruleForm.check,null)>-1:(_vm.ruleForm.check)},on:{\"change\":function($event){var $$a=_vm.ruleForm.check,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.$set(_vm.ruleForm, \"check\", $$a.concat([$$v])))}else{$$i>-1&&(_vm.$set(_vm.ruleForm, \"check\", $$a.slice(0,$$i).concat($$a.slice($$i+1))))}}else{_vm.$set(_vm.ruleForm, \"check\", $$c)}}}}),_c('span',{staticStyle:{\"word-break\":\"break-word\"}},[_vm._v(\"Yes, I would like to receive digital communications from Holden brands. I may opt-out of communications at any time using the unsubscribe link at the bottom of any email communication.\")])])],1)],1)]),_c('span',{staticClass:\"dialog-footer\",attrs:{\"slot\":\"footer\"},slot:\"footer\"},[_c('el-button',{on:{\"click\":function($event){_vm.DialogShow = false}}},[_vm._v(\"cancel\")]),_c('el-button',{attrs:{\"type\":\"primary\"},on:{\"click\":function($event){return _vm.submitForm('ruleForm')}}},[_vm._v(\"submit\")])],1)])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <!-- case study -->\r\n    <div class=\"casetitle\">Case Study</div>\r\n    <div class=\"news\">\r\n      <div @click=\"btn('/media?source=caseStudy')\" class=\"more\">read more</div>\r\n      <div class=\"newsList\">\r\n        <div class=\"one\" v-for=\"(item,index) in caseList.slice(0,4)\" :key=\"index\" @click=\"toDetail(item.id,item.subscribe,item.newsTitle)\">\r\n          <img :src=\"item.logo\">\r\n          <div class=\"title\">\r\n            {{item.firstLabel}}-{{item.newsTitle}}\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <el-dialog title=\"\" :visible=\"DialogShow\" width=\"45%\" @close=\"DialogShow=false\">\r\n      <span>\r\n        <div class=\"from\">\r\n          <div class=\"formtitle\">Please fill in your information</div>\r\n          <el-form :model=\"ruleForm\" :rules=\"rules\" ref=\"ruleForm\">\r\n            <el-form-item label=\"First Name\" prop=\"firstname\">\r\n              <el-input v-model=\"ruleForm.firstname\" />\r\n            </el-form-item>\r\n            <el-form-item label=\"Last Name\" prop=\"lastname\">\r\n              <el-input v-model=\"ruleForm.lastname\" />\r\n            </el-form-item>\r\n            <el-form-item label=\"Email\" prop=\"mail\">\r\n              <el-input v-model=\"ruleForm.mail\" />\r\n            </el-form-item>\r\n            <el-form-item label=\"Company\" prop=\"company\">\r\n              <el-input v-model=\"ruleForm.company\" />\r\n            </el-form-item>\r\n            <!-- <div>We need your permission to stay in touch.</div> -->\r\n            <el-form-item prop=\"check\" style=\"width:100%\">\r\n\r\n              <input class=\"check\" type=\"checkbox\" v-model=\"ruleForm.check\"><span style=\"word-break: break-word;\">Yes, I would like to receive digital communications from Holden brands. I may opt-out of communications at any time using the unsubscribe link at the bottom of any email communication.</span>\r\n            </el-form-item>\r\n          </el-form>\r\n\r\n        </div>\r\n      </span>\r\n      <span slot=\"footer\" class=\"dialog-footer\">\r\n        <el-button @click=\"DialogShow = false\">cancel</el-button>\r\n        <el-button type=\"primary\" @click=\"submitForm('ruleForm')\">submit</el-button>\r\n\r\n      </span>\r\n    </el-dialog>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nconst defaultForm = {\r\n  action: \"News\",\r\n  actionCase: \"Readnews\",\r\n  targetName: \"\",\r\n  mail: \"\",\r\n  firstname: \"\",\r\n  lastname: \"\",\r\n  company: \"\",\r\n  check: true\r\n};\r\nimport { getNewsList, actionRecords } from \"@/api/api\";\r\n\r\nexport default {\r\n  data() {\r\n    const check = (rule, value, callback) => {\r\n      if (value == false) {\r\n        return callback(new Error(\"Please complete this required field\"));\r\n      } else {\r\n        callback();\r\n      }\r\n    };\r\n    return {\r\n      ruleForm: JSON.parse(JSON.stringify(defaultForm)),\r\n      rules: {\r\n        firstname: [{ required: true, message: \"Please complete this required field\", trigger: \"blur\" }],\r\n        lastname: [{ required: true, message: \"Please complete this required field\", trigger: \"blur\" }],\r\n        company: [{ required: true, message: \"Please complete this required field\", trigger: \"blur\" }],\r\n        mail: [\r\n          { required: true, message: \"Please complete this required field\", trigger: \"blur\" },\r\n          { type: \"email\", message: \"Email must be formatted correctly.\", trigger: [\"blur\"] }\r\n        ],\r\n        // check: [{ required: true, message: \"Please complete this required field\", trigger: \"blur\" }, { validator: check }]\r\n      },\r\n      DialogShow: false,\r\n      caseList: []\r\n    };\r\n  },\r\n  created() {\r\n    this.getNewsList();\r\n  },\r\n  methods: {\r\n    submitForm(formName) {\r\n      let _this = this;\r\n      // 数据写入表单\r\n      _this.$refs[formName].validate(valid => {\r\n        if (valid) {\r\n          _this.ruleForm.fullName = _this.ruleForm.firstname + \" \" + _this.ruleForm.lastname;\r\n          let ruleForm = {\r\n            action: \"News\",\r\n            actionCase: \"Readnews\",\r\n            firstName: _this.ruleForm.firstname,\r\n            fullName: _this.ruleForm.fullName,\r\n            mail: _this.ruleForm.mail,\r\n            company: _this.ruleForm.company\r\n          };\r\n          //   console.log(this.ruleForm);\r\n          localStorage.setItem(\"form\", JSON.stringify(this.ruleForm));\r\n          var form = JSON.parse(localStorage.getItem(\"form\"));\r\n          form.targetName = this.submitTitle;\r\n          console.log(form);\r\n          // 提交表单数据\r\n          actionRecords(form).then(res => {\r\n            // console.log(form);\r\n            // 如果没有cookie\r\n            // 提交成功\r\n            if (res.code == 10000) {\r\n              // 关闭弹框\r\n              this.DialogShow = false;\r\n              // 如果是同意或者没点，存入cookie\r\n              if (localStorage.getItem(\"agreeCookies\")) {\r\n                var val = localStorage.getItem(\"agreeCookies\");\r\n                var dataobj = JSON.parse(val);\r\n                if (dataobj.val == \"agree\") {\r\n                  this.$cookies.set(\"HoldenCookies\", \"panelDownloads\");\r\n                }\r\n              }else if(this.$cookies.isKey(\"defaultcookies\")){\r\n                  this.$cookies.set(\"HoldenCookies\", \"panelDownloads\");\r\n\r\n              }\r\n\r\n              // 跳转查看详情\r\n              this.$router.push({ name: \"newsDetail\", query: { id: this.submitId, source: \"casrStudy\" } });\r\n            }\r\n          });\r\n        } else {\r\n          console.log(\"error submit!!\");\r\n          return false;\r\n        }\r\n      });\r\n    },\r\n    getNewsList() {\r\n      getNewsList({\r\n        pageSize: 4,\r\n        pageIndex: 1,\r\n        status: 1, //启用\r\n        origin: 1, //前台\r\n        firstLabelIds: [1, 7]\r\n      }).then(res => {\r\n        if (res.code != 10000) {\r\n          this.$message.error(res.msg || \"查询案例分享失败\");\r\n          return;\r\n        }\r\n        this.caseList = res.datalist || [];\r\n        this.allCount = res.allCount;\r\n      });\r\n    },\r\n    toDetail(id, subscribe, newsTitle) {\r\n      // 如果需要权限但是没有cookies\r\n      if (subscribe == 1 && !this.$cookies.isKey(\"HoldenCookies\")) {\r\n        this.submitId = id;\r\n        this.DialogShow = true;\r\n        this.submitTitle = newsTitle;\r\n      }\r\n      // 如果需要权限并且没有cookie\r\n      else {\r\n        this.$router.push({ name: \"newsDetail\", query: { id: id, source: \"caseStudy\" } });\r\n      }\r\n    }\r\n  }\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.casetitle {\r\n  background-color: #fff;\r\n  font-size: 40px;\r\n  font-weight: 700;\r\n  padding: 50px 120px 0 120px;\r\n}\r\n.news {\r\n  padding: 0px 120px;\r\n  font-size: 18px;\r\n  position: relative;\r\n  background-color: #fff;\r\n\r\n  .bigtitle {\r\n    font-size: 40px;\r\n    font-weight: 700;\r\n    color: #ccc;\r\n  }\r\n  .more {\r\n    // width: 160px;\r\n    padding: 0 20px;\r\n    font-size: 16px;\r\n    color: #409eff;\r\n    background-color: #ecf5ff;\r\n    border: 1px solid #409eff;\r\n    border-radius: 8px;\r\n    text-align: center;\r\n    position: absolute;\r\n    right: 150px;\r\n    // top: -30px;\r\n  }\r\n  .more:hover {\r\n    cursor: pointer;\r\n    color: #2cb1e9;\r\n  }\r\n  .newsList {\r\n    // text-align: center;\r\n    display: flex;\r\n    justify-content: space-around;\r\n    flex-wrap: wrap;\r\n    .one {\r\n      cursor: pointer;\r\n      padding: 14px;\r\n      width: 21%;\r\n      margin: 40px auto;\r\n      border: 1px solid #d5dbe5;\r\n      border-radius: 8px;\r\n      box-shadow: 4px 4px 4px 0 #d5dbe5;\r\n      img {\r\n        width: 100%;\r\n        height: 170px;\r\n      }\r\n    }\r\n    .two {\r\n      width: 40%;\r\n    }\r\n  }\r\n}\r\n.check {\r\n  margin-right: 10px;\r\n}\r\n.from {\r\n  // width: 60%;\r\n  // margin: 80px auto;\r\n  // padding: 30px;\r\n  // transform: scale(1.3);\r\n  padding-top: 0px;\r\n  .formtitle {\r\n    text-align: center;\r\n    font-weight: 700;\r\n    font-size: 25px;\r\n    color: #ff0000;\r\n  }\r\n  @media screen and (max-width: 570px) {\r\n    .formtitle {\r\n      font-size: 45px;\r\n    }\r\n  }\r\n  .el-form {\r\n    // display: flex;\r\n    // flex-wrap: wrap;\r\n    // justify-content: space-between;\r\n    padding: 10px;\r\n    /deep/ .el-form-item {\r\n      display: inline-block;\r\n      display: flex;\r\n      // flex-wrap: wrap;\r\n      justify-content: start;\r\n      &:nth-child() {\r\n        .el-form-item__label {\r\n          // margin-left: 7px;\r\n        }\r\n      }\r\n      &:not(.text) {\r\n        // width: 50%;\r\n      }\r\n      &.text {\r\n        width: 100%;\r\n      }\r\n      .el-form-item__content {\r\n        font-size: 11px;\r\n        line-height: 20px;\r\n        flex: 1;\r\n        .el-input {\r\n          width: 238px !important;\r\n        }\r\n      }\r\n\r\n      .el-form-item__label {\r\n        width: 125px;\r\n        font-size: 15px;\r\n        display: block;\r\n        font-weight: normal;\r\n      }\r\n      .el-textarea__inner {\r\n        min-height: 104px !important;\r\n      }\r\n      .el-input__inner,\r\n      .el-textarea__inner {\r\n        background: #fafafa;\r\n        border: 1px solid #e6e6e6;\r\n        border-radius: 7px;\r\n        font-size: 15px;\r\n        width: 390px;\r\n      }\r\n      @media screen and (max-width: 576px) {\r\n        .el-input__inner {\r\n          font-size: 35px;\r\n          width: 700px;\r\n          height: 80px;\r\n        }\r\n        .el-form-item__label {\r\n          font-size: 35px;\r\n          width: 250px;\r\n        }\r\n        .el-form-item__content {\r\n          font-size: 30px;\r\n          line-height: 40px;\r\n        }\r\n      }\r\n      .el-form-item__error {\r\n        font-size: 12px !important;\r\n      }\r\n    }\r\n  }\r\n  & > * {\r\n    margin: 20px;\r\n  }\r\n  div {\r\n    margin-top: 12px;\r\n  }\r\n  .button {\r\n    margin: 0 auto;\r\n    margin-top: 20px;\r\n    background: #217df6;\r\n    font-size: 13px;\r\n    color: #fff;\r\n    border-radius: 7px;\r\n    text-align: center;\r\n    width: 150px;\r\n    padding: 10px;\r\n    // height: 34px;\r\n    // line-height: 34px;\r\n    cursor: pointer;\r\n  }\r\n  @media screen and (max-width: 576px) {\r\n    .button {\r\n      font-size: 35px;\r\n    }\r\n  }\r\n}\r\n@media screen and (max-width: 576px) {\r\n  /deep/ .el-dialog__wrapper {\r\n    .el-dialog {\r\n      width: 100% !important;\r\n      .el-dialog__footer {\r\n        .el-button {\r\n          font-size: 70px;\r\n          padding: 20px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .casetitle {\r\n    font-size: 80px;\r\n  }\r\n  .news {\r\n    .bigtitle {\r\n      font-size: 70px !important;\r\n    }\r\n    .more {\r\n      font-size: 70px;\r\n      // top: 130px;\r\n      // top: -30px;\r\n    }\r\n    .more {\r\n      top: -70px;\r\n    }\r\n    .casemore {\r\n      top: 80px;\r\n    }\r\n    .newsList {\r\n      padding-top: 30px;\r\n      .one {\r\n        width: 90%;\r\n        img {\r\n          height: auto;\r\n        }\r\n        .title {\r\n          font-size: 70px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n</style>","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./caseStudy.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./caseStudy.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./caseStudy.vue?vue&type=template&id=4637329d&scoped=true&\"\nimport script from \"./caseStudy.vue?vue&type=script&lang=js&\"\nexport * from \"./caseStudy.vue?vue&type=script&lang=js&\"\nimport style0 from \"./caseStudy.vue?vue&type=style&index=0&id=4637329d&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"4637329d\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"top\"},[_c('div',{staticClass:\"text\"},[_c('div',{staticClass:\"title\"},[_vm._v(\" Ethnography \")]),_c('div',{staticClass:\"value\"},[_vm._v(\" A qualitative approach that involves relative submersion into a particular community or organization to observe their behavior and interactions up close \")]),_c('div',[_c('button',{on:{\"click\":_vm.contact}},[_vm._v(\"REQUEST A BID\")])])])]),_vm._m(0),_c('case-study')],1)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"mid\"},[_c('div',{staticClass:\"value\"},[_vm._v(\" Our team provides comprehensive project management support, from recruiting target participants, to delivering & briefing on tested products, to instructing & collecting diary and/or homework assignments. \")])])}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <div class=\"top\">\r\n      <div class=\"text\">\r\n        <div class=\"title\">\r\n          Ethnography\r\n        </div>\r\n        <div class=\"value\">\r\n          A qualitative approach that involves relative submersion into a particular community or organization to observe their behavior and interactions up close\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=\"mid\">\r\n      <div class=\"value\">\r\n        Our team provides comprehensive project management support, from recruiting target participants, to delivering & briefing on tested products, to instructing & collecting diary and/or homework assignments.\r\n\r\n      </div>\r\n    </div>\r\n\r\n    <!-- Case Study -->\r\n    <case-study />\r\n\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport CaseStudy from \"@/components/caseStudy\";\r\nimport { advertisementFlow } from \"@/api/api\";\r\n\r\nexport default {\r\n  data() {\r\n    return {};\r\n  },\r\n  created() {\r\n    this.loading();\r\n    this.advertisementFlow(); // 在组件创建时加载Google代码\r\n    const script = document.createElement(\"script\");\r\n    script.async = true;\r\n    script.src = \"https://www.googletagmanager.com/gtag/js?id=AW-11335422054\";\r\n    document.head.appendChild(script);\r\n    script.onload = () => {\r\n      window.dataLayer = window.dataLayer || [];\r\n      function gtag() {\r\n        dataLayer.push(arguments);\r\n      }\r\n      gtag(\"js\", new Date());\r\n      gtag(\"config\", \"AW-11335422054\");\r\n    };\r\n    this.webinercookies();\r\n  },\r\n  components: {\r\n    CaseStudy\r\n  },\r\n  methods: {\r\n    webinercookies() {\r\n      // 如果没有记录cookie\r\n      if (!localStorage.getItem(\"webinersource\")) {\r\n        // 就不重新赋值\r\n        let webinersource = this.$route.query.source;\r\n\r\n        if (webinersource == undefined) {\r\n          localStorage.setItem(\"webinersource\", \"www\");\r\n        } else {\r\n          localStorage.setItem(\"webinersource\", webinersource);\r\n        }\r\n        // console.log(1);\r\n      } else {\r\n        // 如果没有cookie就设置cookie\r\n      }\r\n    },\r\n    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: \"ethnography\",\r\n          source: \"\",\r\n          information: \"Solutions_ethnography\"\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: \"ethnography\",\r\n          source: this.$route.query.source,\r\n          information: \"Solutions_ethnography\"\r\n        }).then(res => {\r\n          if (res.code == 10000) {\r\n            // console.log(res);\r\n          }\r\n        });\r\n      }\r\n    },\r\n    contact() {\r\n      let routeData = this.$router.resolve({ path: \"/contact?source=bid\" });\r\n      window.open(routeData.href, \"_blank\");\r\n    },\r\n    loading() {\r\n      this.$loading({\r\n        lock: true,\r\n        background: \"rgba(255, 255, 255,1)\"\r\n      });\r\n      setTimeout(() => {\r\n        this.$loading().close();\r\n      }, 700);\r\n    }\r\n  }\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.top {\r\n  padding: 150px 200px;\r\n  background-image: url(\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/ethnography/ethnographybg.png\");\r\n  background-size: cover;\r\n  // height: 600px;\r\n  .text {\r\n    width: 60%;\r\n    margin-bottom: 35px;\r\n    .title {\r\n      width: 70%;\r\n      font-size: 50px;\r\n      font-weight: 700;\r\n      margin-bottom: 25px;\r\n      color: #fff;\r\n    }\r\n    .value {\r\n      font-size: 20px;\r\n      color: #fff;\r\n    }\r\n    button {\r\n      border: none;\r\n      background-color: #2cb1e9;\r\n      color: #fff;\r\n      font-size: 20px;\r\n      border-radius: 10px;\r\n      margin-top: 20px;\r\n      padding: 10px;\r\n    }\r\n  }\r\n}\r\n.mid {\r\n  background-color: #2cb1e9;\r\n  color: #fff;\r\n  padding: 80px 120px;\r\n  .value {\r\n    padding: 50px;\r\n    font-size: 25px;\r\n    font-weight: 700;\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  .mid {\r\n    padding: 90px 70px;\r\n    .value {\r\n      font-size: 70px;\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!./ethnography.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!./ethnography.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ethnography.vue?vue&type=template&id=42814d40&scoped=true&\"\nimport script from \"./ethnography.vue?vue&type=script&lang=js&\"\nexport * from \"./ethnography.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ethnography.vue?vue&type=style&index=0&id=42814d40&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  \"42814d40\",\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!./ethnography.vue?vue&type=style&index=0&id=42814d40&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!./ethnography.vue?vue&type=style&index=0&id=42814d40&lang=scss&scoped=true&\""],"sourceRoot":""}