{"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/solutions/Qualitative/interview.vue?015f","webpack:///./src/views/solutions/Qualitative/interview.vue?d534","webpack:///src/views/solutions/Qualitative/interview.vue","webpack:///./src/views/solutions/Qualitative/interview.vue?3cf9","webpack:///./src/views/solutions/Qualitative/interview.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","scale","components","CaseStudy","script","document","dataLayer","window","gtag","webinercookies","advertisementFlow","information","contact","loading","lock","background","setTimeout"],"mappings":"gHAAA,yBAAsiB,EAAG,G,oCCAziB,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACA,EAAG,MAAM,CAACE,YAAY,aAAa,CAACN,EAAIO,GAAG,gBAAgBH,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACF,EAAG,MAAM,CAACE,YAAY,OAAOE,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOT,EAAIU,IAAI,8BAA8B,CAACV,EAAIO,GAAG,eAAeH,EAAG,MAAM,CAACE,YAAY,WAAWK,MAAM,CAAC,IAAM,gGAAgG,IAAM,MAAMP,EAAG,MAAM,CAACE,YAAY,YAAYN,EAAIY,GAAIZ,EAAIa,SAASC,MAAM,EAAE,IAAI,SAASC,EAAKC,GAAO,OAAOZ,EAAG,MAAM,CAACa,IAAID,EAAMV,YAAY,MAAME,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOT,EAAIkB,SAASH,EAAKI,GAAGJ,EAAKK,UAAUL,EAAKM,cAAc,CAACjB,EAAG,MAAM,CAACO,MAAM,CAAC,IAAM,iGAAiG,IAAM,MAAMP,EAAG,MAAM,CAACE,YAAY,WAAWK,MAAM,CAAC,IAAMI,EAAKO,aAAY,KAAKlB,EAAG,YAAY,CAACO,MAAM,CAAC,MAAQ,GAAG,QAAUX,EAAIuB,WAAW,MAAQ,OAAOf,GAAG,CAAC,MAAQ,SAASC,GAAQT,EAAIuB,YAAW,KAAS,CAACnB,EAAG,OAAO,CAACA,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACF,EAAG,MAAM,CAACE,YAAY,aAAa,CAACN,EAAIO,GAAG,qCAAqCH,EAAG,UAAU,CAACoB,IAAI,WAAWb,MAAM,CAAC,MAAQX,EAAIyB,SAAS,MAAQzB,EAAI0B,QAAQ,CAACtB,EAAG,eAAe,CAACO,MAAM,CAAC,MAAQ,aAAa,KAAO,cAAc,CAACP,EAAG,WAAW,CAACuB,MAAM,CAACC,MAAO5B,EAAIyB,SAAkB,UAAEI,SAAS,SAAUC,GAAM9B,EAAI+B,KAAK/B,EAAIyB,SAAU,YAAaK,IAAME,WAAW,yBAAyB,GAAG5B,EAAG,eAAe,CAACO,MAAM,CAAC,MAAQ,YAAY,KAAO,aAAa,CAACP,EAAG,WAAW,CAACuB,MAAM,CAACC,MAAO5B,EAAIyB,SAAiB,SAAEI,SAAS,SAAUC,GAAM9B,EAAI+B,KAAK/B,EAAIyB,SAAU,WAAYK,IAAME,WAAW,wBAAwB,GAAG5B,EAAG,eAAe,CAACO,MAAM,CAAC,MAAQ,QAAQ,KAAO,SAAS,CAACP,EAAG,WAAW,CAACuB,MAAM,CAACC,MAAO5B,EAAIyB,SAAa,KAAEI,SAAS,SAAUC,GAAM9B,EAAI+B,KAAK/B,EAAIyB,SAAU,OAAQK,IAAME,WAAW,oBAAoB,GAAG5B,EAAG,eAAe,CAACO,MAAM,CAAC,MAAQ,UAAU,KAAO,YAAY,CAACP,EAAG,WAAW,CAACuB,MAAM,CAACC,MAAO5B,EAAIyB,SAAgB,QAAEI,SAAS,SAAUC,GAAM9B,EAAI+B,KAAK/B,EAAIyB,SAAU,UAAWK,IAAME,WAAW,uBAAuB,GAAG5B,EAAG,eAAe,CAAC6B,YAAY,CAAC,MAAQ,QAAQtB,MAAM,CAAC,KAAO,UAAU,CAACP,EAAG,QAAQ,CAAC8B,WAAW,CAAC,CAACC,KAAK,QAAQC,QAAQ,UAAUR,MAAO5B,EAAIyB,SAAc,MAAEO,WAAW,mBAAmB1B,YAAY,QAAQK,MAAM,CAAC,KAAO,YAAY0B,SAAS,CAAC,QAAUC,MAAMC,QAAQvC,EAAIyB,SAASe,OAAOxC,EAAIyC,GAAGzC,EAAIyB,SAASe,MAAM,OAAO,EAAGxC,EAAIyB,SAAc,OAAGjB,GAAG,CAAC,OAAS,SAASC,GAAQ,IAAIiC,EAAI1C,EAAIyB,SAASe,MAAMG,EAAKlC,EAAOmC,OAAOC,IAAIF,EAAKG,QAAuB,GAAGR,MAAMC,QAAQG,GAAK,CAAC,IAAIZ,EAAI,KAAKiB,EAAI/C,EAAIyC,GAAGC,EAAIZ,GAAQa,EAAKG,QAASC,EAAI,GAAI/C,EAAI+B,KAAK/B,EAAIyB,SAAU,QAASiB,EAAIM,OAAO,CAAClB,KAAaiB,GAAK,GAAI/C,EAAI+B,KAAK/B,EAAIyB,SAAU,QAASiB,EAAI5B,MAAM,EAAEiC,GAAKC,OAAON,EAAI5B,MAAMiC,EAAI,UAAY/C,EAAI+B,KAAK/B,EAAIyB,SAAU,QAASoB,OAAUzC,EAAG,OAAO,CAAC6B,YAAY,CAAC,aAAa,eAAe,CAACjC,EAAIO,GAAG,iMAAiM,IAAI,KAAKH,EAAG,OAAO,CAACE,YAAY,gBAAgBK,MAAM,CAAC,KAAO,UAAUsC,KAAK,UAAU,CAAC7C,EAAG,YAAY,CAACI,GAAG,CAAC,MAAQ,SAASC,GAAQT,EAAIuB,YAAa,KAAS,CAACvB,EAAIO,GAAG,YAAYH,EAAG,YAAY,CAACO,MAAM,CAAC,KAAO,WAAWH,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOT,EAAIkD,WAAW,eAAe,CAAClD,EAAIO,GAAG,aAAa,MAAM,IACxzG4C,EAAkB,G,YCiDtB,MAAMC,EAAc,CACpBC,cACAC,sBACAC,cACAC,QACAC,aACAC,YACAC,WACAnB,UAIe,OACfoB,OAQA,OACAnC,uCACAC,OACA+B,YAAAI,YAAAC,8CAAAC,iBACAL,WAAAG,YAAAC,8CAAAC,iBACAJ,UAAAE,YAAAC,8CAAAC,iBACAP,MACA,CAAAK,YAAAC,8CAAAC,gBACA,CAAAC,aAAAF,6CAAAC,oBAIAxC,cACAV,cAGAoD,UACA,oBAEAC,SACAhB,cACA,WAEAiB,wBACA,MAwCA,OADAC,+BACA,EAvCAD,iEAIAE,qBACAC,oBACAd,gBACAG,mBAGAY,2DACA,+CACAC,8BACAJ,eAEAK,2BAIA,gBAIA,GAFA,mBAEA,sCACA,2CACA,gBACA,gBACA,yDAEA,uCACA,oDAIA,mBAAAtC,kBAAAuC,OAAAvD,iBAAAwD,4BASAC,cACAA,gBACAC,WACAC,YACAC,SACAC,SACAC,sBACAC,KAAAC,IACA,aAIA,6BACA,0BAJA,0CAOAjE,gBAEA,2CAOA,mBAAAiB,kBAAAuC,OAAAvD,KAAAwD,uBANA,gBACA,mBACA,qBAOAjE,OAEA,mBACA0E,YC1KmV,I,wBCQ/UC,EAAY,eACd,EACAtF,EACAoD,GACA,EACA,KACA,WACA,MAIa,OAAAkC,E,sECnBf,yBAAglB,EAAG,G,gECAnlB,IAAItF,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACoB,IAAI,KAAKlB,YAAY,MAAM,CAACN,EAAIsF,GAAG,GAAGtF,EAAIsF,GAAG,GAAGtF,EAAIsF,GAAG,GAAGtF,EAAIsF,GAAG,GAAGlF,EAAG,eAAe,IAC5L+C,EAAkB,CAAC,WAAa,IAAInD,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,YAAY,CAACF,EAAG,OAAO,CAACE,YAAY,gBAAgB,CAACN,EAAIO,GAAG,SAASP,EAAIO,GAAG,+BAA+B,WAAa,IAAIP,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,UAAU,CAACF,EAAG,MAAM,CAACE,YAAY,WAAW,CAACF,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACN,EAAIO,GAAG,2CAA2CH,EAAG,MAAM,CAACO,MAAM,CAAC,IAAM,sGAAsG,IAAM,QAAQP,EAAG,MAAM,CAACE,YAAY,WAAW,CAACF,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACN,EAAIO,GAAG,8BAA8BH,EAAG,MAAMJ,EAAIO,GAAG,+BAA+BH,EAAG,MAAM,CAACO,MAAM,CAAC,IAAM,sGAAsG,IAAM,QAAQP,EAAG,MAAM,CAACE,YAAY,WAAW,CAACF,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACN,EAAIO,GAAG,yCAAyCH,EAAG,MAAM,CAACO,MAAM,CAAC,IAAM,sGAAsG,IAAM,QAAQP,EAAG,MAAM,CAACE,YAAY,WAAW,CAACF,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACN,EAAIO,GAAG,kCAAkCH,EAAG,MAAMJ,EAAIO,GAAG,yCAAyCH,EAAG,MAAM,CAACO,MAAM,CAAC,IAAM,sGAAsG,IAAM,WAAW,WAAa,IAAIX,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,MAAM,CAACE,YAAY,SAAS,CAACN,EAAIO,GAAG,2BAA2BH,EAAG,MAAM,CAACE,YAAY,kBAAkB,CAACF,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACF,EAAG,MAAM,CAACE,YAAY,aAAa,CAACN,EAAIO,GAAG,YAAYH,EAAG,MAAM,CAACE,YAAY,aAAa,CAACN,EAAIO,GAAG,mBAAmBH,EAAG,MAAMJ,EAAIO,GAAG,sBAAsBH,EAAG,MAAMJ,EAAIO,GAAG,6BAA6BH,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACF,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,MAAMJ,EAAIO,GAAG,YAAYH,EAAG,MAAM,CAACE,YAAY,aAAa,CAACN,EAAIO,GAAG,mBAAmBH,EAAG,MAAMJ,EAAIO,GAAG,sBAAsBH,EAAG,MAAMJ,EAAIO,GAAG,4BAA4BH,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACF,EAAG,MAAM,CAACE,YAAY,aAAa,CAACN,EAAIO,GAAG,YAAYH,EAAG,MAAM,CAACE,YAAY,aAAa,CAACN,EAAIO,GAAG,mBAAmBH,EAAG,MAAMJ,EAAIO,GAAG,sBAAsBH,EAAG,MAAMJ,EAAIO,GAAG,iCAAiC,WAAa,IAAIP,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,MAAM,CAACE,YAAY,SAAS,CAACN,EAAIO,GAAG,wDAAwDH,EAAG,MAAM,CAACE,YAAY,kBAAkB,CAACF,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACF,EAAG,MAAM,CAACO,MAAM,CAAC,IAAM,+GAA+G,IAAM,QAAQP,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACF,EAAG,MAAM,CAACE,YAAY,QAAQK,MAAM,CAAC,IAAM,sGAAsG,IAAM,MAAMP,EAAG,MAAM,CAACE,YAAY,QAAQK,MAAM,CAAC,IAAM,sGAAsG,IAAM,MAAMP,EAAG,MAAM,CAACE,YAAY,QAAQK,MAAM,CAAC,IAAM,sGAAsG,IAAM,MAAMP,EAAG,MAAM,CAACE,YAAY,QAAQK,MAAM,CAAC,IAAM,sGAAsG,IAAM,MAAMP,EAAG,MAAM,CAACE,YAAY,UAAU,CAACN,EAAIO,GAAG,qBAAqBH,EAAG,MAAM,CAACE,YAAY,UAAU,CAACN,EAAIO,GAAG,2BAA2BH,EAAG,MAAMJ,EAAIO,GAAG,kBAAkBH,EAAG,MAAM,CAACE,YAAY,UAAU,CAACN,EAAIO,GAAG,wBAAwBH,EAAG,MAAM,CAACE,YAAY,UAAU,CAACN,EAAIO,GAAG,mC,wBC8F7oH,GACfqD,OACA,OACA2B,UAGAC,YACAC,kBAEAxB,UACA,eACA,yBACA,yCACAyB,WACAA,mEACAC,6BACAD,cAEA,aACAE,0BAFAC,sCAIAC,iBACAA,8BAEA,uBAQA5B,SASA6B,iBAEA,2CAEA,oCAEA,KACAxB,4CAEAA,0CAOAyB,yBAEA,4BAGAA,gBACAZ,iBACAT,UACAsB,oCACAf,KAAAC,IACA,SAMAa,gBACAZ,iBACAT,gCACAsB,oCACAf,KAAAC,IACA,UAMAe,UACA,4BAAAd,6BACAS,8BAEAM,UACA,eACAC,QACAC,qCAEAC,gBACA,yBACA,QC9LiX,I,wBCQ7WjB,EAAY,eACd,EACAtF,EACAoD,GACA,EACA,KACA,WACA,MAIa,aAAAkC,E","file":"static/js/chunk-3eec0445.fb7fcda7.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!./interview.vue?vue&type=style&index=0&id=3dc2d412&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./interview.vue?vue&type=style&index=0&id=3dc2d412&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{ref:\"bg\",staticClass:\"bg\"},[_vm._m(0),_vm._m(1),_vm._m(2),_vm._m(3),_c('case-study')],1)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"bigTitle\"},[_c('span',{staticClass:\"redHighLight\"},[_vm._v(\"IDI\")]),_vm._v(\" is recommended when... \")])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"IDIBox\"},[_c('div',{staticClass:\"IDI_box\"},[_c('div',{staticClass:\"text\"},[_vm._v(\"Working with small target populations\")]),_c('img',{attrs:{\"src\":\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/solutions/qualitative/IDI/IDI_box_1.png\",\"alt\":\"\"}})]),_c('div',{staticClass:\"IDI_box\"},[_c('div',{staticClass:\"text\"},[_vm._v(\"Deep layers of information\"),_c('br'),_vm._v(\"form probing are required\")]),_c('img',{attrs:{\"src\":\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/solutions/qualitative/IDI/IDI_box_3.png\",\"alt\":\"\"}})]),_c('div',{staticClass:\"IDI_box\"},[_c('div',{staticClass:\"text\"},[_vm._v(\"Geographically-dispersed study area\")]),_c('img',{attrs:{\"src\":\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/solutions/qualitative/IDI/IDI_box_2.png\",\"alt\":\"\"}})]),_c('div',{staticClass:\"IDI_box\"},[_c('div',{staticClass:\"text\"},[_vm._v(\"Require a quick,easy to manage\"),_c('br'),_vm._v(\"general understanding of the market\")]),_c('img',{attrs:{\"src\":\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/solutions/qualitative/IDI/IDI_box_4.png\",\"alt\":\"\"}})])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"conducted\"},[_c('div',{staticClass:\"title\"},[_vm._v(\" IDI conducted in... \")]),_c('div',{staticClass:\"conductedValue\"},[_c('div',{staticClass:\"data\"},[_c('div',{staticClass:\"dataTitle\"},[_vm._v(\" 2021 \")]),_c('div',{staticClass:\"dataValue\"},[_vm._v(\" 1069 Asia HCPs\"),_c('br'),_vm._v(\" 209 Asia Patients\"),_c('br'),_vm._v(\" 1008 Asia Consumers \")])]),_c('div',{staticClass:\"data\"},[_c('div',{staticClass:\"dataTitle\"},[_c('br'),_vm._v(\" 2022 \")]),_c('div',{staticClass:\"dataValue\"},[_vm._v(\" 1071 Asia HCPs\"),_c('br'),_vm._v(\" 291 Asia Patients\"),_c('br'),_vm._v(\" 625 Asia Consumers \")])]),_c('div',{staticClass:\"data\"},[_c('div',{staticClass:\"dataTitle\"},[_vm._v(\" 2023 \")]),_c('div',{staticClass:\"dataValue\"},[_vm._v(\" 1028 Asia HCPs\"),_c('br'),_vm._v(\" 203 Asia Patients\"),_c('br'),_vm._v(\" 790 Asia Consumers \")])])])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"strengths\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"Strengths of our Qualitative Research Consultants \")]),_c('div',{staticClass:\"strengthsValue\"},[_c('div',{staticClass:\"back\"},[_c('img',{attrs:{\"src\":\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/solutions/qualitative/IDI/IDI_Strengths_Back.png\",\"alt\":\"\"}})]),_c('div',{staticClass:\"font\"},[_c('img',{staticClass:\"img_1\",attrs:{\"src\":\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/solutions/qualitative/IDI/IDI_img_1.png\",\"alt\":\"\"}}),_c('img',{staticClass:\"img_2\",attrs:{\"src\":\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/solutions/qualitative/IDI/IDI_img_2.png\",\"alt\":\"\"}}),_c('img',{staticClass:\"img_3\",attrs:{\"src\":\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/solutions/qualitative/IDI/IDI_img_3.png\",\"alt\":\"\"}}),_c('img',{staticClass:\"img_4\",attrs:{\"src\":\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/solutions/qualitative/IDI/IDI_img_4.png\",\"alt\":\"\"}}),_c('div',{staticClass:\"text_1\"},[_vm._v(\"Local Expertise\")]),_c('div',{staticClass:\"text_2\"},[_vm._v(\"Transcription / Summary\"),_c('br'),_vm._v(\"to Reporting\")]),_c('div',{staticClass:\"text_3\"},[_vm._v(\"Indystry Knowledge\")]),_c('div',{staticClass:\"text_4\"},[_vm._v(\"Trained & Experienced\")])])])])}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"bg\" ref=\"bg\">\r\n\r\n    <div class=\"bigTitle\">\r\n      <span class=\"redHighLight\">IDI</span> is recommended when...\r\n    </div>\r\n    <div class=\"IDIBox\">\r\n      <div class=\"IDI_box\">\r\n        <div class=\"text\">Working with small target populations</div>\r\n        <img src=\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/solutions/qualitative/IDI/IDI_box_1.png\" alt=\"\">\r\n\r\n      </div>\r\n      <div class=\"IDI_box\">\r\n        <div class=\"text\">Deep layers of information</br>form probing are required</div>\r\n        <img src=\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/solutions/qualitative/IDI/IDI_box_3.png\" alt=\"\">\r\n\r\n      </div>\r\n      <div class=\"IDI_box\">\r\n        <div class=\"text\">Geographically-dispersed study area</div>\r\n        <img src=\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/solutions/qualitative/IDI/IDI_box_2.png\" alt=\"\">\r\n\r\n      </div>\r\n      <div class=\"IDI_box\">\r\n        <div class=\"text\">Require a quick,easy to manage</br>general understanding of the market</div>\r\n        <img src=\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/solutions/qualitative/IDI/IDI_box_4.png\" alt=\"\">\r\n\r\n      </div>\r\n    </div>\r\n    <div class=\"conducted\">\r\n      <div class=\"title\">\r\n        IDI conducted in...\r\n      </div>\r\n      <div class=\"conductedValue\">\r\n        <div class=\"data\">\r\n          <div class=\"dataTitle\">\r\n            2021\r\n          </div>\r\n          <div class=\"dataValue\">\r\n            1069 Asia HCPs</br>\r\n            209 Asia Patients</br>\r\n            1008 Asia Consumers\r\n          </div>\r\n        </div>\r\n        <div class=\"data\">\r\n          <div class=\"dataTitle\">\r\n            </br>\r\n            2022\r\n          </div>\r\n          <div class=\"dataValue\">\r\n            1071 Asia HCPs</br>\r\n            291 Asia Patients</br>\r\n            625 Asia Consumers\r\n          </div>\r\n        </div>\r\n        <div class=\"data\">\r\n          <div class=\"dataTitle\">\r\n            2023\r\n          </div>\r\n          <div class=\"dataValue\">\r\n            1028 Asia HCPs</br>\r\n            203 Asia Patients</br>\r\n            790 Asia Consumers\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n    <div class=\"strengths\">\r\n      <div class=\"title\">Strengths of our Qualitative Research Consultants </div>\r\n      <div class=\"strengthsValue\">\r\n        <div class=\"back\"> <img src=\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/solutions/qualitative/IDI/IDI_Strengths_Back.png\" alt=\"\"></div>\r\n        <div class=\"font\">\r\n          <img src=\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/solutions/qualitative/IDI/IDI_img_1.png\" alt=\"\" class=\"img_1\">\r\n          <img src=\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/solutions/qualitative/IDI/IDI_img_2.png\" alt=\"\" class=\"img_2\">\r\n          <img src=\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/solutions/qualitative/IDI/IDI_img_3.png\" alt=\"\" class=\"img_3\">\r\n          <img src=\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/solutions/qualitative/IDI/IDI_img_4.png\" alt=\"\" class=\"img_4\">\r\n          <div class=\"text_1\">Local Expertise</div>\r\n          <div class=\"text_2\">Transcription / Summary</br>to Reporting</div>\r\n          <div class=\"text_3\">Indystry Knowledge</div>\r\n          <div class=\"text_4\">Trained & Experienced</div>\r\n\r\n        </div>\r\n\r\n      </div>\r\n    </div>\r\n\r\n\r\n    <case-study />\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport CaseStudy from \"@/components/caseStudy\";\r\nimport { advertisementFlow } from \"@/api/api\";\r\n\r\nexport default {\r\n  data() {\r\n    return {\r\n      scale: 1,\r\n    };\r\n  },\r\n  components: {\r\n    CaseStudy\r\n  },\r\n  created() {\r\n    this.loading();\r\n    this.advertisementFlow(); // 在组件创建时加载Google代码\r\n    const script = document.createElement(\"script\");\r\n    script.async = true;\r\n    script.src = \"https://www.googletagmanager.com/gtag/js?id=AW-11335422054\";\r\n    document.head.appendChild(script);\r\n    script.onload = () => {\r\n      window.dataLayer = window.dataLayer || [];\r\n      function gtag() {\r\n        dataLayer.push(arguments);\r\n      }\r\n      gtag(\"js\", new Date());\r\n      gtag(\"config\", \"AW-11335422054\");\r\n    };\r\n    this.webinercookies();\r\n  },\r\n  //   mounted() {\r\n  //   window.addEventListener('wheel', this.handleWheel, { passive: false });\r\n  // },\r\n  // beforeDestroy() {\r\n  //   window.removeEventListener('wheel', this.handleWheel);\r\n  // },\r\n  methods: {\r\n    //  handleWheel(event) {\r\n    //   if (event.ctrlKey) {\r\n    //     event.preventDefault(); // 阻止默认的缩放行为\r\n    //     const delta = event.deltaY > 0 ? 0.1 : -0.1;\r\n    //     this.scale = Math.min(Math.max(this.scale + delta, 0.5), 3); // 设置缩放范围\r\n    //     this.$refs.bg.style.transform = `scale(${this.scale})`;\r\n    //   }\r\n    // },\r\n    webinercookies() {\r\n      // 如果没有记录cookie\r\n      if (!localStorage.getItem(\"webinersource\")) {\r\n        // 就不重新赋值\r\n        let webinersource = this.$route.query.source;\r\n\r\n        if (webinersource == undefined) {\r\n          localStorage.setItem(\"webinersource\", \"www\");\r\n        } else {\r\n          localStorage.setItem(\"webinersource\", webinersource);\r\n        }\r\n        // console.log(1);\r\n      } else {\r\n        // 如果没有cookie就设置cookie\r\n      }\r\n    },\r\n    advertisementFlow() {\r\n      // 如果没有source\r\n      if (this.$route.query.source == undefined) {\r\n        // console.log(1);\r\n        // 就把source拼接\r\n        advertisementFlow({\r\n          path: \"interview\",\r\n          source: \"\",\r\n          information: \"Solutions_interview\"\r\n        }).then(res => {\r\n          if (res.code == 10000) {\r\n            // console.log(res);\r\n          }\r\n        });\r\n        // 如果有source\r\n      } else {\r\n        advertisementFlow({\r\n          path: \"interview\",\r\n          source: this.$route.query.source,\r\n          information: \"Solutions_interview\"\r\n        }).then(res => {\r\n          if (res.code == 10000) {\r\n            // console.log(res);\r\n          }\r\n        });\r\n      }\r\n    },\r\n    contact() {\r\n      let routeData = this.$router.resolve({ path: \"/contact?source=bid\" });\r\n      window.open(routeData.href, \"_blank\");\r\n    },\r\n    loading() {\r\n      this.$loading({\r\n        lock: true,\r\n        background: \"rgba(255, 255, 255,1)\"\r\n      });\r\n      setTimeout(() => {\r\n        this.$loading().close();\r\n      }, 700);\r\n    }\r\n  }\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n* {\r\n  font-family: \"Nunito\";\r\n}\r\n.bg {\r\n  background-image: url(https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/Background.png);\r\n  background-size: cover;\r\n  // transform-origin: 50% 0; /* 设置缩放的原点 */\r\n}\r\n.redHighLight {\r\n  color: #e73323;\r\n}\r\n.blueHighLight {\r\n  color: #4c8fd5;\r\n}\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  padding-bottom: 50px;\r\n  color: #1e364e;\r\n}\r\n.IDIBox {\r\n  padding: 0 150px;\r\n  display: flex;\r\n  justify-content: space-between;\r\n  flex-wrap: wrap;\r\n  .IDI_box {\r\n    width: 49%;\r\n    margin-bottom: 15px;\r\n    position: relative;\r\n    img {\r\n      width: 100%;\r\n    }\r\n    .text {\r\n      position: absolute;\r\n      width: 100%;\r\n      height: 100%;\r\n      text-align: center;\r\n      display: flex;\r\n      font-size: 18px;\r\n      justify-content: center;\r\n      align-items: center;\r\n      color: #1e364e;\r\n    }\r\n  }\r\n}\r\n.conducted {\r\n  padding: 100px 120px;\r\n  background: linear-gradient(to bottom, rgba(255, 0, 0, 0), rgba(75, 166, 252, 0.7) 30%, rgba(75, 166, 252, 0.7) 70%, rgba(255, 0, 0, 0));\r\n  .title {\r\n    text-align: center;\r\n    font-size: 40px;\r\n    color: #fff;\r\n    font-weight: 700;\r\n    margin-bottom: 70px;\r\n  }\r\n  .conductedValue {\r\n    color: #fff;\r\n    display: flex;\r\n    justify-content: space-around;\r\n\r\n    .data {\r\n      text-align: center;\r\n      .dataTitle {\r\n        font-size: 30px;\r\n        margin-bottom: 40px;\r\n        font-weight: 700;\r\n      }\r\n      .dataValue {\r\n        font-size: 20px;\r\n      }\r\n    }\r\n  }\r\n}\r\n.strengths {\r\n  .title {\r\n    font-size: 40px;\r\n    text-align: center;\r\n    color: #1e364e;\r\n    font-weight: 700;\r\n  }\r\n  .strengthsValue {\r\n    position: relative;\r\n    .back {\r\n      img {\r\n        width: 100%;\r\n        opacity: 0.4;\r\n      }\r\n    }\r\n    .font {\r\n      color: #1e364e;\r\n      .img_1 {\r\n        width: 40%;\r\n        position: absolute;\r\n        top: 9%;\r\n        left: 31%;\r\n      }\r\n      .img_2 {\r\n        width: 40%;\r\n        position: absolute;\r\n        top: 27%;\r\n        left: 15%;\r\n      }\r\n      .img_3 {\r\n        width: 40%;\r\n        position: absolute;\r\n        top: 29%;\r\n        left: 48%;\r\n      }\r\n      .img_4 {\r\n        width: 40%;\r\n        position: absolute;\r\n        top: 48%;\r\n        left: 30%;\r\n      }\r\n      .text_1 {\r\n        position: absolute;\r\n        top: 8%;\r\n        left: 48%;\r\n        font-size: 20px;\r\n      }\r\n       .text_2 {\r\n        position: absolute;\r\n        top: 23%;\r\n        left: 20%;\r\n        font-size: 20px;\r\n        text-align: center;\r\n      }\r\n       .text_3 {\r\n        position: absolute;\r\n        top:68%;\r\n        left: 70%;\r\n        font-size: 20px;\r\n      }\r\n       .text_4 {\r\n        position: absolute;\r\n        top:85%;\r\n        left: 42%;\r\n        font-size: 20px;\r\n      }\r\n    }\r\n  }\r\n}\r\n</style>\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./interview.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./interview.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./interview.vue?vue&type=template&id=3dc2d412&scoped=true&\"\nimport script from \"./interview.vue?vue&type=script&lang=js&\"\nexport * from \"./interview.vue?vue&type=script&lang=js&\"\nimport style0 from \"./interview.vue?vue&type=style&index=0&id=3dc2d412&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  \"3dc2d412\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}